主要知识点: animation 纯css实现无间隙轮播图效果,鼠标悬停后可暂停 demo 请在chrome下预览(未写兼容性) html文件 <div class="carousel-box"> <d…
分类:前端开发
前端js之循环遍历
前言:js循环是最常见的用法,避免代码重复,有规则的子对象也更容易有规则操作,说白了就是好用,也慎用别写了个死循环。 内容核心:多种循环运用场景解析 开始了: 1吹牛逼 2吹牛逼 3失恋了不要失态 A:do while …
移动web页面适配
前言 由于最近工作原因,需要开发移动端的网页,除了页面兼容性问题,就是页面适配了,在此分享下几种实践过的页面适配解决方案 首先我建议各位去看看之前写的一篇《移动web网页开发细节》,下面讲的都是默认已做好基本操作 当前比…
很全很全的 JavaScript 模块讲解
模块通常是指编程语言所提供的代码组织机制,利用此机制可将程序拆解为独立且通用的代码单元。所谓模块化主要是解决代码分割、作用域隔离、模块之间的依赖管理以及发布到生产环境时的自动化打包与处理等多个方面。 模块的优点 1.可维…
Webpack Loader源码导读之less-loader
原文地址:http://hiihl.com/articles/2018/1/17/lessloader.md 本篇是Webpack Loader源码导读系列中关于less-loader的解读,主要阐述loader的工作,…
JavaScript之DOM归纳
DOM 文档对象模型 (DOM) 是HTML和XML文档的编程接口。它给文档(结构树)提供了一个结构化的表述并且定义了一种方式—程序可以对结构树进行访问,以改变文档的结构,样式和内容。 DOM 提供了一种表述形式将文档作…
读《不知道的js》中作用域,模拟引擎对话作用域
发文原由 身为刚接触前端的小白,深知书本乃是人类进步的阶梯(作者开始装x),秉承不能浪费大好青春的宗旨,在国庆假期为自己充充电(大神们别,别,有话好好说,先放下砖头),遂鼓起勇气拿起《你不知道的js》,当看到书中对于一段…
js控制hover的样式,原创
众所周知,js是无法控制hover的样式的, 因为笔者之前想过用服务器渲染实现,然后突来灵感。 查看演示 demo下载链接 上代码: <body> <div id="colorContainer">…
详解 JS 中 new 调用函数原理
JavaScript 中经常使用构造函数创建对象(通过 new 操作符调用一个函数),那在使用 new 调用一个函数的时候到底发生了什么?先看几个例子,再解释背后发生了什么。 1)看三个例子 1.1 无 return 语…
随时--前端工程师必备的几个实用网站
一、配色类网站 http://colorhunt.co 这个网站给我们提供了很多的配色方案,我们直接使用就OK了。使用方法也很简单,鼠标移动到对应的颜色上,我们就可以看到颜色的十六进制码,复制这个颜色到工具里就可以使用了…
JS常见数组操作大全
– concat()//链接数组 – slice()//从当前数组中截取一个数组,不影响原来的数组,参数start是从0开始,end是从1开始; Eg: var arr4 = arr3.slice…
web前端—day1.2—sublime常用快捷键
sublime常用快捷键 快捷键 名称 html + tab html结构代码 tab 补全代码 Ctrl+shift+d 快速复制一行 Ctrl+shiif+k 快速删除一行 Ctrl+鼠标左键单击 集体输入 Ctrl…