精华内容
下载资源
问答
  • node.js中可以访问静态文件,只要对静态文件托管就可以了,这是我写的一个例子,和大家交流学习
  • baked.js, 在JS中,powerered由 prismic.io,static 网站生成器 baked.js baked.js 是一个 static 网站生成器,使用 node.js,它嵌入了precedent脚本的更新版本。安装npm install -g baked使用简单生成运行命令:b
  • IDEA新建项目Static Web 没有vue.js

    千次阅读 多人点赞 2019-10-06 12:56:40
    IDEA新建项目Static Web 没有vue.js 原因是 idea需要安装vue.js插件 如何在idea安装插件呢 1.file --> settings 2.Plugins 然后搜索自己需要的插件 --》安装 3.然后新建项目 就可以了! ...

    IDEA中新建项目Static Web 中没有vue.js

    原因是 idea中需要安装vue.js插件

    如何在idea中安装插件呢

    1.file --> settings
    在这里插入图片描述
    2.Plugins 然后搜索自己需要的插件 --》安装在这里插入图片描述
    3.然后新建项目
    在这里插入图片描述
    就可以了!

    展开全文
  • 先看下面的例子,它将告诉我们在JS世界也有C#里的public , private ,及static
  • 最近开发过程遇到个小需求,需要根据需求动态配置一些静态数据,但我不想直接把这个静态文件引入进来,build时就会把数据打包到js文件,造成js文件很大;呃呃。。。。(ps:就想给自己找点别扭) 回头看一下项目...
  • JS类的static

    千次阅读 2020-01-30 19:29:04
    static 类(class)通过 static 关键字定义静态方法。不能在类的实例上调用静态方法,而应该通过类本身调用。这些通常是实用程序方法,例如创建或克隆对象的功能。...静态方法调用同一个类的其他静态方法,...

    static

    类(class)通过 static 关键字定义静态方法。不能在类的实例上调用静态方法,而应该通过类本身调用。这些通常是实用程序方法,例如创建或克隆对象的功能。

    语法
    static methodName() { ... }
    
    描述

    静态方法调用直接在类上进行,不能在类的实例上调用。静态方法通常用于创建实用程序函数。

    调用静态方法

    从另一个静态方法

    静态方法调用同一个类中的其他静态方法,可使用this关键字。

    class StaticMethodCall {
        static staticMethod() {
            return 'Static method has been called';
        }
        static anotherStaticMethod() {
            return this.staticMethod() + ' from another static method';
        }
    }
    StaticMethodCall.staticMethod();
    // 'Static method has been called'
     
    StaticMethodCall.anotherStaticMethod();
    // 'Static method has been called from another static method'
    
    从类的构造函数和其他方法

    非静态方法中,不能直接使用 this关键字来访问静态方法。而是要用类名来调用:CLASSNAME.STATIC_METHOD_NAME() ,或者用构造函数的属性来调用该方法: this.constructor.STATIC_METHOD_NAME().

    class StaticMethodCall {
        constructor() {
            console.log(StaticMethodCall.staticMethod());
            // 'static method has been called.'
            console.log(this.constructor.staticMethod());
            // 'static method has been called.'
        }
        static staticMethod() {
            return 'static method has been called.';
        }
    }
    

    public

    对象的成员都是public成员。任何对象都可以访问,修改,删除这些成员或添加新成员。主要有两种方式来在一个新对象里放置成员:

    在构造函数里

    这种技术通常用来初始化public实例变量。构造函数的“this”变量用来给对象添加成员。

        functin Container(param) {
        	this.member = param;
        }
    

    这样,如果我们构造一个新对象var myContainer = new Container(‘abc’),则myContainer.member为’abc’。

    在prototype里
    这种技术通常用来添加public方法。当寻找一个成员并且它不在对象本身里时,则从对象的构造函数的prototype成员里找。
    prototype机制用来做继承。为了添加一个方法到构造函数创建的所有对象里,只需添加到构造函数的prototype:

        Container.prototype.stamp = function (string) {
        	return this.member + string;
        }
    

    这样,我们可以调用该方法myContainer.stamp(‘def’),结果为’abcdef’。

    private

    private成员由构造函数产生。普通的var变量和构造函数的参数都称为private成员。

    function Container(param) {
    	this.member = param;
    	var secret = 3;
    	var that = this;
    }
    

    该构造函数创建了3个private实例变量: param,secret和that。它们被添加到对象中,但是不能被外部访问,也不能被该对象自己的 public方法访问。它们只能由private方法访问。private方法是构造函数的内部方法。

    function People () {
    	this.name = "Yorhom";
    	var age = 16;
     
    	this.getName = function () {
    		return this.name
    	};
     
    	this.getAge = function () {
    		return age;
    	};
    }
    var yorhom = new People();// undefined
    alert(yorhom.age);// 16
    alert(yorhom.getAge())
    

    例:编写js的类,使其拥有public和private类型的属性和方法

    function People () {
    	this.name = "Yorhom";
    	var age = 16;
    	this.getName = function () {
    		return this.name
    	};
    	this.getAge = function () {
    		return age;
    	};
    }
     
    var yorhom = new People();// undefined
    alert(yorhom.age);// 16
    alert(yorhom.getAge())
    

    protected

    protected可以修饰数据成员,构造方法,方法成员,不能修饰类(此处指外 部类,不考虑内部类)。被protected修饰的成员,能在定义它们的类中,同包 的类中被调用。如果有不同包的类想调用它们,那么这个类必须是定义它们的类 的子类。

    //module foo:
    class Foo {
        constructor() {
            this[Foo.PROPERTY] = 'hello';
        }
    
        test() {
          console.log(this[Foo.PROPERTY]);
        }
    }
    Foo.PROPERTY = Symbol();
    
    export default Foo;//module bar:
    
    import Foo from '(module foo)';
    
    class Bar extends Foo {
        test2() {
          console.log(this[Bar.PROPERTY]);
        }
    }
     
    export default Bar;//module main:
    import Bar from '(module bar)';
    new Bar.test2();
    
    展开全文
  • node.js中可以访问静态文件,只要对静态文件托管就可以了,把前端代码,放到public目录下,就可以访问了
  • thymeleaf引入外部JS的方式: (1)在static下新建文件夹放入外部JS文件 (2)static下的静态资源访问规则可能受application.propertiesspring.mvc.static-path-pattern和spring.resources.static-locations有关! ...

    thymeleaf中引入外部JS的方式:
    (1)在static下新建文件夹放入外部JS文件
    在这里插入图片描述
    (2)static下的静态资源访问规则可能受application.properties中spring.mvc.static-path-pattern和spring.resources.static-locations有关!
    在这里插入图片描述
    (3)注意(2)中的配置文件不生效时,和MyWebMVCConfig.java中对静态资源的重定位有关系!

    package com.steno.propertiestest.common;
    
    import org.springframework.context.annotation.Configuration;
    import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
    import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
    
    @Configuration
    public class MyWebMVCConfig implements WebMvcConfigurer {
    
        @Override
        public void addResourceHandlers(ResourceHandlerRegistry registry) {
            System.out.println("==========静态资源拦截!============");
            //将所有/static/** 访问都映射到classpath:/static/ 目录下
            registry.addResourceHandler("/static/**/").addResourceLocations("classpath:/static/");
        }
    }
    

    在这里插入图片描述
    (4)thymeleaf中使用th:src="@{/js/jquery.js}"引入外部JS文件

    <!doctype html>
    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8"/>
        <title>springboot-thymeleaf</title>
        <!--
        引入外部JS,注意引入方式为@{}否则不生效,
        另外
        (1)static下的静态资源访问规则可能受application.properties中spring.mvc.static-path-pattern和spring.resources.static-locations有关!
        (2)配置文件不生效时,和MyWebMVCConfig.java中对静态资源的重定位有关系!
        -->
        <script type="text/javascript" th:src="@{/js/jQuery-2.1.4.min.js}"></script>
        <script>
            function testRestGetPage(){
                jQuery.ajax({
                    url : "/project/books?page=0&size=2&sort=bookid,desc",
                    data : "",
                    type : "get",
                    datatype : "json",
                    success : function(result){
                        console.log(result);
                    }
                });
            }
        </script>
    </head>
    
    <body>
        <!-- 返回值获取 -->
        <p th:text="'hello, ' + ${book.author} + '的' + ${book.name} + '!'" />
        <button type="button" onclick="testRestGetPage()">查询分页按钮</button>
    </body>
    </html>
    

    (5)访问JS或者直接访问页面查看加载信息
    在这里插入图片描述
    直接访问JS:
    http://localhost:8081/project/js/jQuery-2.1.4.min.js
    在这里插入图片描述
    http://localhost:8081/project/static/js/jQuery-2.1.4.min.js访问:
    在这里插入图片描述

    展开全文
  • 最近开发过程遇到个小需求,需要根据需求动态配置一些静态数据,但我不想直接把这个静态文件引入进来,build时就会把数据打包到js文件,造成js文件很大;呃呃。。。。(ps:就想给自己找点别扭) 回头看一下项目...

    最近开发过程中遇到个小需求,需要根据需求动态配置一些静态数据,但我不想直接把这个静态文件引入进来,build时就会把数据打包到js文件中,造成js文件很大;呃呃。。。。(ps:就想给自己找点别扭)
    回头看一下项目,果断的在根目录下创建一个static/test.json文件,在目标页面下fetch获取这个json文件里的数据:

    fetch("../static/test.json")
    .then(res => res.json())
    .then(res => {
    //获取到了数据
    })
    .catch(err=>{
    //解析错误或者获取数据失败
    })
    

    ok,就这么简单,完活了运行起来看看效果(灰常自信);

    在这里插入图片描述
    结果现实给了我一记记大嘴巴子;
    他居然走了catch error,打开浏览器查看一下在这里插入图片描述
    结果状态是200,fetch请求没有什么问题,那就可能是json文件路径有问题,它不想让我找到,

    2000 years later。。。。。。。。。。。。。。。。

    我发现在我build完后,打包好的项目中没有test.json文件,因为我用的是vue-cli 3.x 构建的项目,在不引用的情况下,不会把这个静态文件打包带走的,所以 真想只有一个,不是人家在躲猫猫,是我根本就没带人家玩。
    so 正文终于来了(对不起,前戏有点多):
    我想把static下所有的静态文件原封不动打包带走,我想到了
    copy-webpack-plugin
    安装完成后在vue.config.js 文件配置一下吧

    //引入
    const CopyWebpackPlugin = require("copy-webpack-plugin") //引入插件
    
    module.exports = {
    	
    	configureWebpack: {
    	    plugins: [
    	      new CopyWebpackPlugin({
    	        patterns:[{
    	          from: "./static",
    	          to: 'static'
    	        }]
    	      })
    	    ]
      }
    }
    

    ok,就这么简单,完活了运行起来看看效果(灰常自信):
    在这里插入图片描述
    完美~
    以上就是遇到这个问题整个解决的思路啦;有哪些不足欢迎大神们指点;

    展开全文
  • 问题描述: ...在js目录下修改configure.in的case语句,修改JS_NUNBOX32为JS_NUNBOX64,让在编译过程识别64位的jsval_layout. 相关链接: https://bugzilla.mozilla.org/show_bug.cgi?id=1371256 ht...
  • IDEA新建Static Web项目没有vue.js

    千次阅读 2019-11-11 17:04:23
    在setting找到plugin, 下载vue.js插件, 重启后就可以看到了
  • 在导入前端模板时,总是要...def change_static(script_origin: str): script_origin = script_origin.split('\n') for script_origin in script_origin: script_origin = script_origin.strip() if script_origin:
  • 当时我是这样引入的: <link href="../static/css/style.css" rel="stylesheet"> <link href="../static/css/style-responsive.css" rel="stylesheet"> 在静态路径下就相当于是Root路径,可以直接访问,任何放于此...
  • todo 转载于:https://www.cnblogs.com/wangtong111/p/11433563.html
  • 总结区别有以下几点:  1.打包时:(都是打包至dist...而static中的文件则不会被打包,相比assect的文件打包更快,但是打包完成后文件所占用空间比较大。  2.在文件直接引用时,都是直接写入相对路径。但是在...
  • js中没有static变量, 而php中有

    千次阅读 2016-02-28 10:56:06
    js代码: static var i =1; alert(1);  因为static用错, 所以alert根本不会执行。  php代码: static $str = "Hello world"; echo $str; ?> 代码OK.
  • ITKEE社区V3.0.1版本更新,补丁包下载了解详情 , 获取ITKEE社区版本,快速授权了解详情thinkphp5的/static等变量如何定义,tp3的__PUBLIC__则不能够在进行使用,这一切都可以在模板引擎重新的定义\thinkphp\...
  • 您是否改了application.properties(application.yml)或者不停更改引入方式,还是不行。... registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/"); } }    
  • 在ES6中,我们的javascript也有了类,那么,JS中的类有没有static,public,private,protected这些关键字呢,又是怎么样的呢,本文主要带你探讨JS类中的static,public,private,protected这些关键字的使用。 static ...
  • 描述一下我具体想要实现的就是直接通过在浏览器输入端口号加文件地址就去访问/static/verify/VerifyCode.html文件,如下图,然后这个VerifyCode.html还去访问了/static/css/login.css静态文件。 在VerifyCode....
  • 没有定位,元素出现在正常的流忽略 top, bottom, left, right 或者 z-index 声明。 2 relative(相对定位) relative:生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常(原先本身)位置进行定位...
  • 在做项目的时候,将静态资源放在static中,包含js、CSS、images等,在访问页面是发现JS、CSS正常访问,但是。。。但是问题来了,图片404。各种找问题,查看配置文件,发现好像都没啥问题,突然才想起来有一招没试试 ...
  • 1 创建static文件夹,在项目下 2 index页面简单设置,红色 3 在settings页面配置最后添加,staticfiles_dirs,必须逗号结尾,引用用别名 转载于:https://www.cnblogs.com/wfl9310/p/9397455.html...
  • 总结: vue使用echart,引入js. var echarts = require(’…/…/…/…/static/js/echarts-4.2.0.js’) methods封装好方法。 钩子函数调用。 <script> var echarts = require('../../../../static/js/...
  • 关于React Web程序打包请求接口的过程出现//localhost:3000/static/js/1.chunk.js.map疑惑记录

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,120
精华内容 2,048
关键字:

js中static