ViancaChen-CSDN博客

原创 React Native与JSBridge

React Native原理ReactJS：JSX控制虚拟DOM，通过React框架，最终渲染到浏览器的真实DOM中；React Native：JSX代码通过RN框架的编译后，通过Bridge实现了与原生框架之间的通信。调用RN提供的API就相当与通过Bridge调用原生的API。由于RN的底层是React的框架，如果是UI层的变更，会先渲染为虚拟DOM，diff后计算出变更的JSON文件，...

2020-05-07 19:20:43 1527

原创常见算法简略总结

分类1、按平均时间分类：平方阶（O(n2)）排序：一般称为简单排序，例如直接插入、直接选择和冒泡排序；线性对数阶（O(nlogn)）排序：例如快速、堆、归并排序；线性阶（O(n)）排序：桶、箱和基数排序；O(n1+x)阶排序：x为大于0小于1的常数，如希尔排序；2、排序算法的选择：（1）若n较小的时候，可以采用直接插入或直接选择排序；（2）若初始状态基本有序，应选用直接插入、冒泡...

2020-05-07 17:35:21 205

原创小程序input与textarea字符计算坑

微信小程序的input组件与textarea组件有一个参数是maxLength，用来限制输入字数的长度，但是有个坑：小程序的字符长度是按照字节数限制的，而不是字符数限制的，那么就造成Emoji的输入长度有问题。由于javascript使用但是usc-2的编码，对于2个字节字符的Unicode，js是解析起来66的。但是会有以下问题不常用字符，比如"????"或者某些emoji表情(或者组合表情????+...

2020-05-07 17:29:58 602

原创前端模块化（CommonJs、AMD、CMD、ES6）

一、总述前端模块化：CommonJS、AMD、CMD、ES6模块化二、COMMONJS定义：根据CommonJS规范，一个单独的文件就是一个模块，每一个模块就是一个单独的作用域，也就是说，在该模块内部定义的变量，无法被其模块读取，除非是定义为global对象的属性。输出：模块只有一个输出，module.exports对象，一个模块输出的内容会被放在这个对象中。加载：加载模块使用requ...

2020-05-07 17:26:47 237

原创 Vue在使用中的坑们

坑1vue中动态生成的html，对其中的img元素添加事件<div id="page" v-on:click="openImageProxy($event)"> {{{topic.html}}} </div> var vm = new Vue({ el: '#page', data: { topic: {} }...

2020-05-07 17:25:47 144

原创 react生命周期（自我总结）

一、React17.0之前componentWillMount()执行场景：render()之前说明：（1）componentWillMount在render之前执行，所以在该方法中setState不会发生重新渲染；（2）该方法是服务端渲染中执行的唯一方法；（3）一般用constructor()代替。render()执行场景：（1）componentWillMoun...

2020-05-07 17:23:50 204

原创 DOM级别问题记录

DOM0级指的是IE4和Netscape 4.0这些浏览器最初支持的DHTML…大概2000年的时候争论过DOM0的问题，最后结论大概是，没有官方形成此标准。DOM1级于1998年10月成为W3C的推荐标准。DOM1级由两个模块组成：DOM核心（DOM Core）和DOM HTML。其中，DOM核心规定的是如何映射基于XML的文档结构，以便简化对文档中任意部分的访问和操作。DOM HTML模块则...

2020-05-07 17:22:12 181

原创 h5、webview、App中的history

一、路由历史传统的服务端路由，是根据客户端请求的不同地址，返回不同的网页内容。SPA之后，在url地址改变的过程中，通过js来实现不同UI之间的切换，也就是用js对DOM的操作。其中，根据url地址栏的变化二展示不同的UI，就属于前端路由。二、前端路由1. 基于hash在HTML5的history API出现之前，前端路由主要是通过hash来实现的，hash能兼容低版本的浏览器。loca...

2020-05-07 17:17:45 1446

原创 Promise自我总结

一、Promise介绍 Promise是异步编程的一种解决方案，比传统的解决方案（回调函数和事件）更合理和强大。Promise有以下两个特点：对象的状态不受外界影响。一旦状态改变，就不会再变，任何时候都可以得到这个结果。事件的特点是，如果错过了它，再去监听，是得不到结果的。 Promise缺点：无法取消Promise，一旦新建就会立即执行，无法中途取消；如果不设置回调函数，P...

2020-05-07 17:15:43 105

原创 JS中的Base64编码

Base64 编码base64经常是为了用可见文本传输不可见二进制数据的。window对象自带atob方法与btoa方法支持base64解码与编码。但是该方法不支持中文。btoa方法只支持ASCII编码。所以一般用其他方法线转化一下中文再解码。一、借助encodeURIComponent和decodeURIComponent转译中文字符encodeURIComponent()能够将中文转换魏...

2020-05-07 17:13:06 781

转载 url中空格的编码

为什么有的url编码会将空格编成+而有的会编成%20造成这种混乱局面的原因在于：W3C标准规定，当Content-Type为application/x-www-form-urlencoded时，URL中查询参数名和参数值中空格要用加号+替代，所以几乎所有使用该规范的浏览器在表单提交后，URL查询参数中空格都会被编成加号+。而在另一份规范(RFC 2396，定义URI)里, URI里的保留字符...

2020-05-07 17:08:19 1301

原创 js基础数据类型的纠葛以及类型判断

基本类型与引用类型基本类型：number、string、boolean、undefined、null、引用类型：object（包括array/function）根据JS的语法，要满足===的条件如下：如果是引用类型，则两个变量必须指向同一个对象（同一个地址）；如果是基本类型，则两个变量除了类型必须相同外，值还必须相等。判断类型一.判断数组1、typeoftypeof Null...

2020-05-07 17:05:38 159

原创 JS一些函数使用

字符串replace方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串。字符替换文本$1、$2、…、$99与 regexp 中的第n个子表达式相匹配的文本$&与 regexp 相匹配的子串$`位于匹配子...

2020-05-07 17:03:18 137

ViancaChen的博客