js

编程语言的词法结构是一套基础性规则，用来描述如何使用这门语言来编写程序。作为语法的基础，它规定了诸如变量名是什么样的、怎么写注释，以及程序语言之间如何分隔等规则。 1、 字符集 JavaScript程序是使用 Unicode (计算机科学领域里的一项业界标准)符集编写的。Unicode是ASCII和Latin-1的超集，并支持地球上几乎所有在用的语言。有关 Unicode与JavaScript详解 ，可以看看大神的文章。 1.1、 区分大小写 JavaScript是区分大小写的语言。也就是说，关键字、变量、函数名和所有的标识符(identifier)都必须采取一致的大小写形式。比如：关键字"while"必须写成"while"，而不能写成"While" 或者 "WHILE"。 同时需要注意的是，HTML并不区分大小写。例如，在HTML中设置事件处理程序时，onclick属性可以写成onClick，但在JavaScript中，必须使用全部小写的onclick。 1.2、空格、换行符和格式控制符 JavaScript会忽略程序中标识之间的空格，同样也会忽略换行符。为了提高代码可读性和可维护性。团队成员应该采用整齐、一致的缩进来行程统一的编码风格。比如采用EsLint代码风格来约束。 1.3、Unicode 转义序列 JavaScript定义了一种特殊的序列

一：字符集 1、区分大小写 JavaScript是区分大小写的语言 所有的标识符（identifier）都必须采取一致的大小写形式 但是Html并不区分大小写（尽管Xhtml区分） 2、空格、换行符和格式控制符 JS会忽略程序中的标识（token）之间的空格。多数情况下也会忽略换行符 除了可以识别普通的空格符（\u0020）,JS也可以识别如下这些表示空格的字符 *水平制表符（\u0009） *垂直制表符（\u000B） *换页符（\u000C） *不中断空白（\u00A0） *字节序标记（\ufeff） JS将如下字符识别为行为结束符 三：注释 //单行 /*...*/多行 四：直接量 直接量（literal）：就是程序中直接使用的数据值。 eg：12//数字 1.2//小数 “hello world” //字符串文本 ’hi‘ //字符串 ture //布尔值 false //另一个布尔值 /javascript/gi //正则表达式直接量（用做模式匹配） null //空 五：标识符和保留字 在js中标识符用来对变量和函数进行命名，或者用作Js代码中的某些循环语句中的跳转位置的标记。 JS标识符必须以字母、下划线（_）或美元符（$开始) 六：类型、值和变量 js数据类型分为两类：原始类型（primitive type）和对象类型（object type）。 primitive

