巴扎黑
浏览量15918 | 粉丝242 | 关注1
2017-07-22 17:09:29
有关对CSS3媒体查询知识的总结
1、什么是媒体查询媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。 2、为什么响应式设计需要,媒体查询
1699
2017-07-22 16:58:02
前端代码书写规范总结
规范目的:为了提高工作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,在网站建设中,使结构更加清晰,代码简明有序,有一个更好的前端架构。规范基本准则:符合web标准,使用具有语义的标签,使结构、表现、行为分离,兼容性优良。页面性能优化,代码简洁、明了、有序,尽可能的减少服务器的负载,保证最快的解析速度。一、文件规范1.1 HTML部分 1.1.1 建包问题 文件均
2108
2017-07-22 17:09:02
有关JavaScript ES6中scope作用域的讨论
ES6 scope(作用域)作用域 :1.全局作用域(global) 2.函数作用域(function)全局作用域var a=1;console.log(a);//1 //{}表示语句块 if(a==1){ var b=2; console.log(b);//2}console.log(b);for (var c = 0; c < 10;
1513
2017-07-22 16:57:39
localStorage与sessionStorage五种循序渐进的使用方法
需求:本地记录用户上次输入的内容使用关键技术:localStorage第一步:使用jQuery的普通写法1、JS代码// 获取window的localStorage对象var localS = window.localStorage;// 获取localStorage的值var getV = localS.getItem("value0"), getV2 = localS.
2703
2017-07-22 16:56:21
对JavaScript ES6的常用总结之数组、函数、对象的扩展
1.1. Array.from()Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。下面是一个类似数组的对象,Array.from将它转为真正的数组。let arrayLike = { '0': 'a', '1': 'b',
1482
2017-07-22 16:54:28
探讨javascript浮点值运算是舍入误差的原因
问题在javascript中整数和浮点数都属于Number数据类型(简单数据类型中的一种),我们经常会发现在打印1.0这样的浮点数的结果是1而非1.0,这是由于保存浮点数的内存空间是保存整数值的两倍,所以ECMAScript会不失时机地将浮点数转换为整数。 上面这种情况虽然让强迫症患者有点不舒服,但是好歹也不是什么大错,接下来这种情况就很吓人了。例如我们在计算0.1加0.2时,它的输出
1889
2017-07-22 16:54:54
JavaScript ES6中let与const比较
let基本用法ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变
1620
2017-07-22 16:52:56
如何实现使用gulp实现文件压缩及浏览器的热加载
一.安装gulp 首先,你要安装过nodejs,如果没有安装过的同学请自行下载。 先再命令行里输入 npm install gulp -g 下载gulp二.创建gulp项目 创建一个你需要项目文件夹,然后在根目录输入 npm init (npm init命令会为你创建一个package.json文件,这个
2214
2017-07-22 16:55:29
webpack基础入门知道教程
本文github仓库地址: https://github.com/Rynxiao/webpack-tutorial ,里面包括了本教程的所有代码。【如果你觉得这篇文章写得不错,麻烦给本仓库一颗星:-D】1. 导语1.1 什么叫做webpackwebpack is a module bundler.webpack takes modules with dependencies and g
1773
2017-07-22 15:40:30
使用Vue2.X和Webpack2.X开发SPA应用的环境构建方法
[TOC]1、开发环境准备1.1 安装nodejs首先安装Nodejs,直接去nodejs官网下载https://nodejs.org/en/,默认会安装Npm,所以这里可以不用单独安装。1.2 使用淘宝Npm镜像由于国内网络原因,如果直接使用Npm安装依赖包会因为网络和墙的原因导致不成功,好在淘宝给我提供了可以使用的镜像,地址是:https://npm.taobao.org/,按照其【
1313