17-THREE.JS 光晕滤镜

<!DOCTYPE html> <html> <head> <title></title> <script src="https://cdn.bootcss.com/three.js/r67/three.js"></script> <script src="https://cdn.bootcss.com/stats.js/r10/Stats.min.js"></sc…

tiltShift.js - CSS3 滤镜实现移轴镜头效果

tiltShift.js 是一款很棒的 jQuery 插件,使用 CSS3 图片滤镜来实现照片的移轴镜头效果.使用非常简单,使用 data 属性配置参数.温馨提示:为保证最佳的效果,请在 IE10+.Chrome.Firefox 和 Safari 等现代浏览器中浏览. 效果演示插件下载 HTML 示例: <img src="url" class="tiltshift" data-position="50" data-blur=&…

1-7 basket.js localstorage.js缓存css、js

basket.js 源码分析 api 使用文档: http://t3n.de/news/basketjs-performance-localstorage-515119/ 一.前言 basket.js 可以用来加载js脚本并且保存到 LocalStorage 上,使我们可以更加精准地控制缓存,即使是在 http 缓存过期之后也可以使用.因此可以使我们防止不必要的重新请求 js 脚本,提升网站加载速度. 可以到 basket.js 的 Github 上查看更多的相关信息. 由于之前…

10.17 elemen.js

今天终于把element.js的官方文档看完了,主要是基础组件的用法,看的时候有种之前学bootstrap的感觉,似曾相识. 虽然它是基于VUE的,但是展示给我们的代码已经精简到不用会VUE也能看懂了. 好吧,其实是我对VUE不太熟,连官方文档都没有完整看过,这两天我要拿起来看看. 我只是看完了基础用法,现在还没有开始使用,改版也仍在计划中.用的时候应该会有很多问题,前路漫漫,加油! 昨天我和zy说饿了么前端写的这个框架好厉害,而且用起来特别简单. zy说其实这样也不好,我用起来越简单,说明它里…

17.Node.js 回调函数--异步编程

转自:http://www.runoob.com/nodejs/nodejs-tutorial.html Node.js 异步编程的直接体现就是回调. 异步编程依托于回调来实现,但不能说使用了回调后程序就异步化了. 回调函数在完成任务后就会被调用,Node 使用了大量的回调函数,Node 所有 API 都支持回调函数. 例如,我们可以一边读取文件,一边执行其他命令,在文件读取完成后,我们将文件内容作为回调函数的参数返回.这样在执行代码时就没有阻塞或等待文件 I/O 操作.这就大大提高了 Node…

10月17日 JS开始日~

1.变量提升变量提升是浏览器的一个功能,在运行js代码之前,浏览器会给js一个全局作用域,叫window, window分为两个模块,一个叫做内存模块,一个叫做运行模块,内存模块找到当前作用域下的所有带var和function的关键字,执行代码执行js代码,从上到下执行,遇到变量就会通过内存地址去查找这个变量,有和没有这个变量,有这个变量就会看赋没赋值,如果赋值就是后面的值,如果没有赋值就是undefined,如果没有找到这个变量,就是这个变量is not defined 2.条件语句…

vue.js 开发生态总结

---title: Vue 1.0 的技术栈date: 2016-09-26 00:48:50tags:category:--- ## vuejs概述 Vue.js是用于构建交互式的Web界面的库.它提供了MVVM数据绑定和一个可组合的组件系统,具有简单.灵活的API.结合node.js 可以实现前后端开发从物理上的分离.使前端负责View和Controller层,后端负责数据接口,数据存储.感兴趣可以看淘宝ued [<前后端分离的思考与实践>][1] ### vuejs有以下几个特点 ###…

前端必备的js知识点（转载）

1.本文主体源自:http://www.cnblogs.com/coco1s/p/4029708.html,有兴趣的可以直接去那里看,也可以看看我整理加拓展的.2.js是一门什么样的语言及特点? js是一种基于对象和事件驱动的并具有相对安全性的客户端脚本语言.也是一种广泛用于web客户端开发的脚本语言,常用来给html网页添加动态功能,如响应用户的各种操作. 主要的目的是为了解决服务器端语言遗留的速度问题,为客户提供更流畅的浏览效果. (详细拓展:htt…

js高级应用

特别板块:js跨域请求Tomcat6.tomcat7 跨域设置(包含html5 的CORS) 需要下载两个jar文件,cors-filter-1.7.jar,Java-property-utils-1.9.jar这两个库文件,http://download.csdn.net/detail/csr0312/9280097 放到tomcat lib目录下面,不是项目的lib目录,然后配置项目的web.xml,添加如下内容,注意filter位置,应该放在第一位  <f…

JS疑难点和GC原理

js解析与序列化json数据(一)json.stringify()的基本用法: 对象有两个方法:stringify()和parse().在最简单的情况下,这两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript.早期的JSON解析器基本上就是使用JavaScript的eval()函数.由于JSON是JavaScript语法的自己,因此eval()函数可以解析.解释并返回JavaScript的对象和数组. ECMAScript 5对解析JS…

