- 博客(64)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 Proxy对象和Reflect浅析
1. Proxy 对象是什么？有什么作用？Proxy 对象用于创建一个对象的代理，从而实 现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等） 。const p = new Proxy(target, handler)target要使用 Proxy 包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）。handler一个通常以函数作为属性的对象，各属性中的函数分别定义了在执行各种操作时代理 p 的行为。let obj = { name: .
2021-01-18 15:24:49
618
原创 走进Vue -- Vue2.x与Vue3.0对比
走进Vue – Vue2.x与Vue3.0对比1. Vue3.0性能相比Vue2.x提升主要通过哪几个方面？Vue3.0性能提升主要通过以下三方面：响应式系统升级编译优化及重写虚拟DOM源码体积优化a. 响应式系统升级Vue2.x中响应式系统的核心是Object.defineProperty在Vue初始化期间，该方法会遍历data对象的所有成员，把它们转换成getter和setter；如果成员中又有对象类型的话，需要递归处理该成员，把该成员下的属性转换成响应式属性；也就是说，对象中的
2021-01-18 15:17:42
815
转载 数据结构----栈与队列的异同
栈（Stack）和队列（Queue）是两种操作受限的线性表。（线性表：线性表是一种线性结构，它是一个含有n≥0个结点的有限序列，同一个线性表中的数据元素数据类型相同并且满足“一对一”的逻辑关系。“一对一”的逻辑关系指的是对于其中的结点，有且仅有一个开始结点没有前驱但有一个后继结点，有且仅有一个终端结点没有后继但有一个前驱结点，其它的结点都有且仅有一个前驱和一个后继结点。）这种受限表现在...
2018-10-23 16:57:31
651
转载 requestAnimationFrame()的使用详解
原文链接：https://blog.csdn.net/w2765006513/article/details/538431691.前言在说明这个js的api用法之前，我先给个效果以及源码： 1. 页面效果 2. 页面源码2.说明window.requestAnimationFrame()这个API是浏览器提供的js全局方法，针对动画效果。用法1：function a...
2018-10-17 15:28:29
15838
原创 JS运行机制
单线程单线程是JavaScript语言的一大特色。单线程，也就是同一时间只能做一件事情。但是为什么是单线程呢？因为作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。如果JS是多线程的话，两个线程同时对DOM进行操作，会出现冲突，所以为了避免冲突、提高效率，JS为单线程语言。H5添加了webworkers多线程，是不是打破了JS是单线程的本质？为...
2018-10-07 12:25:17
293
原创 浏览器存储之Cookie、LocalStorage 和 SessionStorage的区别详解
Cookie常用于客户端与服务端之间的通信，但是它有本地存储的功能。缺点：存储量太小，只有4kb所有http请求都会含cookie，会影响获取资源的效率API简单，需要封装一下才能用LocalStorage 和SessionStorageH5问世后，专为浏览器存储而设计，最大容量为5mbAPI简单易用，localStorage.setItem(key,value)和...
2018-10-06 17:33:40
743
原创 CSS选择器优先级
当项目越来越复杂，在同一元素上使用的css样式越来越多，很多小伙伴们会发现，有些样式居然不显示了。其实，CSS有优先级这一个概念，会渲染优先级较高的样式。这里会涉及到一个选择器权重的问题。打个比方：id选择器权重最高 +100类、伪类选择器 +10元素或伪元素选择器 +1其它选择器 + 0那选择器的权重计算方法是怎么样的？下面看一个例子：#id .link ...
2018-10-06 17:04:31
615
原创 浏览器渲染机制之repaint
什么是repaint？当每个元素（每个元素皆为盒子模型）的位置、大小以及其他属性（如颜色、字体等）都计算完毕后，浏览器随后把这些元素重新画了一遍，这个过程为repaint。什么时候触发repaint？修改dom修改css 更多文章请查阅：浏览器渲染机制之DTD、DOCTYPE详解浏览器渲染机制之渲染过程浏览器渲染机制之重排...
2018-10-06 12:13:25
319
原创 浏览器渲染机制之重排Reflow
什么是Reflow？DOM结构中每个元素都有自己的盒子模型，都需要浏览器根据各种样式来计算并根据计算结果将元素放到它该出现的位置，这个过程称之为reflow什么时候会触发Reflow？修改Dom节点移动Dom位置、或是动画修改CSS样式resize窗口，滚动窗口修改网页默认字体更多文章请查阅：浏览器渲染机制之DTD、DOCTYPE详解浏览器渲染机制之渲染过程...
2018-10-06 12:05:13
425
原创 浏览器渲染机制之渲染过程
浏览器渲染流程 1. 当浏览器已得到HTML的时候，会经过内置的HTML的解析器，把HTML解析成DOM 树 2. 与此同时，也会对CSS文件，通过CSS的解析器生城CSSOM树 3. 之后把它们合成为渲染树，但是这里的渲染树只是一个大概的页面结构，对于页面的某些组件的颜色位置等细节没有明确计算 4. 此时layout布局就会通过一系列的计算告诉渲染树，页面的具体内容 ...
2018-10-06 11:57:16
307
原创 浏览器渲染机制之DTD、DOCTYPE详解
很多初为全段工程师的小伙伴们会发现，平常可以熟练地做很多web应用，驰骋在由HTML解析而来的DOM树之间，但是对于一些司空见惯的标准或规范，却鲜有人能答得上来。比如，什么是DTD？什么是Doctype？常见的DOCTYPE有哪些？很多人会觉得，这不是很简单么？但是又有多少人能讲清楚呢？什么是DTD？DTD，是Document Type Definition的简称，是一系列标记语言...
2018-10-06 11:29:22
292
原创 CSS盒模型
本文将会围绕CSS盒模型，进行相关问题的探讨。标准模型IE模型 1. CSS盒模型有哪两种标准？标准模型 IE模型2. 这两种标准的区别是什么？标准模型 -- 不含border和padding IE模型 -- 含border和padding3. CSS中是如何设置这两种模型的？box-sizing: content-box;(default) box-si...
2018-10-05 14:58:30
166
原创 CSS响应式布局之清除浮动
在很多前端工程师日常工作中，在使用到float布局时，总会有一点需要去考虑的，那就是清除浮动问题。那这个问题怎么会发生的呢？当float子元素高度超出父级元素高度时，父级元素高度塌缩，因为float元素脱离文档流，其布局不受父元素控制这个情况如下图所示高度塌缩代码如下： <style> .wrap { padding: 30px; backgrou...
2018-10-05 13:42:51
971
原创 CSS响应式布局--三栏布局实例演示及优缺点详解
学前端的小伙伴们都知道，CSS学起来很容易，但是要学精通了却特别难。在前端市场需求火热的今天，竞争相当激烈，光是会使用或者一两种实现的方式是远远不够的。不仅如此，还要深知各种解决方案的优劣，对各种特性了如指掌。本次介绍的内容是CSS响应式布局--三栏布局这是一道前端面试有关css内容的常考题。一般上来就会问：请你实现一下三栏布局：一般的同学只是想到了一两种比如 float、a...
2018-10-05 12:20:39
2699
原创 Webpack 命令行参数详解
很多小伙伴在每次用到package.json中的npm scripts时，总是被里面的各种命令行参数搞得头大。本文将针对webpack，对其命令行参数进行详解，希望读者们能借此搞清楚每个参数的作用，并在使用时能知道其含义。"scripts": { "build": "./node_modules/.bin/webpack --bail --progress --profile --m...
2018-08-20 16:49:55
8495
原创 Angular 之 ngStrictDi
ngStrictDi主要是讲angular依赖注入的写法问题，如果写法不规范，可能会在加载压缩版Angular的时候导致Unknown provider的错误。var app = angular.module('ngAppStrictDemo', []);1. 不规范写法app.controller('BadController', function($scope) { $sco...
2018-07-31 14:24:45
1239
1
原创 Angular $injector:unpr Unknown provider 问题原因汇总
Unknown provider: tProvider <- t 对于很多Angular 1.x 的使用者来说，是非常头疼的一件事情，因为使用者根本不知道原因在哪里。本文总结了迄今为止所有导致这一个问题的可能原因，希望大家遇到此问题时，不要慌！跟着下面内容一步步排查：问题描述：Unknown provider 一般是由于无法解析注入的一个依赖所导致的。原因一般有如下这几种可能：...
2018-07-31 14:09:03
20314
1
转载 HTTP协议之multipart/form-data请求分析
1、form-data: 就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息，以标签为单元，用分隔符分开。既可以上传键值对，也可以上传文件。当上传的字段是文件时，会有Content-Type来表名文件类型；content-disposition，用来说明字段的一些信息；由于有boundary隔离，所以multipart/...
2018-05-30 22:43:35
6472
2
原创 Webpack之NpmScript
Webpack中的Npm Script主要是承担执行任务的角色。（https://docs.npmjs.com/misc/scripts） 首先，NPM（Node Package Management）是Node.js开发的各种包的管理器，而Npm Script则是NPM的内置功能之一。一般是在package.json文件中...
2018-04-12 14:15:56
1418
转载 JS中的call()方法和apply()详解
原文出处：https://blog.csdn.net/ganyingxie123456/article/details/708555861. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。一般来说，this总是指向调用某个方法的对象，但是使...
2018-04-11 17:10:49
194
转载 webpack打包优化解决方案
原文地址： https://segmentfault.com/a/1190000011138081单页应用首次进入项目会获取一部分数据，之后将JS包分片，走到那块再去加载那块的JS。这样跨页面重复的JS，CSS不必再去获取，跨页面就不会出现进度条。这样减少了等待时间，提升了用户体验，省去了不必要的流量。但是单页应用也有一个显著的问题：首次进入的时候，加载的资源太多，白屏时间太长。这里介绍一些常用的...
2018-04-10 16:48:10
1138
转载 Webpack打包font-awesome
使用webpack构建font-awesome或者bootstrap的时候，最常见的一个问题就是构建字体文件的问题。经常会出现无法找到字体文件的问题。下面就讲一下如何正确构建引入字体文件：1. 首先安装依赖: npm install style-loader css-loader file-loader font-awesome-webpack --save-dev122. 在入口文件中引...
2018-04-10 16:06:13
884
转载 原生js实现数据双向绑定的三种方式总汇
前端数据的双向绑定方法 前端的视图层和数据层有时需要实现双向绑定(two-way-binding)，例如mvvm框架，数据驱动视图，视图状态机等，研究了几个目前主流的数据双向绑定框架，总结了下。目前实现数据双向绑定主要有以下三种。1、手动绑定比较老的实现方式，有点像观察者编程模式，主要思路是通过在数据对象上定义get和set方法(当然还有其它方法)，调用时手动调用get或set数据，改变数据后出...
2018-04-09 09:51:17
11222
转载 卷积神经网络解读
原文链接：https://www.cnblogs.com/zf-blog/p/6075286.html卷积神经网络（CNN）由输入层、卷积层、激活函数、池化层、全连接层组成，即INPUT-CONV-RELU-POOL-FC(1)卷积层：用它来进行特征提取，如下：输入图像是32*32*3，3是它的深度（即R、G、B），卷积层是一个5*5*3的filter(感受野)，这里注意：感受野的深度必须和输入图...
2018-03-08 08:36:21
498
转载 ui-boostrap中的$uibModal 服务详解
uibModal是一种创建模态窗口的服务。创建模态很简单：创建模板和控制器，并在使用时$uibModal服务只有一个方法：open(options)。$ uibModal的打开函数选项参数animation （类型：boolean，默认值：true） -设置为false来禁用新模式/背景动画。不会切换已显示的模态/背景幕的动画。appendTo （类型：angular.element，默认值：bo...
2018-03-05 11:19:21
8129
转载 Chrome浏览器表单自动填充默认样式覆盖方法
原文链接：http://blog.csdn.net/zhangdongxu999/article/details/73741390Chrome会在客户登陆过某网站之后, 会自动记住密码 当你下次再次进入该网站的时候, 可以自由的选择登陆的账号, Chrome会为你自动填充密码. 而你无需再输入密码 这本身是一个很好的功能, 但是对于开发者而言, 却有一个很让人难受的问题. 当你
2018-02-05 14:44:06
3725
转载 CSS控制背景图片自适应
原文:http://www.uedsc.com/css-background-size-100.html解决:[html] view plain copyhtml,body{height: 100%;width: 100%;margin:0;padding:0;} body{ background:ur
2018-02-05 10:58:41
24983
转载 Multipart/form-data POST文件上传详解
原文链接: http://blog.csdn.net/xiaojianpitt/article/details/6856536Multipart/form-data POST文件上传详解理论简单的HTTP POST大家通过HTTP向服务器发送POST请求提交数据，都是通过form表单提交的，代码如下：
2018-01-22 13:20:57
935
转载 如何写伪代码
原文链接：https://www.cnblogs.com/huipengkankan/archive/2011/07/28/2120416.html伪代码（Pseudocode）是一种算法描述语言。使用伪代码的目的是为了使被描述的算法可以容易地以任何一种编程语言（Pascal，C，Java，etc）实现。因此，伪代码必须结构清晰、代码简单、可读性好，并且类似自然语言。 介于自然语言与编程语言之间。
2018-01-19 08:35:42
31803
转载 CTR算法总结
原文链接：http://blog.csdn.net/bitcarmanlee/article/details/521387131.常用的CTR方法常用的ctr预测的算法包括LR（Logistic Regression）， FM(Factorization Machines)， GBDT等等。像LR和GBDT， Spark Mllib都提供了相应的实现，另外台湾大学的Liblinear也有一个Spa
2018-01-18 08:33:06
4605
原创 部署在服务器上的应用请求json文件返回404解决方法及原因分析
解决方法最近在做项目的时候，碰到了一个怪事儿，明明json文件放在服务器对的位置，url也查了好几遍，但是每次请求json文件时，却总是返回404找不到文件。
2017-11-14 14:27:22
11802
原创 初识React
React为何物？Facebook的开源项目；外界普遍定义它为一个可用于浏览器、服务器、移动设备上的纯JavaScript库；在Justin Deal看来，react也是一个使用JavaScript和XML技术构建可组合用户界面的引擎，因为React渲染界面的方式和游戏引擎渲染的工作方式十分相似。核心作用创建可组合用户界面，减少创建和维护用户界面的复杂性，换句话说，也就是将UI变成易于重用、
2017-10-30 10:30:27
303
原创 初识Node.js
Node是一个搭建在Chrome JavaScript运行时上的平台，用于构建高速、可伸缩的网络程序。Node.js采用的事件驱动、非阻塞I/O模型，使它既轻量又高效，并成为构建运行在分布式设备上的数据密集型实时程序的完美选择。它有如下特点：构建在JavaScript之上的；事件触发和异步的；专为数据密集型实时程序设计的。
2017-10-01 10:37:06
225
原创 何为哈希（hash）？
What is Hash？（什么是哈希）Hash， 是“散列”的意思，就是把任意长度的输入（预映射， pre-image），通过散列算法，变换成固定长度的输出，那么输出的就是散列值。简单来说，Hash就是一种将任意长度的消息压缩到某一固定长度的消息摘要的函数。
2017-09-27 10:33:43
677
原创 走进JSON
JSON是什么？JSON（JavaScript Object Notation）我们把它叫做，JavaScript对象表示法，是一种轻量级的数据格式，用来结构化数据。为什么用JSON？很早之前，XML是互联网上传输结构化数据得事实标准，主要用于服务器对服务器之间得通信。但是经过长期的使用，很多业内人士认为xml过于繁琐、冗长。为了解决这一问题，JSON在众多解决方案中脱引而出。和XML相比，JSON
2017-09-26 17:07:38
296
转载 PHP和Node.js
PHP和Node.js之争由来已久，前者用于动态网页开发，后者是用来编写高性能网络服务器的JavaScript工具包，到底他们如何？InfoWorld测试中心的Peter Wayner日前撰文指出两者的优势所在，不妨一看。
2017-09-26 15:09:05
1888
Node.js实战
2017-10-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人