精华内容
下载资源
问答
  • 如何给自己的网站/页面添加雪花代码、特效呢?有的网站配合自己的主题模板添加雪花飘落效果挺好看的。特别是与冬天季节相关的主题,很多的博客空间都加了雪花的效果。在网上搜索了几种雪花效果,做了简单的修改,在...

    如何给自己的网站/页面添加雪花代码、特效呢?有的网站配合自己的主题模板添加雪花飘落效果挺好看的。特别是与冬天季节相关的主题,很多的博客空间都加了雪花的效果。在网上搜索了几种雪花效果,做了简单的修改,在这里给大家分享下。将代码添加到你的页面就可以了。

    个人网站html5雪花飘落代码JS特效下载

    1、唯美浪漫雪花飘落jquery特效代码。演示页面:http://www.lmlblog.com/winter/。代码添加如下:

    <script src="http://www.lmlblog.com/winter/templets/xq/js/snowy.js"></script>
    <style type="text/css">
    .snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;}</style>
    <div class="snow-container"></div>

    2、冬季HTML5 3D雪花斜着飘落动画场景特效

    演示页面:

    http://www.lmlblog.com/blog/12/

    http://www.lmlblog.com/blog/xue2/

    代码添加如下:

    <script src="http://www.lmlblog.com/winter/templets/xq/js/snowy.js"></script>
    <script src="http://www.lmlblog.com/blog/12/js/Snow.js"></script>
    <style type="text/css">
    .snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;}
    </style>
    <div class="snow-container"></div>

    3、html5 canvas制作3D逼真冬天雪景雪花飘场景

    演示页面:

    http://www.lmlblog.com/blog/14/

    http://www.lmlblog.com/blog/xue1/

    代码添加如下:

    <script src="http://www.lmlblog.com/winter/templets/xq/js/snowy.js"></script>
    <script src="http://www.lmlblog.com/blog/14/js/Snow.js"></script>
    <style type="text/css">
    .snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;}
    </style>
    <div class="snow-container"></div>

    4、平安夜/圣诞夜jquery snow.js雪花飘落效果 (适用于平安夜,圣诞节背景可改,雪花的密度,尺寸均可改(代码内有说明),须引入jquery库,简单好用。)

    演示页面:http://www.lmlblog.com/blog/xue3/

    5、html5 canvas散开变大雪花动画特效 演示页面:http://www.lmlblog.com/blog/xue/

    以上是使用javascript实现雪花飘落的效果代码,可以根据个人喜爱修改,更多好看网页雪花特效代码欢迎分享。

    雪花飘落js特效代码下载地址

    雪花飘落js特效代码下载地址

    展开全文
  • 浮动广告最简单代码js

    千次阅读 2017-09-25 14:59:19
    <div class="scroll_end"></div> ..." onclick="javascript:document.getElementById('left_layer').style.display='none';">关闭 贴到body中记得改下图片位置以及图片名称
    <div class="scroll_end"></div>
    <div id="left_layer" style="position:fixed; top:100px; right:50px;">
      <img src=".\images\dd_scroll.jpg"><br>
      <a href="javascript:;" οnclick="javascript:document.getElementById('left_layer').style.display='none';">关闭</a>

    </div>






    贴到body中记得改下图片位置以及图片名称

    展开全文
  • javaScript-如何引入js代码

    万次阅读 热门讨论 2019-08-20 20:37:52
    javaScript-如何引入js代码 直接po代码和截图 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js01-如何引入js代码</title> <script type="text/...

    javaScript-如何引入js代码

    直接po代码和截图

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>js01-如何引入js代码</title>
    <script type="text/javascript">
    //script标签的type="text/javascript"可以省略
    	document.write("江西省赣州市于都县<br/>");
    	console.log("hello hi \n world ");
    	console.log("tom ok\njack");
    	console.log("jerry<br/>ok");
    </script>
    <script src="hello.js" type="text/javascript"></script>
    </head>
    <body>
    <h1>js01-如何引入js代码</h1>
    <!-- 
    如何引入js代码?
    1.直接内嵌
    2.引入外部的js文件
     -->
    <script type="text/javascript">
    //script标签的type="text/javascript"可以省略
    	document.write("我的老家在江西省赣州市于都县<br/>");
    </script>
    <script src="hello.js" type="text/javascript"></script>
    </body>
    </html>

    hello.js文件

    document.write("好好工作,努力赚钱!");

    展开全文
  • 深入JavaScriptJS引擎如何执行JS代码

    千次阅读 多人点赞 2021-04-20 12:09:34
    js引擎在执行js代码时,也会从上到下进行 词法分析、语法分析、语义分析 等处理,并在代码解析完成后生成AST(抽象语法树),最终根据AST生成CPU可以执行的机器码并执行。 除此之外,JS引擎在执行代码时还会进行其它...

    我们大概经常能听到“执行环境”、“作用域”、“原型(链)”、“执行上下文”等内容,它们都在描述什么?

    JS代码的运行

    我们知道了js是弱类型语言,在运行时才确定变量类型。js引擎在执行js代码时,也会从上到下进行 词法分析语法分析语义分析 等处理,并在代码解析完成后生成AST(抽象语法树),最终根据AST生成CPU可以执行的机器码并执行。

    除此之外,JS引擎在执行代码时还会进行其它处理,如 V8 中还有两个阶段:

    • 编译阶段:该阶段会进行执行上下文的创建,包括创建变量对象(VO)(此时会被初始化为undefined)、建立作用域链、确定 this 指向等。每进入一个不同的运行环境。V8 都会创建一个新的执行上下文。
    • 执行阶段:将编译阶段中创建的执行上下文压入调用栈,并成为正在运行的执行上下文。代码执行结束后,将其弹出调用栈。(这里有一个VO - AO的过程:JavaScript对变量赋值时变量被用到,此时变量对象会转为活动对象,转换后的活动对象才可被访问)

    这就引出了两个概念:“执行上下文” 和 “作用域链”。


    JavaScript执行上下文

    由上面我们可以知道:当js代码执行一段可执行代码时,会创建对应的执行上下文。
    首先,js中可执行代码对应着有一个概念:“执行环境” —— 全局环境、函数环境 和 eval
    其次,对于每个执行上下文,都有三个重要属性:

    • 变量对象(即“VO”)
    • 作用域链
    • this

    我们来看两段代码:

    var scope="global scope";
    function checkscope(){
    	var scope="local scope";
    	function f(){
    		return scope;
    	}
    	return f();
    }
    checkscope();
    
    var scope="global scope";
    function checkscope(){
    	var scope="local scope";
    	function f(){
    		return scope;
    	}
    	return f;
    }
    checkscope()();
    

    它们会打印什么?
    scope

    为什么?答案是它们的执行上下文栈不一样!

    什么是“执行上下文栈”?
    当执行一个可执行代码时,就会提前做准备工作,这里的“准备工作”,专业的说法就是“执行上下文”。但随着可执行代码如函数的增多,如何管理那么多的执行上下文呢?所以JS引擎创建了执行上下文栈的概念。
    我们完全可以用数组去模拟其行为(栈底永远有一个全局执行上下文globalContext)

    我们定义一个EStack,首先

    EStack=[globalContext];
    

    然后来模拟第一段代码:

    EStack.push(<checkscope> functionContext);
    EStack.push(<f> functionContext);
    EStack.pop();
    EStack.pop();
    

    而第二段代码是这样的:

    EStack.push(<checkscope> functionContext);
    EStack.pop();
    EStack.push(<f> functionContext);
    EStack.pop();
    

    究其原因,你可能需要先研究一下“闭包”的概念了!

    这里顺便说下“在前端模块化”中怎么实现“长时间保存数据”?
    缓存?不。闭包!


    JavaScript作用域和作用域链

    首先,作用域是指程序中定义变量的区域。作用域规定了如何查找变量,也就是确定了当前执行代码对变量的访问权限。
    作用域有两种:静态作用域动态作用域
    JS采用的静态作用域,也叫“词法作用域”。函数的作用域在函数定义的时候就确定了。

    由上,词法作用域中的变量,在编译过程中会产生一个确定的作用范围。这个作用范围即“当前的执行上下文”。在ES5后我们用“词法环境”替代作用域来描述该执行上下文。词法环境由两个成员组成:

    • 自身词法环境记录:用于记录自身词法环境中的变量对象
    • 外部词法环境引用:用于记录外层词法环境中存在的引用

    我们依然来看一个例子:

    var value=1;
    function foo(){
    	console.log(value);
    }
    function bar(){
    	var value=2;
    	foo();
    }
    bar();
    

    回看上面的定义,该打印什么?

    value

    让我们分析下执行过程:
    执行foo()函数,先从foo函数内部查找是否有局部变量value。如果没有,就根据定义时的位置,查找上面一层的代码,也就是value=1.所以结果会打印1。

    这里面当然不是如此简单能概括的,你可以从执行上下文的角度分析一下。

    建立作用域链

    上面我们说了词法环境(作用域)的两个组成。再结合执行上下文,我们不难发现:通过外部词法环境的引用,作用域可以顺着栈层层拓展,建立起从当前环境向外延伸的一条链式结构。

    再来看一个例子:

    function foo(){
    	console.dir(bar);
    	var a=1;
    	function bar(){
    		a=2;
    	}
    }
    console.dir(foo);
    foo();
    

    由静态作用域,全局函数foo创建了一个自身对象的 [[scope]] 属性

    foo[[scope]]=[globalContext];
    

    而当我们执行foo()时,也会先后进入foo函数的定义期和执行期。在foo函数的定义期时,函数bar的 [[scope]] 将会包含全局内置scope和foo的内置scope

    bar[[scope]]=[fooContext,globalContext];
    

    这证明了这一点:“JS会通过外部词法环境引用来创建变量对象的一个作用域链,从而保证对执行环境有权访问的变量和函数的有序访问。”

    让我们再回头看看执行上下文中的那道题,在前面我们说了它们有什么不同,这里说下为什么它们相同地打印了“local scope”:还是那句话“JS采用的是词法作用域,函数的作用域取决于函数创建的位置” —— JS函数的执行用到了作用域链,这个作用域链是在函数定义的时候创建的。嵌套的函数 f() 定义在这个作用域链里,其中的变量scope一定是指局部变量,不管何时何地执行 f() ,这种绑定在执行 f() 时依然有效。

    基于作用域链的变量查询

    当某个变量无法在自身词法环境记录中找到时,可以根据外部词法环境引用向外层进行寻找,直到最外层的词法环境中外部词法环境引用为null
    与此相似的是“对象中基于原型链的查找”:

    • 原型:每一个JS对象(null 除外)在创建时就会与另一个对象关联,这个对象就是我们说的原型。每一个对象都会从原型中“继承”属性。
    • 当读取实例的属性时,如果找不到,就会查找与对象关联的原型中的属性,如果还找不到,就去找原型的原型,一直到最顶层(__proto__为null)为止

    它们的区别也显而易见:原型链是通过 prototype 属性建立对象继承的链接;而作用域链是指内部函数能访问到外部函数的闭包。不管直接还是间接,所有函数的作用域链最终都链接到全局上下文。

    展开全文
  • jsjavascript代码执行顺序理解

    千次阅读 2018-02-05 16:13:18
    jsjavascript代码执行顺序理解    JavaScript是一种描述型脚本语言,它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript语言的运行...
  • java是在服务器端运行的代码,jsp在服务器的servlet里运行,而javascript和html都是在浏览器端运行的代码。 所以服务器端先执行,执行后将信息传给客户端。 因此加载jsp页面的执行顺序是java>jsp>js, 加载jsp的...
  • js/javascript代码注释规范与示例

    万次阅读 2016-10-15 10:46:40
    js/javascript代码注释规范与示例  注释在代码编写过程中的重要性,写代码超过半年的就能深深的体会到。没有注释的代码都不是好代码。为了别人学习,同时为了自己以后对代码进行‘升级’,看看js/...
  • PythonJS —— Python 转 JavaScript 代码

    千次阅读 2017-06-02 09:34:00
    PythonJS 详细介绍PythonJS 是一个用 Python 写的转换器,用来将 Python 代码转成快速的 JavaScript,可运行于 Node.js 平台上。PythonJS 的设计思路的快速和易于集成现有的 JavaScript 代码。 使用方法: var ...
  • Java直接运行JavaScript代码js文件

    万次阅读 2017-11-13 20:07:10
    执行JavaScript用到的类有: javax.script.ScriptEngine; javax.script.ScriptEngineFactory; javax.script.ScriptEngineManager;...话不多说,先上代码,一睹JavaScript脚本运行的兴奋吧! 需求1:执行一个Jav
  • Web前端JS代码需要保护吗? 这得具体情况具体分析。 1、如果只是写一段web页面图片轮播,或是跑马灯效果等等之类简单的功能。那不需要保护。 2、如果是精心设计一个绚丽的特效,如果想要保护这段自己付诸幸苦实现...
  • Node.js中运行JavaScript代码

    千次阅读 热门讨论 2017-05-31 15:52:24
    最近学习JS的内容,有幸得到Bill的指点,之前自己运行JS的脚本是在浏览器上,之后惊喜的发现,可以在加载Node.js环境中,在命令窗口运行脚本。这样做的好处是什么呢?大大的减少了窗口来回切换的的频率,提高我们的...
  • 在研究服务器推送技术期间,碰到一个如何让javascript 执行后台返回的特定js代码,其实很简单。 如下: var js = "alert('abc');"; window.eval(js);
  • js调用代码

    2013-10-09 20:29:42
    Js代码调用方法总结 方法一:使用 标签在HTML 页面中插入 JavaScript 和 之间包含要执行的javascript代码。 alert("HELLO WORLD");...方法二:在HTML中调用...js调用代码http://www.zzsck.org/html/javascript/4185
  • 将Kotlin代码编译成Javascript 代码

    千次阅读 2018-02-09 16:33:59
    在Kotlin和Javascript平台的互操作过程中,往往会涉及Kotlin代码Javascript 代码相互转换的过程,本文主要介绍如何将Kotlin代码编译成Javascript 代码。 1,创建JavaScript的应用程序 首先创建一个新的应用...
  • JavaScript恶意代码

    千次阅读 2017-03-17 19:13:22
    使用JavaScript进行程序开发时,可以使用JavaScript的部分属性或方法来提高安全性,但也会无意编写出恶意代码。   二 恶意代码举例 在编写代码时,有可能由于疏忽编写出浪费系统资源的恶意代码,造成浏览器崩溃...
  • npm update -g clean-css-cli uglifycss js-beautify html-minifier uglify-js minjson svgo
  • v8js-在PHP中运行javascript代码

    万次阅读 2018-11-19 11:54:12
    之前写自动登录操作一个网站的PHP脚本,但是发现该网站用js代码做了cookie的计算和验证,所以使用了v8js。 安装 安装v8。(Mac:brew install v8) 使用pecl install v8js 安装的过程中要求输入v8的安装目录。 安装...
  • 使用Javascript shell解释执行js代码

    千次阅读 2018-08-06 21:23:20
    最近,算法小白在跟着《数据结构与算法javascript描述》这本书学习算法知识。 首先,小白就被难住了。这个js shell是个什么玩意儿。故鼓捣了半天,又几个小时过去了。。。 终于会用了。。写下来,大家自取。也是...
  • javascript 代码转换为 typescript 代码

    千次阅读 2020-01-31 16:59:47
    js写了几年前端程序,一直用extjs框架,最近学习了下angular觉得技术有必要升级换代了,于是就从把mxGraph从javascript转换为typescript开始了,本文介绍一下转换中常见问题。 转换步骤 1. 将*.js文件重命名为...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,353,310
精华内容 941,324
关键字:

代码js