秋水不寒的专栏

代码是我的行为艺术

排序:
默认
按更新时间
按访问量

前端构建工具------Webpack vs Gulp

理想的前端开发流程 在说构建工具之前得先说说咱期望的前端开发流程是怎样的? 写业务逻辑代码(例如 es6,scss,pug 等) 处理成浏览器认识的(js,css,html) 浏览器自动刷新看到效果 前端开发就是在不断的 123..123..123.... 循环中进行的,上面的后两步(也就...

2018-11-07 15:15:55

阅读数:19

评论数:0

谈javascript中stopImmediatePropagation函数和stopPropagation函数的区别

    在事件处理程序中,每个事件处理程序中间都会有一个event对象,而这个event对象有两个方法,一个是stopPropagation方法,一个是stopImmediatePropagation方法,两个方法只差一个Immediate,这里就说说这两个方法的区别   1、stopImme...

2018-11-04 20:23:26

阅读数:12

评论数:0

JS中自定义事件的使用与触发

1. 事件的创建 JS中,最简单的创建事件方法,是使用Event构造器: var myEvent = new Event('event_name');  var myEvent = new Event('event_name'); 但是为了能够传递数据,就需要使用 CustomEvent 构造器...

2018-11-04 20:22:07

阅读数:40

评论数:0

windows安装git并使用

最早Git是在Linux上开发的,很长一段时间内,Git也只能在Linux和Unix系统上跑。不过,慢慢地有人把它移植到了Windows上。现在,Git可以在Linux、Unix、Mac和Windows这几大平台上正常运行了。https://pan.baidu.com/s/1boOKZ1d Wi...

2018-09-04 17:10:23

阅读数:21

评论数:0

解读Git与SVN的区别(集中式VS分布式)

Git是目前世界上最先进的分布式版本控制系统,其实 Git 跟 SVN一样有自己的集中式版本库或服务器,但是Git 更倾向于被使用于分布式模式,也就是每个开发人员从中心版本库/服务器上chect out代码后会在自己的机器上克隆一个跟中心版本库一模一样的本地版本库。可以这样说,如果你被困在一个不能...

2018-09-04 16:54:06

阅读数:13

评论数:0

ES6数组方法

ES6数组方法以下方法添加到了Array.prototype对象上(isArray除外)indexOf类似字符串的indexOf()方法1 stringObject.indexOf(searchvalue,fromindex) 2 3 var data = [2, 5, 7, 3, 5]; 4 ...

2018-03-14 16:03:29

阅读数:107

评论数:0

数组reduce方法心得

从最简单的例子开始。var arr = [1, 2, 3, 4, 5]; sum = arr.reduce(function(prev, cur, index, arr) { console.log(prevres, cur, index); return prevres + c...

2018-03-14 15:44:40

阅读数:114

评论数:0

怎么让Chrome支持小于12px 的文字?

这个我们在做移动端的时候,设计师图片上的文字假如是10px,我们实现在网页上之后。往往设计师回来找我们,这个字体能小一些吗?我设计的是10px?为啥是12px?其实我们都知道,谷歌Chrome最小字体是12px,不管你设置成8px还是10px,在浏览器中只会显示12px,那么如何解决这个坑爹的问题...

2017-07-11 11:46:33

阅读数:1994

评论数:0

vue 缩写

v-bind 缩写 Vue.js 为两个最为常用的指令提供了特别的缩写: v-bind:href="url"> :href="url"> v-on 缩写 v-on:click="doSomething&quo...

2017-06-21 17:48:51

阅读数:2225

评论数:0

VueJs—常用操作手册

一、从HelloWorld说起 任何语言的都是从Hello World开始的,VueJs也不例外,直接上代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 ...

2017-06-19 21:57:28

阅读数:703

评论数:0

50个必备的实用jQuery代码段+ 可以直接拿来用的15个jQuery代码片段

本文会给你们展示50个jQuery代码片段,这些代码能够给你的JavaScript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中! ...

2017-06-19 15:41:12

阅读数:415

评论数:0

20 个常用的 CSS 技巧

20 个常用的 CSS 技巧 阅读 4551 收藏 287 2016-05-27 下面这几个CSS技巧你可能不知道,1.彩色照片变黑白,2.所有元素垂直居中,3.禁用鼠标,4.模糊文字,小编学完能量满满的,觉得对CSS又充满了爱,你也来看看。 1. 黑白图像 这段代码会让你的彩色照...

2017-06-06 23:17:19

阅读数:292

评论数:0

Vue.js的搭建

Vue.js的搭建 vue这个新的工具,确实能够提高效率,vue入门的精髓:(前提都是在网络连接上的情况下)  1.要使用vue来开发前端框架,首先要有环境,这个环境要借助于node,所以要先安装node,借助于node里面的npm来安装需要的依赖等等。  这里有一个小技...

2017-06-06 23:12:13

阅读数:424

评论数:0

为什么body{font-size: 62.5%;}

在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置,为什么偏偏是62.5%呢?这主要是为了方便em与px相互转换,em的初始值为1em=16px,显然这样的话,如1.2em则=19.2px,可是我们在设置的时候很少看见19.2px这样表示的大小,也就是在用px表示大小...

2016-09-27 17:15:01

阅读数:2685

评论数:0

div 加伪类:focus

以前只知道input  可以加focus ,昨天项目中有需要在使用div 点击效果改变,不太想js,就尝试了 下div:focus 以下是个人总结的优缺点: .testdiv{background-color:red} 123 123 123 123 123 ...

2016-07-20 16:58:57

阅读数:3793

评论数:0

transform知识【学习总结】

1.旋转 rotate() 旋转rotate()函数:通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。 如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。 如下图所示:  ...

2016-07-05 14:05:14

阅读数:545

评论数:0

从输入 URL 到页面加载完的过程中都发生了什么事情

Cache 一个HTTP请求的过程 为了简化我们先从一个HTTP请求开始,简要介绍一下一个HTTP求情的网络传输过程,也就是所谓的“从输入 URL 到页面下载完的过程中都发生了什么事情” DNS Lookup 先获得URL对应的IP地址 Socket Connect 浏览器...

2016-06-28 16:30:51

阅读数:257

评论数:0

快速掌握AngularJs

一、前言   对于前端系列,自然少不了AngularJs的介绍了。在前面文章中,我们介绍了如何使用KnockoutJs来打造一个单页面程序,后面一篇文章将介绍如何使用AngularJs的开发一个单页面应用程序。在开始使用AngularJs开发SPA之前,我觉得有必要详细介绍下AngularJ...

2016-06-07 16:52:37

阅读数:513

评论数:0

使用freemarker(FTL)常见语法 总结

freemarker(FTL)常见语法大全   FreeMarker的插值有如下两种类型:1,通用插值${expr};2,数字格式化插值:#{expr}或#{expr;format}  ${book.name?if_exists } //用于判断如果存在,就输出这个值  ...

2016-06-01 11:17:57

阅读数:9066

评论数:0

深入理解JavaScript事件捕获,阻止

接上篇,既然有事件的冒泡,也可以有事件的捕获,这是一个相反的过程。区别是从顶层元素到目标元素或者从目标元素到顶层元素。 来看代码:   $input.addEventListener("click", function(){ this.style....

2016-05-27 14:58:57

阅读数:5716

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