2018年04月_Chepy2018

原创 javascript 模块化的那些事

commonJS2009年，美国程序员Ryan Dahl创造了node.js项目，将javascript语言用于服务器端编程。这标志"Javascript模块化编程"正式诞生。因为老实说，在浏览器环境下，没有模块也不是特别大的问题，毕竟网页程序的复杂性有限；但是在服务器端，一定要有模块，与操作系统和其他应用程序互动，否则根本没法编程。NodeJS是commonJS规范的实现，webpack 也是以...

2018-04-27 10:53:02 262

原创 vue按需加载实现

按需加载：1. 将重量级路由内容单独生成一个或者多个js文件，而不是全部放在app.js中；2. 路由访问时再去加载对应的代码块。webpack打包会自动将所有依赖的JS代码打入一个文件，如果工程特别大，依赖的内容特别多的话，就会导致该文件特别的大，而大文件加载会导致性能不是特别的好。此时按需加载就显得尤为重要。参考：点击打开链接未按需加载生成的目录：app.js：这个是项目代码的集合；mani...

2018-04-25 21:48:12 8663

原创 JS实现鼠标经过和离开图片放大缩小效果

参考：艺龙官网实现。要点：闭包理解；轮询器的清除；以下为部分代码，所有代码见github(ImageEffect文件夹)：源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte

2018-04-21 14:36:21 7295

原创 vue2.0探索之路--vue的生命周期

vue的生命周期分为8个阶段，beforeCreate->created->beforeMount->mounted->beforeUpdate->updated->beforeDestroy->destroyed。在vue从实例化开始到组件改变再最后到组件销毁都可以通过对应的钩子函数所监听，以下贴出一个组件的示例代码：impor...

2018-04-18 12:47:58 185

原创前端进行图片压缩并传入后台

步骤：1. 将图片转成image对象；2. 压缩成设置的最大尺寸；3. 通过canvas转成base64码；4. 后台(此处是java)进行base64解码存储。以下上具体代码。所有代码见：github客户端：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...

2018-04-18 02:20:43 6183

原创 css三栏布局实现6种方法总结

三栏布局介绍：左边固定300px，右边固定300px，中间自适应，下面通过6种方法来实现该布局，欢迎补充~~~~1. flex方式，实现简单，支持ie10+：css代码：.content-flex { display: flex; text-align: center; line-height: 200px; ...

2018-04-13 20:55:30 430

原创箭头函数中的this指向

普通函数：this指向分为4种情况，1. obj.getName();//指向obj2.getName();//非严格模式下，指向window，严格模式下为undefined3. var a = new A(); a();//指向A本身4.getName().apply(obj);//指向obj箭头函数：箭头函数本身是没有this和arguments的，在箭头函数中引用this实际上是调用的是...

2018-04-01 16:48:12 7693 1

ChpeShy的博客