js的DOM对象

1.js的Array对象 ** 创建数组(三种) - var arr1 = [1,2,3]; - var arr2 = new Array(3); //长度是3 - var arr3 = new Array(1,2,3); //数组中的元素是1 2 3 - var arr = []; //创建一个空数组 *…

jquery 、 JS 脚本参数的认识与使用

jquery . JS 脚本参数的认识与使用如何使用jquery刷新当前页面下面介绍全页面刷新方法:有时候可能会用到 window.location.reload(); //刷新当前页面. parent.location.reload(); //刷新父亲对象(用于框架) opener.location.reload(); //刷新父窗口对象(用于单开窗口) top.location.reload(); //刷新最顶端对象(用于多开窗口) 下面再介绍一些javascript基本函数 1 doc…

chenxi的js学习笔记

1.本文主体源自:http://www.cnblogs.com/coco1s/p/4029708.html,有兴趣的可以直接去那里看,也可以看看我整理加拓展的. 2.js是一门什么样的语言及特点? js是一种基于对象和事件驱动的并具有相对安全性的客户端脚本语言.也是一种广泛用于web客户端开发的脚本语言,常用来给html网页添加动态功能,如响应用户的各种操作. 主要的目的是为了解决服务器端语言遗留的速度问题,为客户提供更流畅的浏览效果. (详细拓展:http://www.360doc.com/c…

前端必会的js知识总结整理

