- 博客(9)
- 收藏
- 关注
原创 WebStorm、WebPack、ES6、React、JSX
花了很多时间,真的是弄的自己很懵,趁现在整理一下,方便以后查看,也分享给跟我一样懵的人。很多内容是我个人的理解,可能讲究起来有些描述不是很准确,但是我这样的初学者,得先大概了解了、会用了再去深究深层次的东西。 webstorm 首先是一个工具,给我们写代码的,可以直接新建一个project,然后新建文件html、css、js等文件,然后写代码,然后运行。 运行html、css、js程...
2018-07-19 12:38:02
1332
原创 编程风格
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
149
原创 乱七八糟知识点
IIFE-立即执行函数 es6之前只有全局作用域和函数作用域,我们一般将一些需要复用的代码写在函数里面。但是由于只能通过函数来专门为一些变量等创建一个作用域,所以这些函数只会被执行一遍,由于只执行一遍,就直接写成IIFE(立即执行函数)好了,于是… IIFE的两种比较常见的写法 (funcion foo(){ ...//前面括起来 })(); (function foo(){ ...
2018-07-19 12:35:16
175
转载 模块化
封装 1、函数 直接调用函数 会更改全局变量 模块之间关系不明显 function m1(){ //... } 2、对象 用对象的属性来获取 能通过属性呗外部改写 会暴露模块成员 var module1 = new Object({ _count : 0, m1 : function (){ //... }, m2 : function (){ ...
2018-04-26 12:25:24
135
原创 观察者模式(自定义事件)
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
220
原创 SCSS和SASS
CSS 预处理器 CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。 通俗的说,“CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问...
2018-03-05 09:38:08
5244
原创 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
311
原创 拖动(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
1534
原创 <canvas>标签
canvas canvas标签只是一个容器,类似定义一块画布。 &lt;canvas id="drawingBoard" width="" height=""&gt;&lt;/canvas&gt; 在canvas里面可以使用js画画。 1、获取画布。 var drawingBoard=document.getElemen
2018-03-03 09:14:32
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人