- 博客(35)
- 收藏
- 关注
RSS订阅
原创 浏览器相关（引擎，异步，定时）
js执行机制与*程异步编程回调函数事件监听发布/订阅模式 || 观察者模式PromiseGeneratorAsync/Await定义用法async函数相对于Generator 函数的优势async函数相对于Promise的优势async函数的缺点Javascript语言将任务的执行模式分成两种：同步（Synchronous）和异步（Asynchronous）。执行机制：https:/...
2019-08-28 16:34:32
325
原创 HTTP XMLHttp Ajax WebSocket
计算机网络从请求到响应过程详解：TCP/IP超级详解网络模型数据处理过程域名的空间结构：同源策略和跨域跨域的解决方案jsonp为什么需要jsonp什么是jsonp实现流程：代码实现代理和网关反向代理负载均衡和动静分离cookie、localstroage、sessionstroage的区别HTTP的几种请求方法用途XSS、CSRF和HTTPS从请求到响应过程详解：https://juejin....
2019-08-24 18:51:17
754
原创 ES6
ES6var、let 及 const 区别？解构赋值？JavaScript 中什么是变量提升？什么是暂时性死区？箭头函数与普通函数有什么区别？使用 ES6 改下面的模板？call apply bind 区别 及 实现.总结：实现call 函数的内部实现原理：apply 的实现原理和 call一样，只不过是传入的参数不同而已：bind实现import 和 export？ES6 中的 class 了...
2019-08-23 17:48:12
235
原创 模块化
模块化模块化模块化主要解决两个问题，"命名冲突"、"文件依赖"解决冲突、依赖(按需加载)CommonJs（用于Node环境）定义模块加载模块module.export跟exports的区别AMD（用于浏览器环境）定义模块使用模块CMD（用于浏览器环境）定义模块、使用模块ES6模块（用于浏览器环境）定义模块、输出变量使用模块浏览器原生支持ES6的模块?模块化模块化就是把系统分离成独立功能的方法，...
2019-08-23 11:23:09
226
原创 JavaScript Ⅱ
JS-2AJAX 概念及 XMLHttpRequest 对象初识什么是AJAXAjax所包含的技术Ajax的原理Ajax的实现流程是怎样的？AJAX都有哪些优点和缺点？Ajax的优点Ajax的缺点get与post同：异：XMLhttprequest对象。XMLHttpRequest对象的常用方法和属性。方法：属性：常见的HTTP状态码从输入url到显示页面，都经历了什么什么是同源策略？跨域的概念以...
2019-08-22 22:45:50
216
原创 JavaScript Codes
Natve Codes斐波那契数列拷贝阮一峰 https://wangdoc.com/javascript/stdlib/attributes.html实现Object.create()斐波那契数列function fib(num) { if (num === 0) return 0; if (num === 1) return 1; return fib(num - 2) + f...
2019-08-20 17:51:27
369
原创 JavaScript Ⅰ
汇JavaScript 初识简单介绍 JavaScript 的发展历史。ES3、ES5、ES6 分别指什么？说几条写 JavaScript 的基本规范？JavaScript 代码中的 “use strict” 是什么意思？说说严格模式的限制？运算符、运算符优先级NaN 是什么？有什么特别之处？== 与 === 有什么区别？为什么 console.log(0.2+0.1==0.3) 输出 false...
2019-08-16 09:27:12
512
1
原创 Css Ⅰ
CSS汇CSS 基础与选择器初识CSS 加载方式有几种？@import 有什么作用？如何使用？CSS 选择器常见的有几种？元素选择器ID 选择器类选择器通配选择器属性选择器组合选择器：伪类选择器id 选择器和 class 选择器的使用场景分别是什么？@charset 有什么作用？简述 src 和 href 的区别？页面导入时，使用 link 和 @import 有什么区别？在 index.css ...
2019-08-15 09:26:17
443
原创 HTML
面绘HTMLHTML 基础doctype 有什么作用？怎么写？列出常见的标签，并简单介绍这些标签用在什么场景？页面出现了乱码，是怎么回事？如何解决？title 属性和 alt 属性分别有什么作用？html 的注释怎样写？HTML5 为什么只写 ？data- 属性的作用？ 的 title 和 alt 有什么区别？WEB 标准以及 W3C 标准是什么？doctype 作用? 严格模式与混杂模式如何区...
2019-08-07 11:21:46
326
原创 Vue
Vue对于MVVM的理解？Vue的生命周期对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接...
2019-08-29 18:32:37
466
原创 Js-对象
Js对象对象类（构造函数）广义对象：分类：本地对象（native object）内置对象（built-in object）宿主对象（host object）BOM 对象DOM 对象用户自定义对象（user-defined object）狭义对象：函数：数组：对象http://www.ferecord.com/lujs-object.html#native-object类（构造函数）http...
2019-08-26 15:58:05
208
1
原创 优化
优化如何进行网站性能优化如何进行网站性能优化content方面减少HTTP请求：合并文件、CSS精灵、inline Image减少DNS查询：DNS缓存、将资源分布到恰当数量的主机名减少DOM元素数量Server方面使用CDN配置ETag对组件使用Gzip压缩Cookie方面减小cookie大小css方面将样式表放到页面顶部不使用CSS表达式使用<...
2019-08-25 21:24:56
288
原创 !nEw
!nEw空数组（[]）和空对象（{}）对应的布尔值，都是true。对象obj继承了toString属性，该属性不会被for...in循环遍历到，因为它默认是“不可遍历”的。空数组（[]）和空对象（{}）对应的布尔值，都是true。对象obj继承了toString属性，该属性不会被for…in循环遍历到，因为它默认是“不可遍历”的。...
2019-08-20 17:51:47
151
原创 难啃的JS骨头
难啃的JS骨头内存空间详细图解执行上下文详解变量对象详解匿名函数详解匿名函数与闭包内存空间详细图解执行上下文详解变量对象详解匿名函数详解匿名函数与闭包...
2019-08-13 16:30:36
316
原创 性能优化之：debounce & throttle
性能优化之：debounce & throttlehttps://blog.csdn.net/tedsz1025/article/details/80527416#debounce使用场景
2019-08-12 17:07:22
291
原创 Henry前端笔记之 UI组件库中table与slot相关理解
Henry前端笔记之 UI组件库中table与slot相关理解如果有用过element-ui中的table组件，可能会发现有这么一个写法：<template slot-scope="scope">在实际的使用过程中，这种用法当然不仅仅局限于此，其他的地方也会用到。到底这里有什么特别之处呢？我们看看普通的table用法：我们先说一说这个基础的用法里面，在el-table中...
2019-08-12 16:43:51
354
原创 Henry前端笔记之 vertical-align与line-hight与基线详解
Henry前端笔记之 vertical-align与line-hight与基线详解文献一：[深入理解vertical-align和line-height的基友关系]文献一：[深入理解vertical-align和line-height的基友关系](https://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-...
2019-08-12 16:43:39
241
原创 JS：事件的绑定，传播，代理，阻止
事件操作（监听与触发）addEventListener removeEventListener dispatchEventDOM 的事件操作（监听和触发），都定义在EventTarget接口。所有节点对象都部署了这个接口，其他一些需要事件通信的浏览器内置对象（比如，XMLHttpRequest、AudioNode、AudioContext）也部署了这个接口。该接口主要提供三个实例方法。a...
2019-08-12 16:21:08
406
原创 CSS : clientWidth,clientTOP,scrollTop,scrollHeight,offsetParent
Something about debounce function防止按键连续触发AjaxsetTimeout 与 setInterval 含义与应用场景防止按键连续触发Ajax有时候，我们不希望回掉函数被频繁调用，例如用户填入网页输入框的内容希望通过Ajax方法传递给服务器，jQuery的写法如下：$('textarea').on('keydown', ajaxAction);这样写有...
2019-08-12 15:56:03
475
原创 Henry前端笔记之 Object.freeze()
@[TOC](Henry前端笔记之 Object.freeze())简介：有时需要冻结对象的读写状态，防止对象被改变。JavaScript 提供了三种冻结对象状态方法，最弱的一种是Object.preventExtensions，其次是Object.seal，最强的是Object.freeze。Object.preventExtensionsObject.preventExtension...
2019-08-12 14:17:09
390
原创 Questions worthy of in-depth analysis
Questions worthy of in-depth analysis[].slice.call() 原理分析[].slice.call() 原理分析https://www.jianshu.com/p/f4f0b788e021
2019-08-11 22:14:49
151
原创 Henry前端笔记之响应式布局与弹性布局
Henry前端笔记之响应式布局与弹性布局弹性布局Rem布局的原理解析（em 与 rem区别 ）：rem如何实现自适应布局使用CSS3 REM 和 VW 打造等比例响应式页面的便捷工作流从网易与淘宝的font-size思考前端设计稿与工作流使用Flexible实现手淘H5页面的终端适配rem自适应布局-移动端自适应rem自适应布局-移动端自适应进阶弹性布局Rem布局的原理解析（em 与 rem区...
2019-08-07 11:23:04
502
原创 Henry前端笔记之 CSS相关
Henry前端笔记之 CSS相关px、em、rem区别介绍：https://www.runoob.com/w3cnote/px-em-rem-different.html移动WEB前端开发资源整合：https://www.runoob.com/w3cnote/moible-web-front-source.html...
2019-08-06 14:00:50
135
原创 Henry前端笔记之 something about devtool
Henry前端笔记之 something about devtoolVue ：衡量 Vue 应用的运行时性能Vue ：衡量 Vue 应用的运行时性能衡量 Vue 应用的运行时性能
2019-08-06 09:23:11
140
原创 Henry前端笔记之 宏观世界
Henry前端笔记之 前端资源整理移动web资源整理前端性能优化移动web资源整理https://www.cnblogs.com/PeunZhang/p/3407453.html#meta_1前端性能优化https://juejin.im/post/5c8efbdff265da682418609d...
2019-08-05 16:17:50
164
原创 Henry前端笔记之CSS常见布局实现及实例
Henry前端笔记之常见布局实现及实例及踩坑坑不能继承font-size样式的标签：margin：auto失效场景：详见：https://blog.csdn.net/qq_37621289/article/details/82910652绝对定位对margin的影响：当绝对定位块和上层相对定位（或绝对定位）中间夹着一层标准流（或浮动）的块时：**当绝对定位块和上层相对定位（或绝对定位）中间夹着一层...
2019-08-05 14:53:00
191
原创 Henry前端笔记之 UI组件库中table与slot相关理解
Henry前端笔记之 UI组件库中table与slot相关理解作用域插槽：解构赋值基础：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#%E8%A7%A3%E6%9E%84%E5%AF%B9%E8%B1%A1element-ui中的table组件...
2019-08-02 21:51:49
839
原创 Henry前端笔记之 HTML相关
Henry前端笔记之 HTML相关一些标签的使用，切记所有标签都需要闭合，不管是单体标签还是成对标签。（尽管目前浏览器是识别有些标签不闭合的情况，但是取的最好的保证兼容性，使用闭合）标签写法要用小写字母（有些版本对大小写可认为相同，而xhtml中强制使用小写）属性和属性值，尽量小写，本来这样做也方便些。class 属性可以多用 class=" " （引号里面可以填入多个class属性）...
2019-07-31 21:27:53
123
原创 Henry前端笔记之 git实际操作问题记录
文章目录在拉取后发现之前有未推送的更改Q 早上有一次提交没有推送成功 后来强制拉取覆盖了 因为冲突太多~~ 现在决定找回之前的提交错误分析：解决方案：在拉取后发现之前有未推送的更改PS C:\Users\Ayun\Desktop\bjy_admin> git branch //查看当前所在分支* devPS C:\Users\Ayun\Desktop\bjy_admin> ...
2019-07-26 15:47:04
314
原创 Henry前端笔记之 Node及npm相关
Henry前端笔记之 npm入门相关NodeJs 简介：1.Nod简介与概述：2.交互式运行环境：PEPL3.Node.js模块和包3.npm包管理工具npm简介详见：https://dkvirus.gitbooks.io/-npm/content/chapter1.htmlnpm init 与 package.json**重点摘记：安装 package.json 中的包- -save 的用途-...
2019-07-25 14:20:39
204
原创 Henry前端笔记之 函数封装
Henry前端笔记 （三）函数封装基本函数1 在Javascript中什么是伪（类）数组？如何将伪数组转化为标准数组？时间戳转为日期格式基本函数1 在Javascript中什么是伪（类）数组？如何将伪数组转化为标准数组？伪数组具有以下特点的对象：按索引方式存储数据；具有length属性；没有数组的push、shift、pop等方法;如function的arguments对象，还有g...
2019-07-24 16:32:23
338
原创 Henry前端笔记之 Date对象详解
Henry前端笔记之 Date对象详解Date 对象1 时间格式简介2 Date.now 与 new Date().getTime() 的区别3 Date对象详解普通函数的用法构造函数的用法日期的运算静态方法Date.now()Date.parse()Date.UTC()实例方法Date.prototype.valueOf()to 类方法（1）Date.prototype.toString()（2...
2019-07-24 16:25:49
435
原创 Henry前端笔记之 利用git跳转自己的个人CSDN博客
利用git跳转自己的个人CSDN博客1 修改下用户名2 创建仓库二 开启Github Pages三 进入配置博客地址跳转操作注册域名购买域名后记得进入域名控制台会如下：1 修改下用户名修改用户名后会存在重定向问题：改了之后，用你旧名字去访问改名前的仓库，会被重定向到新用户名，用旧名字访问改名后新增的仓库就会 404比如原来用户名是 A，建了个仓库 R1，正常地址是 github.com/A/...
2019-07-24 13:46:36
179
原创 Henry前端笔记之 问答与思考
Henry前端笔记（二）问答与思考一 问答1.什么是盒子模型2.src与href的区别3.link和@import的区别4.简述同步和异步的区别?二，思考1.站点Logo是否应该出现在标签h1中？2.是否应该支持IE6?一 问答1.什么是盒子模型首先盒子模型包括分为两种：W3C标准盒子模型与IE盒子模型标准盒子模型：总的width = content-box + padding + bor...
2019-07-23 20:55:46
200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人