Web前端
文章平均质量分 82
红尘灬客栈
这个作者很懒,什么都没留下…
展开
-
前端自动化构建-Grunt、Gulp、FIS
1. 自动化构建简介简介就是将我们的源代码自动化的去转换成生产代码。这个转换的过程我们称之为自动化构建流脱离运行环境兼容带来的问题在开发环境使用提高效率的语法、规范和标准比如:ESMAScript NextSass模板引擎 (这些用法大都不被浏览器直接支持)使用构建工具转换那些不被支持的『特性』举例说明sass.scss --> css# 下载sassnpm i sass# 执行./node_modules/.bin/sass sass/main.s原创 2021-07-21 15:50:28 · 172 阅读 · 0 评论 -
JavaScript垃圾回收GC算法、V8引擎的垃圾回收以及性能优化
性能优化主要相关模块内存管理垃圾回收与常见GC算法V8引擎的垃圾回收Performance工具代码优化实例1. 内存管理JavaScript 内存管理 Memory Management? 内存为什么需要管理function fn() { arrList = [] arrList[100000] = 'lg is a coder'}fn()内存管理介绍内存: 由可读写单元组成,表示一片可操作空间管理:人为的去操作一片空间的申请、使用和释放内存管理:开发原创 2021-07-21 15:42:57 · 538 阅读 · 3 评论 -
TypeScript介绍及JS类型检查工具(进阶1-02-02 )
TypeScript 大大提高代码的可靠程度JavaScript 自有类型系统的问题介绍TypeScript前先介绍一下类型检查介绍模块强类型与弱类型静态类型与动态类型JavaScript 自有类型系统的问题Flow静态类型检查方案TypeScript语言规范与基本应用1. 类型介绍1. 强类型 vs 弱类型强类型: 语言层面限制函数的实参类型必须与形参类型相同eg:class Main { static void foo(int num) { .原创 2021-03-31 16:08:26 · 344 阅读 · 0 评论 -
ESMAScript 新特性(进阶 1-02-01 )
ESMAScript 新特性1. ECMAScript 概述@Web环境@Node.jsECMAScript 版本2. ES2015 let 与块级作用域,以及constlet使用var 导致变量提升console.log(foo); // undefine;var foo = 'zce';// 官方的bug不叫bug,叫特性console.log(foo);let foo = 'zce';const 恒量/常量在let的基础上增加了只读属性,声明过后不允许再被修改原创 2021-03-31 16:07:20 · 210 阅读 · 0 评论 -
手写Promise(进阶1-01-03)
// 初始状态const PENDING = "pending";// 完成状态const FULFILLED = "fulfilled";// 失败状态const REJECTED = "rejected";// 异步执行方法封装function asyncExecFun(fn) { setTimeout(() => fn(), 0);}// 执行promise resolve功能function resolvePromise(promise, res, resolve.转载 2021-03-30 11:47:34 · 72 阅读 · 0 评论 -
异步编程(进阶1-01-02)
1. 同步模式、异步模式、回调函数JavaScript 单线程JavaScript设计初衷,运行在浏览器端的脚本语言,DOM操作实现交互不使用单线程,会造成严重的线程同步问题例如:一个线程删除,一个线程修改JavaScript 同步模式 【Synchronous】代码逐行运行会出现阻塞【某行代码运行时间过长,后面代码会一直等待】JavaScript 异步模式 【Asynchromous】需要进行异步执行的代码,开启之后就会继续执行主线程代码,不会进行等待后序逻辑,一般会通过回调原创 2021-03-30 11:38:29 · 78 阅读 · 0 评论 -
函数式编程(进阶1-01-01 )
函数式编程 - 函数式编程不会保留计算中间的结果,所以变量是不可变的(无状态的) - 我们可以把一个函数的执行结果交给另一个函数去处理 - 函数是一等公民 - 高阶函数-函数作为参数 - 高阶函数-函数作为返回值 纯属函数的概念纯函数: 相同的输入永远会得到相同的输出, 而且没有任何可观察的副作用* 纯函数就类似数学中的函数(用来描述输入和输出之间的关系), y = f(x);举例:数组中的 slice 和 splice 分别是纯函数和不纯函数* slice 返回数组中的指定原创 2021-03-30 11:37:48 · 130 阅读 · 0 评论 -
记一次使用apng动画两种方式
apng-canvasapng-js1. 使用apng-canvas做apng动画使用起来代码简单,容易理解;但是监听动画的过程。APNGAPNG 全称是 Animated Portable Network Graphics , 是 PNG 格式的动画扩展。APNG 的第1帧为标准PNG图像,剩余的动画和帧速等数据放在PNG扩展数据块里。这里有点类似于视频的关键帧,关键帧有完整的图像信息,而两个关键帧之间只保留了变化的信息。简单来说,APNG 支持全彩和透明,无杂边问题.但并不是所有软件都.原创 2020-09-15 16:31:40 · 3298 阅读 · 0 评论 -
pm2管理node服务启动npm命令
* 使用方式package.json中"scripts": { "start": "node ./bin/www", "dev": "cross-env EXPRESS_NODE_ENV=dev EXPRESS_PORT=3000 nodemon ./bin/www --exec babel-node", "sit": "cross-env EXPRESS_NODE_ENV=sit nodemon ./bin/www --exec babel-node", },原创 2020-07-17 17:02:42 · 1210 阅读 · 0 评论 -
你能写一个Vue的双向数据绑定吗?
转载至:https://segmentfault.com/a/1190000014274840在目前的前端面试中,vue的双向数据绑定已经成为了一个非常容易考到的点,即使不能当场写出来,至少也要能说出原理。本篇文章中我将会仿照vue写一个双向数据绑定的实例,名字就叫myVue吧。结合注释,希望能让大家有所收获。1、原理Vue的双向数据绑定的原理相信大家也都十分了解了,主要是通过 Object对象的...转载 2018-05-04 13:08:53 · 159 阅读 · 0 评论 -
javascript事件委托和jQuery事件绑定on、off 和one
javascript事件委托和jQuery事件绑定on、off 和one转载出处 http://www.itnose.net/detail/6094205.html一. 事件委托什么是事件委托?用现实中的理解就是:有100 个学生同时在某天中午收到快递,但这100 个学生不可能同时站在学校门口等,那么都会委托门卫去收取,然后再逐个交给学生。而在jQu转载 2016-11-03 14:17:51 · 243 阅读 · 0 评论 -
ES6新特性概览
本文转载出处:(刘哇勇的部落格)http://www.cnblogs.com/Wayou/p/es6_new_features.html本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用。ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony(和谐之意,显然没有跟上我国的步伐,我们已经进入转载 2017-03-14 14:13:48 · 300 阅读 · 0 评论 -
JS ES6教程
JS前端教程http://jsrun.net/tutorial/DZKKp转载 2017-06-30 09:29:15 · 589 阅读 · 0 评论 -
CSS3那些不为人知的高级属性
文章转载出自 http://www.cnblogs.com/cosiray/archive/2012/12/06/2804770.html尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性,如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到,所以如转载 2017-07-04 11:52:37 · 448 阅读 · 0 评论 -
JS字符串使用占位符轻松实现拼接
在JavaScript中,我们常常会有这样的需求,异步加载数据,并以元素追加的方式追加到页面中。在拿到后台数据后,需要手动替换元素中的动态内容并拼接元素节点,写起来不仅麻烦,而且可读性非常差。因此,我们可以自己来实现占位符替换功能。核心代码//var str = "js实现用{one}自符串替换占位符{two} {three} {one}原创 2017-08-22 16:15:43 · 42051 阅读 · 4 评论 -
JavaScript常用工具类
文件地址:https://github.com/hongchengfhc/JavaScriptTool示例:/** * @param {Function} function * @param {Number} time * @description 延迟函数 * */ tool.delay = (function()原创 2017-12-04 15:30:57 · 292 阅读 · 0 评论 -
NGINX Configuration for Vue-Router in HTML5 Mode
server { listen 80 default_server; listen [::]:80 default_server; root /your/root/path; index index.html; server_name you.server.com; location / { try_files $uri $uri/ @rewrites; } location ...转载 2018-05-04 11:55:21 · 286 阅读 · 0 评论 -
HTML5介绍
HTML5HTML5(网页的5.0版本)2014年W3C历时8年才定制完HTML5的标准。HTML5常用框架sencha-touch、phoneGap、jQuery mobile、bootstrap公司职位的划分1> 平面设计师 作图、切图、HTML、CSS2> 前端工程师 HTML、CSS、Javascript、模板技术3> 后台工程师 服务器(Java、.Net原创 2016-03-31 14:55:08 · 866 阅读 · 0 评论