< head lang = "en" > < meta charset = "UTF-8" > < title > < / title > < style > . big { width : 500 px ; height : 400 px ; border : 1 px solid black ; margin : auto ; } . top { width : 500 px ; height : 50 px ; border - bottom : solid 1 px black ; } . top span { width : 100 px ; height : 50 px ; display : inline - block ; text - align : center ; line - height : 50 px ; float : left ; } . active { background : red ; color : white ; } . bottom { width : 498 px ; height : 348 px ; position : relative ; } . bottom div { width : 100 % ; height : 100 % ; position : absolute ; left : 0 ; top : 0 ;

　　前言：虽说博客主要用来学习分享技术，但在学习之余能把自己的博客打扮的更独特，那是不错的选择。 这篇博客主要会分享 怎么给自己的博客增加更多炫酷的特效（js动态），都是以博客园为例。 申请博客的 js 权限（必须）； 博客背景上漂浮的磁力线，鼠标吸铁石； 鼠标点击出漂浮出字体("富强", "民主", "文明"...)； 在个人博客中播放自己喜欢的歌曲； 博客不使用 js 权限，也可以使用 js 的黑科技； 一.申请博客的 JS 权限 　　博客中为了安全考虑，默认是不可以进行 JS 编辑的，所以我们首先需要申请博客的 JS 权限。 　　 　　先进入 【管理】-【设置】 界面中； 　　 　　在上面图中 红框 的位置会有申请 JS 代码权限的链接，进入填写你的申请原因，进行申请即可，我提交申请 大概一个小时之后审批通过了。 　　如果通过后就可以对博客进行美化了，如果没通过..... 二.博客背景上漂浮的磁力线，鼠标吸铁石 　　你可能在很多博客中看到类似 当鼠标移动上去的时候会出现线条吸附在鼠标周围的特效，鼠标离开的时候线条就自动散开。（我的博客中就能看到） 　　这些特效都是调用 JS 来完成的。我贴出代码： <script> !function(){ function n(n,e,t){ return n.getAttribute(e)||t } function e(n){

第一种方法： (这种方法只精确到秒) var timestamp = Date.parse(new Date()); 结果： 1545816450000 第二种方法： var timestamp=new Date().getTime()； 结果： 1545816456780 第三种方法： var timestamp=new Date().getTime()； 结果： 1545816456780 第一种：获取的时间戳是把毫秒改成000显示，因为这种方式只精确到秒 第二种和第三种是获取了当前毫秒的时间戳。 添加一个遇到的问题 var sDate = '2018-12-12'; var now = new Date(); var inputDate =Date.parse(sDate ); //输入时间戳 now.setTime(inputDate) //Wed Dec 12 2018 08:00:00 GMT+0800 (中国标准时间) 时间转化时默认8点开始， 8：00：00 来源： https://www.cnblogs.com/liubingyjui/p/10180504.html

什么是JSON 　　JSON是一种基于文本的数据交换方式，或者叫做数据描述格式，你是否该选用他首先肯定要关注它所拥有的优点。 JSON的优点： 　　1、基于纯文本，跨平台传递极其简单； 　　2、Javascript原生支持，后台语言几乎全部支持； 　　3、轻量级数据格式，占用字符数量极少，特别适合互联网传递； 　　4、可读性较强，虽然比不上XML那么一目了然，但在合理的依次缩进之后还是很容易识别的； 　　5、容易编写和解析，当然前提是你要知道数据结构； 　　JSON的缺点当然也有，但在作者看来实在是无关紧要的东西，所以不再单独说明。 JSON的格式或者叫规则： 　　JSON能够以非常简单的方式来描述数据结构，XML能做的它都能做，因此在跨平台方面两者完全不分伯仲。 　　1、JSON只有两种数据类型描述符，大括号{}和方括号[]，其余英文冒号:是映射符，英文逗号,是分隔符，英文双引号""是定义符。 　　2、大括号{}用来描述一组“不同类型的无序键值对集合”（每个键值对可以理解为OOP的属性描述），方括号[]用来描述一组“相同类型的有序数据集合”（可对应OOP的数组）。 　　3、上述两种集合中若有多个子项，则通过英文逗号,进行分隔。 　　4、键值对以英文冒号:进行分隔，并且建议键名都加上英文双引号”"，以便于不同语言的解析。 　　5、JSON内部常用数据类型无非就是字符串、数字、布尔

来源： http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html 前言： 说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内容。 JSON和JSONP虽然只有一个字母的差别，但其实他们根本不是一回事儿： JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议 。我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没？一个是描述信息的格式，一个是信息传递双方约定的方法。 什么是JSON 前面简单说了一下，JSON是一种基于文本的数据交换方式，或者叫做数据描述格式。 JSON的优点： 1、基于纯文本，跨平台传递极其简单； 2、Javascript原生支持，后台语言几乎全部支持； 3、轻量级数据格式，占用字符数量极少，特别适合互联网传递； 4、可读性较强

最近一直在看关于json和jsonp的区别和各自的用法、优缺点！ 下面是我看到过解释最清楚的一片文章 说到AJAX就会不可避免的面临两个问题， 第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？ 这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是 用JSON来传数据，靠JSONP来跨域 。而这就是本文将要讲述的内容。 JSON和JSONP虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没？一个是描述信息的格式，一个是信息传递双方约定的方法。 什么是JSON？ 前面简单说了一下，JSON是一种基于文本的数据交换方式，或者叫做数据描述格式，你是否该选用他首先肯定要关注它所拥有的优点。 JSON的优点： 1、基于纯文本，跨平台传递极其简单； 2、Javascript原生支持，后台语言几乎全部支持； 3、轻量级数据格式，占用字符数量极少，特别适合互联网传递； 4、可读性较强，虽然比不上XML那么一目了然

这些面试题你会怎么答? (系列一) Vue中文社区 8月16日 前言 最近参加了几场面试，积累了一些高频面试题，我把面试题分为两类，一种是基础试题: 主要考察前端技基础是否扎实，是否能够将前端知识体系串联。一种是开放式问题: 考察业务积累，是否有自己的思考，思考问题的方式，这类问题没有标准答案。 基础题 题目的答案提供了一个思考的方向，答案不一定正确全面，有错误的地方欢迎大家请在评论中指出，共同进步。 怎么去设计一个组件封装 组件封装的目的是为了重用，提高开发效率和代码质量 低耦合，单一职责，可复用性，可维护性 前端组件化设计思路 js 异步加载的方式 渲染引擎遇到 script 标签会停下来，等到执行完脚本，继续向下渲染 defer 是“渲染完再执行”，async 是“下载完就执行”，defer 如果有多个脚本，会按照在页面中出现的顺序加载，多个async 脚本不能保证加载顺序 加载 es6模块的时候设置 type=module，异步加载不会造成阻塞浏览器，页面渲染完再执行，可以同时加上async属性，异步执行脚本（利用顶层的this等于undefined这个语法点，可以侦测当前代码是否在 ES6 模块之中） css 动画和 js 动画的差异 代码复杂度，js 动画代码相对复杂一些 动画运行时，对动画的控制程度上，js 能够让动画，暂停，取消，终止，css动画不能添加事件

前言 最近参加了几场面试，积累了一些高频面试题，我把面试题分为两类，一种是基础试题: 主要考察前端技基础是否扎实，是否能够将前端知识体系串联。一种是开放式问题: 考察业务积累，是否有自己的思考，思考问题的方式，这类问题没有标准答案。 基础题 题目的答案提供了一个思考的方向，答案不一定正确全面，有错误的地方欢迎大家请在评论中指出，共同进步。 怎么去设计一个组件封装 组件封装的目的是为了重用，提高开发效率和代码质量 低耦合，单一职责，可复用性，可维护性 前端组件化设计思路 js 异步加载的方式 渲染引擎遇到 script 标签会停下来，等到执行完脚本，继续向下渲染 defer 是“渲染完再执行”，async 是“下载完就执行”，defer 如果有多个脚本，会按照在页面中出现的顺序加载，多个async 脚本不能保证加载顺序 加载 es6模块的时候设置 type=module，异步加载不会造成阻塞浏览器，页面渲染完再执行，可以同时加上async属性，异步执行脚本（利用顶层的this等于undefined这个语法点，可以侦测当前代码是否在 ES6 模块之中） css 动画和 js 动画的差异 代码复杂度，js 动画代码相对复杂一些 动画运行时，对动画的控制程度上，js 能够让动画，暂停，取消，终止，css动画不能添加事件 动画性能看，js 动画多了一个js 解析的过程，性能不如 css