1.晨曦. 2.js是一门什么样的语言及特点? js是一种基于对象和事件驱动的并具有相对安全性的客户端脚本语言.也是一种广泛用于web客户端开发的脚本语言,常用来给html网页添加动态功能,如响应用户的各种操作. 主要的目的是为了解决服务器端语言遗留的速度问题,为客户提供更流畅的浏览效果. (详细拓展:http://www.360doc.com/content/14/0317/11/10186276_361233415.shtml) 3.js的数据…

我用的一些Node.js开发工具、开发包、框架等总结

开发工具 1.WebStorm,毫无疑问非他莫属,跨平台,强大的代码提示,支持Nodejs调试,此外还支持vi编辑模式,这点我很喜欢. 2.做些小型项目用Sublime Text. 3.Browserify:将你的nodejs模块应用到浏览器中 4.nvm:nodejs版本管理工具,你可能会用到多个nodejs版本(如v0.11.x支持generator的nodejs和stable的v0.10.x版本),用它可以方便切换测试&自动化 1.mocha:一个简单.灵活有趣的 JavaScript…

Node.js开发工具、开发包、框架等总结

开发工具 1.WebStorm,毫无疑问非他莫属,跨平台,强大的代码提示,支持Nodejs调试,此外还支持vi编辑模式,这点我很喜欢.2.做些小型项目用Sublime Text.3.Browserify:将你的nodejs模块应用到浏览器中4.nvm:nodejs版本管理工具,你可能会用到多个nodejs版本(如v0.11.x支持generator的nodejs和stable的v0.10.x版本),用它可以方便切换测试&自动化 1.mocha:一个简单.灵活有趣的 JavaScript 测试框…

牛客JS编程大题（二）

11.统计数组 arr 中值等于 item 的元素出现的次数 function count(arr, item) { var num = 0; for(var i = 0;i < arr.length;i++){ if(arr[i] === item){ num++; } } return num;} 12.找出数组 arr 中重复出现过的元素 function duplicates(arr) { var a = []; arr.sort(); for(var i = 0;i < arr.le…

JS编程题

1.计算给定数组 arr 中所有元素的总和 (数组中的元素均为 Number 类型) function sum(arr) { var sum=0; for (var i=arr.length-1; i>=0; i--) { sum += arr[i]; } return sum; } sum([1,2,3,4]); function sum(arr) { return eval(arr.join('+')); }; sum([1,2,3,4]); 2.移除数组 arr 中的所有值与 item 相…

Vue.js Failed to resolve filter: key

转自:https://stackoverflow.com/questions/35835214/vue-js-failed-to-resolve-filter-key I am following this tutorial https://laracasts.com/series/search-as-a-service/episodes/2 and got stuck on the following error [Vue warn]: Invalid expression. Generate…

加了moment.js和中文语言包，那么其它时间控件的中文包就可以不引用

js匿名函数和闭包总结

js匿名函数和闭包总结一.总结一句话总结:匿名函数的最主要作用是创建闭包,闭包就是将函数内部和函数外部连接起来的一座桥梁.内层的函数可以使用外层函数的所有变量,即使外层函数已经执行完毕.闭包可以用来模仿块级作用域等等. 匿名函数闭包 1.js匿名函数基本格式? 匿名函数赋值变量立即执行匿名函数 ()() return 匿名函数没有名字可以赋值 //情况1.把匿名函数赋值给变量 var fn=function (){ alert('我是匿名函数') } alert(fn) //会…

JavaWeb(HTML +css+js+Servlet....)

注意 1.不要把函数命名为add(),不然容易和自带的冲突报错 2.是createElement 不要把create中的e写掉了 3.记得是getElementsByTaxName和getElementsByName,返回数组,不要掉e 4.注意if,while判断时,是==,不要漏掉只写一个= 5.目前java不支持new泛型数组快捷键 1.Eclipse 右键重构提取方法 2.覆盖方法 alt+shift+s 选择覆盖 3.set 和 get 属性值 alt+shift+s 选择 st…

Js的小技巧

感谢好友破狼提供的这篇好文章,也感谢写这些知识点的作者们和将他们整理到一起的作者.这是github上的一篇文章,在这里本兽也就只做翻译,由于本兽英语水平和编程能力都不咋地,如有不好的地方也请多理解体谅.原文能够为大家提供这些简短而实用的JavaScript技巧来提高大家编程能力,这对于我来说是件很开心的事.每天仅花上不到2分钟的时间中,你将可以读遍JavaScript这门可怕的语言所呈现给我们的特性:performance(性能), conventions(协议), hacks(代码hack…

js总结体会

1.表单元素提交之后(不刷新)数据还是会存在的,想要提交之后清除数据可以在ajax提交数据后,用reset()方法清除数据. 2.js中怎么判断哪个单选控件被选中了呢,即表单控件被选中哪些属性发生了变化. 表单提交到后台的时候,选中的input就会把自己的value属性中的值传到后台去.至于前端js怎么判断还需要研究下.value 属性对于不同 input 类型,用法也不同(具体看菜鸟网) 7.JavaScript对象.JSON对象.JSON字符串的区别 :https://www.cnblogs…

js一位大侠的笔记--转载

js基础 js笔记散记,只是为了方便自己以后可以回看用的: 1.所有用 “点” 的都能 “[]” 代替 odiv.style.color odiv['style'].color odiv['style'][color] document['getElementById'].('div1') 2.style和className的区别 oDIv.style:行间样式 className:是<style></style>里的非行简样式 style.color='red'优先级高于 c…

Laravel 6.X + Vue.js 2.X + Element UI +vue-router 配置

Laravel 版本:6.X Vue 版本:2.X Laravel配置: Laravel使用的是Laragon安装选择Laravel:接下来弹出框,输入项目名,laravel会自动创建一个数据库,数据库名与项目名相同, 安装开始安装完毕过程中会弹出命令提示框,选择OK就行,忘记选择的话需要自己配置host 还要注意弹出命令提示框如果没有选,后续可能需要自己生成一个conf[直接去目录copy一个其他的,文件名和文件内部的内容改成lavue.test的,然后reload重启Apache],…

javascript功能插件大集合前端常用插件 js常用插件

转载来源:https://github.com/jobbole/aw... 包管理器管理着 javascript 库,并提供读取和打包它们的工具.•npm – npm 是 javascript 的包管理器.•Bower – 一个 web 应用的包管理器.•component – 能构建更好 web 应用的客户端包管理器.•spm – 全新的静态包管理器.•jam – 一个专注于浏览器端和兼容 RequireJS 的包管理器.•jspm – 流畅的浏览器包管理器.•Ender – 没有库文件的程序…

强哥node.js学习笔记

node后端语言: nodejs学习大纲:1.node安装2.node repl开发3.node sublime开发4.node 使用5.node 中创建第一个应用6.node 回调函数7.node 事件循环8.node event事件9.node 模块系统10.node 函数11.node 路由12.node 全局对象13.node 文件系统14.node get和post请求15.node 工具模块16.node web模块17.html5+js+jsonp+php+node+mysql完成…

ie下面兼容性问题的一些总结

最后一次搞ie兼容性问题,以后都可以不管了0.0 1.浮动兼容性 1.1IE6下的双边距BUG 在IE6下,块元素有浮动和横向margin的时候,最边上元素的横向margin值会被放大成两倍解决办法: display:inline; 1.2IE6,7下li的间隙在IE6,7下li本身没浮动,但是li内容有浮动的时候,li下边就会产生4px的间隙解决办法: 1.给li加浮动(但是width就变为由自适应内容,所以还要加宽度) 2.给li加vertical-align:top/middle/b…

2016年31款轻量高效的开源 JavaScript 插件和库

目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能.其实,其中也有不少轻量级的插件和库,它们不仅轻巧有用,而且不会影响网站的性能.本文,就为大家整理了2016年以来30多款轻量级Javascript插件和库的列表,这些工具服务于特定的目标,并且它们能够非常有效和高效地实现目标. 不管你想创建一个图片库.一个滑动效果,个性化菜单还是其他接口元素,你都可以用这些插件和库轻易的实现.同时,你还可以使用这些…

【17-THREE.JS 光晕滤镜】的更多相关文章