- 博客(9)
- 收藏
- 关注
RSS订阅原创 WebStorm、WebPack、ES6、React、JSX
花了很多时间，真的是弄的自己很懵，趁现在整理一下，方便以后查看，也分享给跟我一样懵的人。很多内容是我个人的理解，可能讲究起来有些描述不是很准确，但是我这样的初学者，得先大概了解了、会用了再去深究深层次的东西。webstorm首先是一个工具，给我们写代码的，可以直接新建一个project，然后新建文件html、css、js等文件，然后写代码，然后运行。运行html、css、js程...
2018-07-19 12:38:02
1436
原创 编程风格
12种不宜使用的javascript语法 1、不使用==和!== 使用==和!== 2、不使用with语句 3、不使用eval语句 4、避免continue 5、switch结构中的case语句都加上break switch(n) { case 1: break; case 2: break; } 6、避免单行的块结构 ...
2018-07-19 12:37:16
212
原创 乱七八糟知识点
IIFE-立即执行函数es6之前只有全局作用域和函数作用域，我们一般将一些需要复用的代码写在函数里面。但是由于只能通过函数来专门为一些变量等创建一个作用域，所以这些函数只会被执行一遍，由于只执行一遍，就直接写成IIFE（立即执行函数）好了，于是… IIFE的两种比较常见的写法(funcion foo(){ ...//前面括起来})();(function foo(){...
2018-07-19 12:35:16
241
转载 模块化
封装1、函数 直接调用函数 会更改全局变量 模块之间关系不明显function m1(){ //...}2、对象 用对象的属性来获取 能通过属性呗外部改写 会暴露模块成员var module1 = new Object({ _count : 0, m1 : function (){ //... }, m2 : function (){ ...
2018-04-26 12:25:24
176
原创 观察者模式（自定义事件）
npm安装npm install pubsub-js每一个需要观察或者被观察的模块都引入该js文件举例如下：import '../../../../node_modules/pubsub-js/src/pubsub.js';创建被观察者－此处举例是告诉观察者target的改变和值var target='when target change';//事件的...
2018-04-25 18:11:07
287
原创 SCSS和SASS
CSS 预处理器CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。 通俗的说，“CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏览器的兼容性问...
2018-03-05 09:38:08
5391
原创 LESS语法
Less中的注释// less转css时不会保留 /**/ 原本css的样式，less转css时会保留Less中的变量@test_width:300px;.class{ width:@test_width;}混合.class1{ height:300px; .class2;}.class2{ width:...
2018-03-05 09:30:21
360
原创 拖动（ondragstart\ondragover\ondrop）
拖动(ondragstart\ondragover\ondrop)样式设置。<style> #div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;}</style>基本设置。<div id="div1">&lt
2018-03-03 09:16:15
1611
原创 <canvas>标签
canvascanvas标签只是一个容器，类似定义一块画布。&lt;canvas id="drawingBoard" width="" height=""&gt;&lt;/canvas&gt;在canvas里面可以使用js画画。 1、获取画布。var drawingBoard=document.getElemen
2018-03-03 09:14:32
212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人