- 博客(622)
- 收藏
- 关注
RSS订阅原创 React性能优化：immutability-helper
项目地址：kolodny/immutability-helper轮子作用：以最低的成本对抗浅比较。适用场景：state的修改。如果使用redux管理数据流，就必然会遇到state的修改。state修改有个特性，redux会进行一次新旧state的浅比较，如果有变动才会触发重新渲染。一个大的项目state的数据结构必然会很复杂，如果有一个很里层的数据被修改，这时就很头疼。如果把sta...
2023-02-21 16:51:00
470
原创 说迷茫
迷茫是想的太多，做的太少。 迷茫是做加法太多，做减法太少。这也要做，那也要做。那也是不现实的。 要立足现在，放眼未来。 享受当下。 活在当下。 一个一个去做...
2020-07-06 14:13:00
329
原创 webpack
package.json 有什么作用？npm上发布包时，需要npm init生成package.json文件package.json中的信息来描述这个包,并提供包所需要的依赖webpack是什么？和其他同类型工具比有什么优势？市面上已经存在的模块管理和打包工具并不适合大型的项目，尤其单页面 Web 应用程序。最紧迫的原因是如何在一个大规模的代码库中，维护各种模块资源的分割...
2019-12-03 15:21:00
251
原创 promise总结
基本概念Promise1 promise库是用来处理异步操作，比传统的回调函数更强大。ES6原生提供统一API。2 Promise是一个容器，Promise()是一个构造函数，用来生成Promise实例对象。自身有all，resolve，reject, 原型上有then、catch等方法。3 promise接受一个函数作为参数,该函数的两个参数分别是resolve和reject....
2019-08-15 10:52:59
1334
原创 promise 和 async await比较
async搭配await是ES7提出的，它的实现是基于Promise。这里使用它对比Promise的用法，这里只是简单的适合日常业务的使用场景。async、await是ES7中的提案，通过同步方式的写法，使得代码更容易阅读。注意：await函数不能单独使用，而且async函数返回的是一个Promise对象，可以使用then函数添加回调函数。当函数执行的时候，一...
2019-08-15 10:45:00
570
原创 js 继承
构造函数继承 类式继承是在函数对象内调用父类的构造函数，使得自身获得父类的方法和属性。call和apply方法为类式继承提供了支持。通过改变this的作用环境，使得子类本身具有父类的各种属性。只继承构造函数的属性，不继承原型的属性。 解决原型链缺点。可以继承多个构造函数的属性，在子实例中可以向父类传参。缺点：无法实现构造函数的复用；每个新实例都有父类构造函数副本，臃肿...
2019-08-09 08:41:00
223
原创 跨域
1.什么是跨域？本地域与服务端的域不一致，是由浏览器同源策略限制的场景，不同源即不同域，就是跨域。注意：协议端口不同造成的跨域，前台无能为力。 域仅仅是通过URL的首部来识别，而不会去尝试判断相同的IP对应着两个域 。 或者两个域是否在同一个IP上。2.什么是同源策略？浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、...
2019-08-07 15:57:00
209
原创 原型
原型对象：1（prototype存在于构造函数中，其实任意函数都有，我们不关注而已）函数都有protoType属性，这个属性是一个指针， 指向 即原型对象。 2 js是一种基于原型的语言，每个对象拥有一个原型对象，对象以其原型为模板，从原型继承方法和属性。原型对象也可能有原型，以此类推，原型链。注意： 原型链中的方法和属性没有被复制到其他对象，它们被访问需要通过...
2019-07-19 11:21:00
185
原创 原型继承和类式继承
类式继承（构造函数） JS中其实是没有类的概念的，所谓的类也是模拟出来的。特别是当我们是用new 关键字的时候，就使得“类”的概念就越像其他语言中的类了。类式继承是在函数对象内调用父类的构造函数，使得自身获得父类的方法和属性。call和apply方法为类式继承提供了支持。通过改变this的作用环境，使得子类本身具有父类的各种属性。varfather =function(...
2019-07-02 15:54:00
463
原创 react问题You must install peer dependencies yourself.
npm WARN react-native@0.46.4 requires a peer of react@16.0.0-alpha.12 but none is installed. You must install peer dependencies yourself.解决办法删除根目录下面的 node_modules 文件夹然后重新执行’npm in...
2019-07-01 17:15:00
60550
原创 react 核心技术点
1、react生命周期react生命周期分为初始化阶段、运行阶段、销毁阶段。(1) 初始化阶段：componentWillMount：实例挂载之前Render：渲染组件componentDidMount：实例挂载完成。一般在这个函数中与后台进行初始化数据交互。(2)运行阶段：componentWillReceiveProps：父组件改变时调用。注意只要父组件...
2019-06-26 11:24:00
756
原创 JS中null与undefined的区别
1. 相同点 if 判断语句中，两者都会被转换为false2. 不同点Number转换的值不同，Number(null)输出为0, Number(undefined)输出为NaNnull表示一个值被定义了，但是这个值是空值作为函数的参数，表示函数的参数不是对象作为对象原型链的终点 （Object.getProto...
2019-06-26 10:28:00
10728
1
原创 <div> <p> <span>的用法和区别
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。更重要的意义是在网页的动态实现过程中，对划分的区域统一处理，例如换背景色、字体等。<div> 是一个块级元素。它的内容自动地开始一个新行。实际上，换行是 <div> 唯一格式上的表现。<br>就是一个纯粹的换行，通常可以写作&l...
2019-06-24 18:12:00
1594
原创 <img>的title和Alt有什么区别？
Alt是<img>的特有属性，是图片内容的等价描述，用于图片无法加载时显示，读屏器阅读图片。title 可提高图片高可访问性，除了纯装饰图片外都必须设置有意义的值，搜索引擎会重点分析。鼠标滑过时显示的文字提示，用户体验上很重要。当然不必要所有的img标签都加此属性，比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。...
2019-06-24 18:10:00
1756
原创 null undefined NaN
1.判断undefined:说明：typeof 返回的是字符串，有六种可能："number"、"string"、"boolean"、"object"、"function"、"undefined" /*1.判断undefined:说明：typeof 返回的是字符串，有六种可能："number"、"string"、"boolean"、"object"、"function"...
2019-06-24 15:02:00
194
原创 JavaScript中判断为整数的多种方式
之前记录过JavaScript中判断为数字类型的多种方式，这篇看看如何判断为整数类型（Integer）。JavaScript中不区分整数和浮点数，所有数字内部都采用64位浮点格式表示，和Java的double类型一样。但实际操作中比如数组索引、位操作则是基于32位整数。方式一、使用取余运算符判断任何整数都会被1整除，即余数是0。利用这个规则来判断是否是...
2019-06-24 14:26:00
1308
原创 flex
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style type="text/css"> div{ width: 100%; ...
2019-06-20 16:59:00
118
转载 webpack插件url-loader使用规范
其实说到性能优化，他的范围太广了，今天我们就只聊一聊通过webpack配置减少http请求数量这个点吧。简单说下工作中遇到的问题吧，我们做的一个项目中首页用了十多张图片，每张图片都是一个静态资源，所以都会有http请求，为了减少请求，我们可以通过base64编码的方法来展示图片。webpack中有一个包叫做url-loader，他可以将html以及css中的图片打包成base64，但是j...
2019-06-12 10:29:44
133
原创 webpack插件url-loader使用规范
其实说到性能优化，他的范围太广了，今天我们就只聊一聊通过webpack配置减少http请求数量这个点吧。简单说下工作中遇到的问题吧，我们做的一个项目中首页用了十多张图片，每张图片都是一个静态资源，所以都会有http请求，为了减少请求，我们可以通过base64编码的方法来展示图片。webpack中有一个包叫做url-loader，他可以将ht...
2019-06-12 10:28:00
685
转载 ES6面试、复习干货知识点汇总（全）
近期在复习ES6，针对ES6新的知识点，以问答形式整理一个全面知识和问题汇总。（全干货，适合对ES6有一定理解的同学复习，以及ES6面试。）一、问：ES6是什么，为什么要学习它，不学习ES6会怎么样?答： ES6是新一代的JS语言标准，对分JS语言核心内容做了升级优化，规范了JS使用标准，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发。学习ES6是成为...
2019-05-29 10:17:36
2780
2
原创 ld: library not found for -lstdc++.6
ld: library not found for -lstdc++.6Xcode10 删除libstdc++.6.tbdlibstdc++.6.0.9.tbd 用libc++.tbdlibc++.1.tbd替换
2019-03-20 19:00:00
343
原创 iOS Message from debugger: Terminated due to memory issue ~解决方法
一、概念: /** 1.内存管理概念 2.查看其他技术分享结论 3.产生崩溃原因 4.解决方法以及思路 CSND:https://blog.youkuaiyun.com/shihuboke/article/details/81533752 */内存泄漏（Memory Leak）是指程序中己动态分配的堆...
2019-03-09 18:16:00
8736
原创 WebViewJavascriptBridge 进行js 与native通信。
1, iOS端加载web页面、开启日志并给webView建立JS与OC的桥梁- (void)viewWillAppear:(BOOL)animated { if (_bridge) { return; } // 1.加载网页 UIWebView* webView = [[UIWebView alloc] initWithFrame:sel...
2019-03-06 17:38:00
446
原创 invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Deve...
Mac系统升级git会找不到并且报错：xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun解决办法：在终端输入：xcode-select --install...
2019-02-28 17:33:00
342
原创 OC 与 js 界面JSBridge交互
// 1.新建WebViewself.webView = [[UIWebView alloc] initWithFrame:self.view.bounds];[self.view addSubview:self.webView];// 2.加载网页NSString *indexPath = [[NSBundle mainBundle] pathForRe...
2019-02-26 17:20:00
151
原创 react-native init的时候出现问题:npm WARN React-native@0.35.0 requires a peer of react@~15.3.1 but none was...
react-native init的时候出现问题:npm WARN React-native@0.35.0 requires a peer of react@~15.3.1 but none was2017年12月05日 10:23:35笨笨CEO阅读数：4625标签：react native更多个人分类：react native...
2019-01-22 16:21:00
3057
原创 react-无状态组件
import React, { Component } from "react";//import PostItem from "./PostItem";/**将无状态组件 嵌入 */function PostItem(props) { const handleClick = () => { props.onVote(props.post.id...
2019-01-20 22:23:00
155
原创 2018年末--积极拥抱h5.转载 大前端时代来临，我们何去何从？
1、大前端时代是什么？大前端时代是WEB统一的时代，利用html5或者6甚至7，不但可以开发传统的网站，做炫酷的网页动态效果，更可以采用BS架构应用程序、开发手机端web应用、移动端Native应用程序、智能设备（比如可穿戴智能手表，可穿戴智能衣服）等。别告诉我你不知道 iphone watch，以及各种琳琅满目的手机游戏哦。大前端时代最大的特点在于一次开发，同时适用所有平台。再也不...
2018-12-29 16:54:00
128
原创 /Users/macbook/Library/Developer/Xcode/DerivedData/MapViewDemo: No such file or direc
/Users/macbook/Library/Developer/Xcode/DerivedData/MapViewDemo: No such file or direc版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.youkuaiyun.com/Fantasy_Jun/article/details/78270543...
2018-12-25 14:07:00
828
原创 MacOS安装react。问题 -- npm全局包的权限问题
网上的教程有好多，在这里不一一列举，我只介绍我今天安装成功的步骤首先，在安装react之前要先配置好node1.安装node 在这里下载node的安装包https://nodejs.org/en/download/。我下载的是.pkg文件，直接双击安装就好 node —v命令检验是否安装成功 npm -v用来检测npm2.通过npm使用react国内使用...
2018-12-19 17:27:00
726
原创 GCD使用：让程序在后台较长久的运行（UIBackgroundTaskIdentifier ）
在没有使用GCD时，当app被按home键退出后，app仅有最多5秒钟的时候做一些保存或清理资源的工作。但是在使用GCD后，app最多有10分钟的时间在后台长久运行。这个时间可以用来做清理本地缓存，发送统计数据等工作。DeclarationSWIFTtypealiasUIBackgroundTaskIdentif...
2018-11-21 16:53:00
2308
原创 【JS基础】类型转换——不同数据类型比较
小试牛刀 输出下列数据比较结果 有没有全对呢？If the answer is "yes", congratulations!两个不同类型数据比较时隐式转换规则 1) 数字和字符串、布尔类型、数组进行比较时，字符串（或布尔类型、或数组）先转换为数字（Number），再进行比较；数组转数字请参看后文。 使用 if(num) ...
2018-11-06 11:04:00
340
原创 关于NSString的@""和nil时的判断方法
1、NSString *str = @"";该语句代表是一个空串，并且不为nil，占有内存空间2、NSString *str = nil;该语句代表，str不指向任何对象，指针指向空3、当str为nil时，不能使用isEqualTo方法，该方法对nil返回为0值，也就是你拿不到一个准确的结果4、当判断为nil时，直接使用if(!str)即可下面是代码验证：...
2018-11-01 14:46:00
344
原创 Git 工作流程
Git 作为一个源码管理系统，不可避免涉及到多人协作。协作必须有一个规范的工作流程，让大家有效地合作，使得项目井井有条地发展下去。"工作流程"在英语里，叫做"workflow"或者"flow"，原意是水流，比喻项目像水流那样，顺畅、自然地向前流动，不会发生冲击、对撞、甚至漩涡。本文介绍三种广泛使用的工作流程：如果你对Git还不是很熟悉，可以先阅读下面的文章。一、功能驱...
2018-10-16 10:04:00
87
原创 GIT 分支管理：创建与合并分支、解决合并冲突
分支就是科幻电影里面的平行宇宙，当你正在电脑前努力学习Git的时候，另一个你正在另一个平行宇宙里努力学习SVN。如果两个平行宇宙互不干扰，那对现在的你也没啥影响。不过，在某个时间点，两个平行宇宙合并了，结果，你既学会了Git又学会了SVN！分支在实际中有什么用呢？假设你准备开发一个新功能，但是需要两周才能完成，第一周你写了50%的代码，如...
2018-10-12 09:29:00
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人