- 博客(41)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 前端自动化构建-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
151
原创 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
427
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
291
原创 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
167
转载 手写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
61
原创 异步编程（进阶1-01-02）
1. 同步模式、异步模式、回调函数JavaScript 单线程JavaScript设计初衷，运行在浏览器端的脚本语言，DOM操作实现交互不使用单线程，会造成严重的线程同步问题例如：一个线程删除，一个线程修改JavaScript 同步模式 【Synchronous】代码逐行运行会出现阻塞【某行代码运行时间过长，后面代码会一直等待】JavaScript 异步模式 【Asynchromous】需要进行异步执行的代码，开启之后就会继续执行主线程代码，不会进行等待后序逻辑，一般会通过回调
2021-03-30 11:38:29
68
原创 函数式编程（进阶1-01-01 ）
函数式编程 - 函数式编程不会保留计算中间的结果，所以变量是不可变的（无状态的） - 我们可以把一个函数的执行结果交给另一个函数去处理 - 函数是一等公民 - 高阶函数-函数作为参数 - 高阶函数-函数作为返回值 纯属函数的概念纯函数： 相同的输入永远会得到相同的输出， 而且没有任何可观察的副作用* 纯函数就类似数学中的函数(用来描述输入和输出之间的关系)， y = f(x);举例：数组中的 slice 和 splice 分别是纯函数和不纯函数* slice 返回数组中的指定
2021-03-30 11:37:48
94
原创 记一次使用apng动画两种方式
apng-canvasapng-js1. 使用apng-canvas做apng动画使用起来代码简单，容易理解；但是监听动画的过程。APNGAPNG 全称是 Animated Portable Network Graphics ， 是 PNG 格式的动画扩展。APNG 的第1帧为标准PNG图像，剩余的动画和帧速等数据放在PNG扩展数据块里。这里有点类似于视频的关键帧，关键帧有完整的图像信息，而两个关键帧之间只保留了变化的信息。简单来说，APNG 支持全彩和透明，无杂边问题.但并不是所有软件都.
2020-09-15 16:31:40
2977
原创 使用nvm和nrm安装并管理nodejs开发环境
在进行前端开发的时候，会安装多个版本的node.js，另外还会用到第三方源的管理工具npm,所以这里推荐两个工具来分别管理它们: nvm 和 nrm卸载已安装到全局的 node/npm如果之前是在官网下载的 node 安装包，运行后会自动安装在全局目录，其中node 命令在 /usr/local/bin/node ，npm 命令在全局 node_modules 目录中，具体路径为 /usr/local/lib/node_modules/npm安装 nvm 之后最好先删除下已安装的 node 和全局
2020-07-17 17:05:14
211
原创 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
1156
转载 你能写一个Vue的双向数据绑定吗？
转载至：https://segmentfault.com/a/1190000014274840在目前的前端面试中，vue的双向数据绑定已经成为了一个非常容易考到的点，即使不能当场写出来，至少也要能说出原理。本篇文章中我将会仿照vue写一个双向数据绑定的实例，名字就叫myVue吧。结合注释，希望能让大家有所收获。1、原理Vue的双向数据绑定的原理相信大家也都十分了解了，主要是通过 Object对象的...
2018-05-04 13:08:53
147
转载 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
273
原创 JavaScript常用工具类
文件地址：https://github.com/hongchengfhc/JavaScriptTool示例：/** * @param {Function} function * @param {Number} time * @description 延迟函数 * */ tool.delay = (function()
2017-12-04 15:30:57
260
原创 JS字符串使用占位符轻松实现拼接
在JavaScript中，我们常常会有这样的需求，异步加载数据，并以元素追加的方式追加到页面中。在拿到后台数据后，需要手动替换元素中的动态内容并拼接元素节点，写起来不仅麻烦，而且可读性非常差。因此，我们可以自己来实现占位符替换功能。核心代码//var str = "js实现用{one}自符串替换占位符{two} {three} {one}
2017-08-22 16:15:43
41806
4
转载 CSS3那些不为人知的高级属性
文章转载出自 http://www.cnblogs.com/cosiray/archive/2012/12/06/2804770.html尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到，所以如
2017-07-04 11:52:37
440
转载 ES6新特性概览
本文转载出处：(刘哇勇的部落格)http://www.cnblogs.com/Wayou/p/es6_new_features.html本文基于lukehoban/es6features ，同时参考了大量博客资料，具体见文末引用。ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入
2017-03-14 14:13:48
280
转载 SDWebImage3.7.5的SDWebImageOptions理解
转自：http://www.cnblogs.com/WJJ-Dream/p/5816750.htmliOS开发SDWebImageOptions理解typedef NS_OPTIONS(NSUInteger, SDWebImageOptions) { SDWebImageRetryFailed = 1 0, SDWebImageLowPrio
2017-01-16 10:47:32
277
转载 MJRefresh–用法最简单的下拉刷新框架
MJRefresh–用法最简单的下拉刷新框架原文 http://www.ios122.com/2015/08/mjrefresh/主题 MJRefresh简介用于为应用添加常用的上拉加载更多与下拉刷新效果,适用 UIScrollView 、 UITableView 、 UICollectionView 、 UIWebView.项目主页: MJR
2016-11-05 13:52:47
408
转载 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
230
原创 iOS中的URL处理中文乱码
1.url编码 ios中http请求遇到汉字的时候，需要转化成UTF-8，用到的方法是： NSString * newUrlStr = [urlString stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];2.url解码 请求后，返回的数据，如何显示的是这样的格式：%3B%2C%2A，此时需要我们进
2016-08-10 19:40:47
4097
转载 最新苹果开发者账号注册流程详解
2016年最新操作流程可以点击 【苹果开发者账号注册申请流程>>】查看。转载出处：http://www.niaogebiji.com/article-5703-1.html欢迎加入【鸟哥笔记CP交流QQ群 99183540】苹果开发者账号的注册过程比较复杂，和大家分享一下过程和细节，以免大家走了弯路。1.登陆苹果开发者官网页面 https://develo
2016-04-15 09:39:03
478
转载 支付宝 iOS SDK 的简单使用
目录环境：支付宝iOS SDK 2.2.3，Xcode6.4完整代码：Github转载出处：http://www.jianshu.com/p/ccfb86cd8f9f一、去官网申请开通支付宝使用权限二、审核通过1、seller ID：商家唯一标识符2、partner ID：合作身份者 ID，以2088开头的16位纯数字3、加密用到的文件（支付宝公钥/自助生成的商家私
2016-04-06 16:46:43
1367
转载 iOS图片圆角优化
转载出处：http://mp.weixin.qq.com/s?__biz=MzA3NzM0NzkxMQ==&mid=407039089&idx=2&sn=0215dbda88aca345db7874511a4dd39b&scene=23&srcid=0401lmeb3ip8gGf7VzuIYM3c#rd最近，关于图片圆角的话题讨论非常激烈，出现了许多好的文章。恰逢工作需要，用到了大量圆角图片。
2016-04-06 09:14:57
299
转载 技术| HYLabel框架(出自小码哥教育)
技术| HYLabel框架本文转载出处：http://mp.weixin.qq.com/s?__biz=MzAwNzU5MTU1Mw==&mid=402916999&idx=2&sn=6a0476c0ac2cfe3f8f81116054c9c802&scene=23&srcid=0401ekfcfO5rGNPD9UWOlXvY#rdHYLabel框架的作用用于识
2016-04-01 17:25:27
1029
转载 Alcatraz的安装和使用（出自小码哥教育）
本文转载出处：http://mp.weixin.qq.com/s?__biz=MzAwNzU5MTU1Mw==&mid=402916999&idx=2&sn=6a0476c0ac2cfe3f8f81116054c9c802&scene=23&srcid=0401ekfcfO5rGNPD9UWOlXvY#rd一、简单说明Alcatraz 是一款 Xcode的插件管理工具，可以用来管理XC
2016-04-01 17:23:00
676
转载 iOS开发——项目实战总结&UITableView性能优化与卡顿问题
标签：UITableView性能优化与卡顿问题本文转载出处：http://www.mamicode.com/info-detail-1125512.html1.最常用的就是cell的重用， 注册重用标识符如果不重用cell时，每当一个cell显示到屏幕上时，就会重新创建一个新的cell如果有很多数据的时候，就会堆积很多cell。如果重用cell，为cell创建一个ID每
2016-04-01 17:06:17
1235
原创 iOS跳转到系统设置(如：定位、音乐、墙纸设置、蓝牙等)
- (void)methodOne:(id)sender { //测试定位服务 NSURL *url=[NSURL URLWithString:@"prefs:root=LOCATION_SERVICES"]; if ([[UIApplication sharedApplication]canOpenURL:url]) { [[UIApplicati
2016-04-01 15:49:17
539
转载 iOS注册验证
出处：http://blog.sina.com.cn/s/blog_aba4c2850102wocc.html//验证电子邮件- (BOOL)isEmail{ NSString *emailRegex = @"[A-Z0-9a-z._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,4}"; NSPredicate *p
2016-04-01 15:20:18
540
转载 SDAutoLayout:比masonry更简单易用的自动布局库
转载他人 出处：http://www.cocoachina.com/ios/20151223/14778.htmlSDAutoLayout：一行代码搞定自动布局！支持Cell和Tableview高度自适应，Label和ScrollView内容自适应，致力于做最简单易用的AutoLayout库。 【SDAutoLayout 视频教程：http://www.letv.com/ptv/
2016-04-01 14:57:05
746
转载 iOS发布app到App Store教程
该博客来自http://blog.csdn.net/cloudox_/article/details/50585267 版权声明：本文为博主原创文章，允许转载，注明出处，回复告诉博主一声即可。要发布首先需要发布证书，其获取和安装的基本流程和真机调试证书一致，关于真机调试证书的获取和使用可以参考这篇文章。不过现在Xcode7不需要真机调试证书也可实现真机调试了，可以参考这篇
2016-03-31 16:10:59
501
转载 iOS应用崩溃日志分析 iOS应用崩溃日志揭秘
转自：http://www.raywenderlich.com/zh-hans/30818/ios%E5%BA%94%E7%94%A8%E5%B4%A9%E6%BA%83%E6%97%A5%E5%BF%97%E6%8F%AD%E7%A7%98这篇文章还可以在这里找到 英语Learn how to make sense of crash logs!本文作者是 So
2016-03-31 15:57:19
653
原创 iOS性能优化的25条建议
iOS性能优化的25条建议 入门级1.用ARC管理内存2.在正确的地方使用reuseIdentifier(cell默认标识符)3. 尽可能使Views不透明(提升渲染速度) 设置Views的opaque属性为YES(默认)。4. 避免庞大的XIB 使XIB尽量简单。尝试为每个Controller配置一个单独的XIB，
2016-03-31 15:44:49
387
转载 iOS开发--cocoaPods使用详细说明(转载他人)
一、概要iOS开发时，项目中会引用许多第三方库，CocoaPods（https://github.com/CocoaPods/CocoaPods）可以用来方便的统一管理这些第三方库。二、安装由于网上的教程基本都大同小异，但细节之处还不是很完善，所以借机会在这里补充下：注：要使用CocoaPods，那就要下载安装它，而下载安装CocoaPods需要Ruby
2016-03-31 15:05:28
381
原创 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
837
原创 OC与JS交互
实现WebView代理方法//网页加载完时调用-(void)webViewDidFinishLoad:(UIWebView *)webView{ //1.操作网页中的参数 [self domHtml:webView]; // 2.在iOS中加载HTML [self iOSforHtml:webView];
2016-03-31 14:51:23
390
转载 使用开源库 Objective-C RegEx Categories 处理正则表达式
Objective-C RegEx Categorieshttps://github.com/bendytree/Objective-C-RegEx-Categories使用说明:将 RegExCategories.h RegExCategories.m 文件拖入工程中引入头文件即可. ================================================
2016-03-31 10:27:41
516
转载 GCDObjC
GCDObjChttps://github.com/mjmsmith/gcdobjcGCDObjC is an Objective-C wrapper for the most commonly used features of Grand Central Dispatch. It has four main aims:GCDObjC 封装了GCD最常使用的一些特性，它有着如下的4点宗
2016-03-31 10:23:24
355
转载 iOS开发-常用第三方开源框架介绍(你了解的ios只是冰山一角)
图像：1.图片浏览控件MWPhotoBrowser 实现了一个照片浏览器类似 iOS 自带的相册应用，可显示来自手机的图片或者是网络图片，可自动从网络下载图片并进行缓存。可对图片进行缩放等操作。 下载：https://github.com/mwaterfall/MWPhotoBrowser目前比较活跃的社区仍旧是Github，除此以外也有一
2016-03-31 10:19:34
1056
转载 BlocksKit源码分析（一）(引用他人-只为帮助更多的人)
BlocksKit源码分析（一）1引言众所周知Block已被广泛用于iOS编程。它们通常被用作可并发执行的逻辑单元的封装，或者作为事件触发的回调。Block比传统回调函数有2点优势： 1. 允许在调用点上下文书写执行逻辑，不用分离函数 2. Block可以使用local variables.基于以上种种优点Cocoa Touch越发支持Block式编程，这点从UIView的
2016-03-31 10:13:15
450
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人