
JavaScript
文章平均质量分 81
VIctor_Ye
这个作者很懒,什么都没留下…
展开
-
Proxy对象和Reflect浅析
1. Proxy 对象是什么?有什么作用?Proxy 对象用于创建一个对象的代理,从而实 现基本操作的拦截和自定义(如属性查找、赋值、枚举、函数调用等) 。const p = new Proxy(target, handler)target要使用 Proxy 包装的目标对象(可以是任何类型的对象,包括原生数组,函数,甚至另一个代理)。handler一个通常以函数作为属性的对象,各属性中的函数分别定义了在执行各种操作时代理 p 的行为。let obj = { name: .原创 2021-01-18 15:24:49 · 701 阅读 · 0 评论 -
走进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 · 878 阅读 · 0 评论 -
Angular $injector:unpr Unknown provider 问题原因汇总
Unknown provider: tProvider <- t 对于很多Angular 1.x 的使用者来说,是非常头疼的一件事情,因为使用者根本不知道原因在哪里。本文总结了迄今为止所有导致这一个问题的可能原因,希望大家遇到此问题时,不要慌!跟着下面内容一步步排查:问题描述:Unknown provider 一般是由于无法解析注入的一个依赖所导致的。原因一般有如下这几种可能:...原创 2018-07-31 14:09:03 · 20727 阅读 · 1 评论 -
JS中的call()方法和apply()详解
原文出处:https://blog.youkuaiyun.com/ganyingxie123456/article/details/708555861. 每个函数都包含两个非继承而来的方法:call()方法和apply()方法。2. 相同点:这两个方法的作用是一样的。都是在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域。一般来说,this总是指向调用某个方法的对象,但是使...转载 2018-04-11 17:10:49 · 226 阅读 · 0 评论 -
webpack打包优化解决方案
原文地址: https://segmentfault.com/a/1190000011138081单页应用首次进入项目会获取一部分数据,之后将JS包分片,走到那块再去加载那块的JS。这样跨页面重复的JS,CSS不必再去获取,跨页面就不会出现进度条。这样减少了等待时间,提升了用户体验,省去了不必要的流量。但是单页应用也有一个显著的问题:首次进入的时候,加载的资源太多,白屏时间太长。这里介绍一些常用的...转载 2018-04-10 16:48:10 · 1213 阅读 · 0 评论 -
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 · 922 阅读 · 0 评论 -
原生js实现数据双向绑定的三种方式总汇
前端数据的双向绑定方法 前端的视图层和数据层有时需要实现双向绑定(two-way-binding),例如mvvm框架,数据驱动视图,视图状态机等,研究了几个目前主流的数据双向绑定框架,总结了下。目前实现数据双向绑定主要有以下三种。1、手动绑定比较老的实现方式,有点像观察者编程模式,主要思路是通过在数据对象上定义get和set方法(当然还有其它方法),调用时手动调用get或set数据,改变数据后出...转载 2018-04-09 09:51:17 · 11995 阅读 · 0 评论 -
Multipart/form-data POST文件上传详解
原文链接: http://blog.youkuaiyun.com/xiaojianpitt/article/details/6856536Multipart/form-data POST文件上传详解理论简单的HTTP POST大家通过HTTP向服务器发送POST请求提交数据,都是通过form表单提交的,代码如下:转载 2018-01-22 13:20:57 · 1010 阅读 · 0 评论 -
ng-options如何应用到多维数组
ng-options应用于三维数组原创 2017-11-22 08:10:28 · 449 阅读 · 0 评论 -
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 · 1299 阅读 · 1 评论 -
Webpack 命令行参数详解
很多小伙伴在每次用到package.json中的npm scripts时,总是被里面的各种命令行参数搞得头大。本文将针对webpack,对其命令行参数进行详解,希望读者们能借此搞清楚每个参数的作用,并在使用时能知道其含义。"scripts": { "build": "./node_modules/.bin/webpack --bail --progress --profile --m...原创 2018-08-20 16:49:55 · 8765 阅读 · 0 评论 -
JS运行机制
单线程单线程是JavaScript语言的一大特色。单线程,也就是同一时间只能做一件事情。但是为什么是单线程呢?因为作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。如果JS是多线程的话,两个线程同时对DOM进行操作,会出现冲突,所以为了避免冲突、提高效率,JS为单线程语言。H5添加了webworkers多线程,是不是打破了JS是单线程的本质?为...原创 2018-10-07 12:25:17 · 331 阅读 · 0 评论 -
requestAnimationFrame()的使用详解
原文链接:https://blog.youkuaiyun.com/w2765006513/article/details/538431691.前言在说明这个js的api用法之前,我先给个效果以及源码: 1. 页面效果 2. 页面源码2.说明window.requestAnimationFrame()这个API是浏览器提供的js全局方法,针对动画效果。用法1:function a...转载 2018-10-17 15:28:29 · 17006 阅读 · 0 评论 -
JS创建对象的模式及其优缺点详解
JS创建对象的模式及其优缺点详解原创 2017-09-05 07:59:04 · 921 阅读 · 0 评论 -
部署在服务器上的应用请求json文件返回404解决方法及原因分析
解决方法最近在做项目的时候,碰到了一个怪事儿,明明json文件放在服务器对的位置,url也查了好几遍,但是每次请求json文件时,却总是返回404找不到文件。原创 2017-11-14 14:27:22 · 12018 阅读 · 0 评论 -
AngularJs自定义指令详解
版权声明:本文为博主原创文章,未经博主允许不得转载。自定义指令的作用熟悉AngularJS的朋友们都知道,angular有自定义指令的强大功能,使得Angular变得更加灵活。 利用它,我们可以把一个在WebApp中需要重复使用的功能独立出来,等需要使用的时候,打一个指令就能执行我们需要使用的该功能, 这样就减少了代码的重用,提高了代码可读性,也便于后期维护。如何定义指令?首先要注册一个mod原创 2017-08-06 15:25:56 · 1530 阅读 · 0 评论 -
AngularJS深入scope,继承结构,事件系统和生命周期
书名:Mastering Web Application Development with AngularJSChapter 1深入探讨 Scope 作用域每一个 $scope 都是类 Scope 的一个实例。类 Scope 拥有可以控制 scope 生命周期的方法,提供事件传播的能力,并支持模板渲染。作用域的层次结构让我们再来看看这个简单的 HelloCtrl 的例子:...转载 2017-08-25 13:46:51 · 413 阅读 · 0 评论 -
JS实现鼠标中心放大图片功能原理及实例演示
本文将介绍JS实现鼠标中心放大图片功能原理及实例演示原创 2017-08-13 11:04:06 · 11773 阅读 · 12 评论 -
ES6中的简写语法
本文介绍了ES6的简写语法转载 2017-08-12 11:02:47 · 13141 阅读 · 0 评论 -
Angular2与Angular1的区别
本文简要阐述了Angular2与Angular1的区别转载 2017-08-11 15:50:29 · 8195 阅读 · 0 评论 -
JS函数curry(柯里化)
JS函数curry(柯里化)转载 2017-08-16 14:03:40 · 7909 阅读 · 3 评论 -
Array.prototype.map()详解
Array.prototype.map()详解转载 2017-08-16 10:14:03 · 894 阅读 · 0 评论 -
Javascript的event对象属性详解
本文介绍了js中event的各个属性转载 2017-08-08 11:05:13 · 3311 阅读 · 0 评论 -
AngularJS自定义指令controller和link传参
本文主要介绍AngularJS自定义指令中的controller与link之间的参数传递:1. 内部controller与link之间的传参2. 不同指令间controller与link之间的传参原创 2017-08-26 13:26:41 · 5960 阅读 · 0 评论 -
Angular自定义指令之compile, link, controller属性详解及实例演示
本文章主要就angularjs指令中的compile,link及controller函数的使用和区别原创 2017-08-22 15:37:11 · 3722 阅读 · 0 评论 -
浏览器事件流
今天主要介绍上我们使用的浏览器的事件流。原创 2017-11-02 09:55:52 · 1642 阅读 · 0 评论 -
MVC、MVP、MVVM三种区别及适用场合
本文将详细阐述以下MVC、MVP、MVVM三种理念的定义及区别还有他们的适用场合。原创 2017-10-30 13:34:38 · 62157 阅读 · 7 评论 -
初识React
React为何物?Facebook的开源项目;外界普遍定义它为一个可用于浏览器、服务器、移动设备上的纯JavaScript库;在Justin Deal看来,react也是一个使用JavaScript和XML技术构建可组合用户界面的引擎,因为React渲染界面的方式和游戏引擎渲染的工作方式十分相似。核心作用创建可组合用户界面,减少创建和维护用户界面的复杂性,换句话说,也就是将UI变成易于重用、原创 2017-10-30 10:30:27 · 331 阅读 · 0 评论 -
初识Node.js
Node是一个搭建在Chrome JavaScript运行时上的平台,用于构建高速、可伸缩的网络程序。Node.js采用的事件驱动、非阻塞I/O模型,使它既轻量又高效,并成为构建运行在分布式设备上的数据密集型实时程序的完美选择。它有如下特点:构建在JavaScript之上的;事件触发和异步的;专为数据密集型实时程序设计的。原创 2017-10-01 10:37:06 · 271 阅读 · 0 评论 -
JS中的闭包(Closure)
闭包(Closure)闭包是指有权访问另一个函数作用域中的变量的函数。如何创建闭包最常见的就是在一个函数内部创建另外一个函数。以TrialFunction()函数为例:function TrialFunction(property) { return function(a, b) { var a1 = a[property]; var b1 =原创 2017-09-10 17:32:38 · 348 阅读 · 0 评论 -
走进JSON
JSON是什么?JSON(JavaScript Object Notation)我们把它叫做,JavaScript对象表示法,是一种轻量级的数据格式,用来结构化数据。为什么用JSON?很早之前,XML是互联网上传输结构化数据得事实标准,主要用于服务器对服务器之间得通信。但是经过长期的使用,很多业内人士认为xml过于繁琐、冗长。为了解决这一问题,JSON在众多解决方案中脱引而出。和XML相比,JSON原创 2017-09-26 17:07:38 · 325 阅读 · 0 评论 -
PHP和Node.js
PHP和Node.js之争由来已久,前者用于动态网页开发,后者是用来编写高性能网络服务器的JavaScript工具包,到底他们如何?InfoWorld测试中心的Peter Wayner日前撰文指出两者的优势所在,不妨一看。转载 2017-09-26 15:09:05 · 1935 阅读 · 0 评论