- 博客(29)
- 资源 (51)
- 收藏
- 关注
原创 JS如何判断json是否为空
function getjsonlength(json{ var jlength=0; for (var i in json){ jlength++; } return jlength;}console.log(getjsonlength(str))
2018-10-30 18:58:58 4192
转载 webpack中hash、chunkhash和contenthash三者的区别
在webpack中有时需要使用hash来做静态资源实现增量更新方案之一,文件名的hash值可以有三种hash生成方式,每一种都有不同应用场景,那么三者有何区别呢?hash、chunkhash、contenthashhash一般是结合CDN缓存来使用,通过webpack构建之后,生成对应文件名自动带上对应的MD5值。如果文件内容发生改变的话,那么对应文件hash值也会改变,对应的HTML引用...
2018-10-30 09:59:36 1696
原创 JavaScript 数组去重
方法一function unique(arr){ var result = []; //结果数组 for(var i = 0; i < arr.length; i++) { //如果在结果数组result中没有找到arr[i],则把arr[i]压入结果数组result中 if (result.indexOf(arr[i]) ...
2018-10-30 09:33:32 230
原创 箭头函数和普通函数有什么区别
1.箭头函数相当于匿名函数,是不能作为构造函数的,不能使用new 2.箭头函数不绑定arguments,取而代之用rest参数…解决 3.箭头函数会捕获其所在上下文的this值,作为自己的this值。即箭头函数的作用域会继承自外围的作用域。 4.箭头函数当方法使用的时候没有定义this的绑定obj = { a:10, b:()=>{ console.log(this...
2018-10-26 16:01:42 1007
原创 http 协议状态码
1**(信息类):表示接收到请求并且继续处理 100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 2**(响应成功):表示动作被成功接收、理解和接受 200——表明该请求被成功地完成,所请求的资源发送回客户端 201——提示知道新文件的URL 202——接受和处理、但处理未完成 203——返回信息不确定或不完整...
2018-10-26 16:00:12 328
原创 js this 指向
全局情况下 this始终指向window作为函数调用时,非严格模式指向window , 严格模式指向undefined普通函数调用的时候 this 指向window var x = 10; function foo(){ console.log(this); //window console.log(this.x); //10 } ...
2018-10-26 15:58:04 143
原创 两侧固定 中间自适应
使用绝对定位 左右使用绝对定位 由于绝对定位脱离标准流 center会自动在左右的下面 使用margin 留出左右元素的宽度 这样可以使中间自适应了 div 元素 <div class="boxleft">left</div> <div class="boxcenter">content</div> <
2018-10-26 15:56:44 404
转载 BFC
来源 https://www.thinktxt.com/web-front/2017/02/18/css-bfc-layout-model.html 也许你已经掌握了HTML、CSS的基本布局技能,但是有可能还有一些难以琢磨透的专业名词还不是很清楚,比如BFC。今天我们就来聊聊对BFC的理解,以便我们在布局的过程中能够更加得心应手。概念BFC(Block Formatting Cont...
2018-10-26 15:40:55 235
原创 css 清除浮动方法
方法一使用一个空标签<div class="content"> <div class="col-1">布局1</div> <div class="col-2">布局2</div> 内容 <div class="clear">
2018-10-26 15:24:07 211
转载 CSS浏览器兼容性
1.对齐文本和文本输入框问题:当input元素在设置了高时,在IE7、IE8、IE9下会出现文本和文本输入框不能对齐的现象,其他正常,包括opera解决:vertical-align:middle;2.容器宽度在浏览器中解释不同问题:不同浏览器下宽度不同,比如说设置width:200px,在iE7、IE8、IE9下显示的是200px,在FF、Chrome、Opera中显示的是220...
2018-10-26 14:59:55 141
原创 ES6集合 Map
ES6中的Map类型是一种存储着许多键值对的有序列表,其中的键名和对应的值支持所有的数据类型。类似于对象,键值对的集合,键不限类型,即“值—值”的对应对同一个键赋值,后面的会覆盖掉前面的,Map 的键实际上是跟内存地址绑定的,只要内存地址不一样,就视为两个键 Map实例的方法 new Map()构造函数:创建Map集合 set()方法:往集合中添加新元素[键值对] ...
2018-10-26 12:41:35 1436
原创 ES6 集合Set
ES6新增的Set是一种集合类型的数据结构,承载着有序不可重复的值。集合(Set)是由一组无序但彼此之间又有一定关系性的成员构成,每个成员在集合中只能出现一次,不同于我们之前说的字典,链表之类的,它是一种包含了不同元素的数据结构。set的属性和方法: 1.Set.prototype.constructor:构造函数,默认就是Set函数; 2.Set.prototype.size:返回S...
2018-10-26 12:10:09 853
转载 JS中的DOM与BOM
一、背景二、BOM1、window对象2、window的子对象三、DOM1、HTML DOM树2、查找标签3、节点操作4、事件 一、背景到目前为止,我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法,并没有和浏览器有任何交互。也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识。J...
2018-10-26 10:02:04 241
原创 js 数组中方法总结
都是基础 必须掌握! 网上找找资料认认真真敲一边,算是有了个大概的认识!改变原数组的方法(9个):pop()a.shift() push() unshift() reverse() splice() sort() ES6: copyWithin() fill不改变原数组的方法(8个):ES5:join、toLocateString、toStrigin、sli...
2018-10-25 17:24:35 551
转载 关于时区的时间的详解,比如UTC\GMT等
来源UTC 和 GMT 及 北京时间的关系 UTC和GMT,这两者几乎是同一概念。它们都是指的格林尼治标准时间,只不过UTC的称呼更为正式一点。两者的区别在于前者是一个天文 上的概念,而 后者是基于一个原子钟。在UTC中,每一年或两年会有一个“闰秒”,而我们一般不理 会这个“闰秒”,但是在Java中,这造成我们有时会出现60秒或61秒。 GMT=UTC UTC+8=北京时间 ...
2018-10-25 10:05:07 3731
原创 作业帮web面试总结
都是些很基础的东西 平时不太留意的。甚至是函数的参数,每个参数都是干嘛的。养成好习惯,做东西的时候需要认真!另一方面自己语言组织能力超级烂,很多东西表述的太差。继续努力,自勉!1.盒模型是必问的。 分为标准盒模型和IE盒模型 标准 content +padding+border+marigin width = content IE盒模...
2018-10-24 13:48:37 4472
转载 JavaScript的浅拷贝和深拷贝
在 JS 中有一些基本类型像是Number、String、Boolean,而对象就是像这样的东西{ name: 'Larry', skill: 'Node.js' },对象跟基本类型最大的不同就在于他们的传值方式。基本类型是按值传递,像是这样:在修改a时并不会改到bvar a = 25;var b = a;b = 18;console.log(a);//25console.log...
2018-10-22 15:59:53 142
原创 JSON.parse()与JSON.stringify()
JSON.parse()【从一个字符串中解析出json对象】例子://定义一个字符串var data='{"name":"goatling"}'//解析对象JSON.parse(data)结果是:name:"goatling"JSON.stringify()【从一个对象中解析出字符串】var data={name:'goatling'}JSON.str...
2018-10-22 13:15:44 151
原创 JS引擎的执行机制
来源首先,请牢记2点:(1) JS是单线程语言(2) JS的Event Loop是JS的执行机制。深入了解JS的执行,就等于深入了解JS里的event loop1.灵魂三问 : JS为什么是单线程的? 为什么需要异步? 单线程又是如何实现异步的呢?技术的出现,都跟现实世界里的应用场景密切相关的。同样的,我们就结合现实场景,来回答这三个问题(1) JS为什么是单线程的?...
2018-10-22 12:39:28 201
转载 async 函数的含义和用法
来源一、终极解决异步操作是 JavaScript 编程的麻烦事,麻烦到一直有人提出各种各样的方案,试图解决这个问题。从最早的回调函数,到 Promise 对象,再到 Generator 函数,每次都有所改进,但又让人觉得不彻底。它们都有额外的复杂性,都需要理解抽象的底层运行机制。异步I/O不就是读取一个文件吗,干嘛要搞得这么复杂?异步编程的最高境界,就是根本不用关心它是不是异步...
2018-10-22 12:12:30 2344 1
转载 写一个通用的事件侦听器函数
var EventUtil ={ // 得到事件 getEvent:function(event){ return event?event:window.event; }, //添加事件 addEvent:function(element,type,handler){ //DOM2级事件处理程序,false表示在冒泡阶段处理事件程序 if(element.a...
2018-10-17 18:34:19 786
原创 vue-cli 工程目录结构介绍
请说出vue-cli工程中每个文件夹和文件的用处注意:此问题千万不要只解释一下 src 文件夹下每个文件夹的作用。vue-cli目录结构:vue-cli目录解析:build 文件夹:用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件夹下 webpack.base.conf.js 用于配置 less、sass等css预编译库,或者配置一下 UI 库。 config ...
2018-10-17 11:40:04 8636
转载 浏览器渲染原理及流程
我们可能都知道浏览器含有一个渲染引擎,用来渲染窗口所展示的内容。默认情况下,渲染引擎可以显示html、xml文档及图片,它也可以借助插件(一种浏览器扩展)显示其他类型数据,例如使用PDF阅读器插件,用于显示PDF格式。但是其具体的渲染原理和流程估计也有很多人都不知道或者不清楚吧。这些天研究了一下浏览器的渲染原理,有了些心得,在这里跟大家分享一下,这里只讨论渲染引擎最主要的用途——显示应用了CS...
2018-10-16 15:29:59 193
转载 js类型识别的方法?
typeof a 可以判别标准类型,除了null之外typeof 1 返回结果:"number" typeof {} 返回结果:"object" 不能判别具体的对象类型,除了function之外typeof [1] 返回结果:"object" typeof function(){} 返回结果:"function" a instanceof b 可以判别内置对象类型[] i...
2018-10-16 11:42:05 258
转载 setTimeout async promise执行顺序总结
,最典型的当属settimeout,async,promise混用时,哪一步该执行什么,分不清楚。话不多说,先上代码(该题为今日头条前端开发笔试题) async function async1() { console.log("async1 start"); await async2(); consol...
2018-10-13 17:43:35 472
转载 Promise使用手册
开始写本篇文字时, 我一直不是很明白任务队列的机制, 故想写篇文章弄懂它. 于是我尝试以Promise为核心, 逐步展开, 最终分析process.nextTick , promise.then , setTimeout , setImmediate 它们的异步机制.导读Promise问世已久, 其科普类文章亦不计其数. 遂本篇初衷不为科普, 只为能够温故而知新.比如说, catch能...
2018-10-13 17:24:21 244
转载 js中的同步和异步的个人理解
你应该知道,javascript语言是一门“单线程”的语言,不像java语言,类继承Thread再来个thread.start就可以开辟一个线程,所以,javascript就像一条流水线,仅仅是一条流水线而已,要么加工,要么包装,不能同时进行多个任务和流程。那么这里说的同步和异步到底是什么呢?如果你真的不懂,我希望你认真读完这篇文章。其实我个人觉得js官方的文档在使用两个词的时候并不准确,包括...
2018-10-12 10:50:25 237
原创 详解defer和async的原理及应用
defer和async是script标签的两个属性,用于在不阻塞页面文档解析的前提下,控制脚本的下载和执行。在介绍他们之前,我们有必要先了解一下页面的加载和渲染过程:1. 浏览器通过HTTP协议请求服务器,获取HMTL文档并开始从上到下解析,构建DOM;2. 在构建DOM过程中,如果遇到外联的样式声明和脚本声明,则暂停文档解析,创建新的网络连接,并开始下载样式文件和脚本文件;3. 样式文件...
2018-10-11 13:36:56 5123
转载 80%应聘者都不及格的JS面试题
来源共 5024 字,读完需 6 分钟,速读需 2 分钟,本文首发于知乎专栏前端周刊。写在前面,笔者在做面试官这 2 年多的时间内,面试了数百个前端工程师,惊讶的发现,超过 80% 的候选人对下面这道题的回答情况连及格都达不到。这究竟是怎样神奇的一道面试题?他考察了候选人的哪些能力?对正在读本文的你有什么启示?且听我慢慢道来不起眼的开始招聘前端工程师,尤其是中高级前端工程师,扎实的 J...
2018-10-11 09:01:51 148
Cocos2d-x之Lua核心编程配套代码
2016-03-21
IntroducingStarling.pdf
2014-01-02
Flex_Builder教程
2013-09-26
AS3中Matrix类
2013-09-26
植物大战僵尸源码
2013-06-19
Flex itemRenderer
2013-05-03
AS3雪球游戏
2012-09-04
iOS Flex.4.5
2012-07-09
大端(Big Endian)与小端(Little Endian)简介
2012-02-10
Android.游戏开发入门
2011-11-13
Flex as3 的异常处理
2011-06-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人