摘要:
要把一个xml字符串转(“1,2,3,4,5,6,7,8,1,2”)换成数组的形式,每个值都应该是number类型的,想当然的就用了split方法,结果。。。问题来了,服务器要求数组的值是数字,而split是字符方法,所产生的数组也是字符串,麻烦来了。。这么大的数据量总不能一个一个的for循环par 阅读全文
摘要:
1、结论 for in遍历对象所有可枚举属性 包括原型链上的属性 Object.keys遍历对象所有可枚举属性 不包括原型链上的属性 hasOwnProperty 检查对象是否包含属性名,无法检查原型链上是否具有此属性名 2、示例代码 <!DOCTYPE html> <html lang="zh"> 阅读全文
摘要:
模块化开发在前端越来越流行,使用 node 和 npm 可以很方便的下载管理项目所需的依赖模块。**package.json 用来描述项目及项目所依赖的模块信息。** 那 package-lock.json 和 package.json 有啥关系和联系呢? package.json 管理包 大家都知 阅读全文
摘要:
1.main.js 一、通过 按需导入的 createApp 方法来来构建 vue 实例; 二、通过 vue实例.use 方法来挂载插件(router、vuex) 三、没有了 Vue 构造方法,无法再挂载原型; 2.App.vue 组件内部结构无变化,依然是template、script、style 阅读全文
摘要:
监控是提高故障处理能力和保障服务质量必需的一环,它需要负责的内容包括:及时上报错误、收集有效信息、提供故障排查依据。 及时上报错误:发生线上问题后,经由运营或者产品反馈到开发人员,其中流转过程可能是几分钟甚至几十分钟,这段时间可能直接导致公司的经济损失。如果有一个监控系统,在线上出现问题时,监控系统 阅读全文
摘要:
我们知道,对于每一个http请求,无论是动态的网页aspx,还是jsp,还是/user/add这种MVC模式的URL,还是CSS或者JS文件,每一个http请求都会带着在硬盘上存有的跟这个域相关存有的cookie信息。越来越多的cookie导致请求头越来越大。那么应该如何去优化呢? cookie存储 阅读全文
摘要:
浏览器的运行机制:layout:布局; 1、构建DOM树(parse):渲染引擎解析HTML文档,首先将标签转换成DOM树中的DOM node(包括js生成的标签)生成内容树(Content Tree/DOM Tree); 2、构建渲染树(construct):解析对应的CSS样式文件信息(包括js 阅读全文
摘要:
PM2是node进程管理工具,可以利用它来简化很多node应用管理的繁琐任务,如性能监控、自动重启、负载均衡等,而且使用非常简单。首先了解基本命令,灵活运用 PM2安装 npm install pm2 -g //或 yarn global add pm2 启动 pm2 start app.js // 阅读全文
摘要:
一、Webpack 诞生于2012年,目前Javascript社区使用得比较多的构建工具。它的出现,解决了当时的构建工具不能处理的问题——构建复杂的单页面应用(SPA)。它是一个强力的模块打包器。 所谓包(bundle)就是一个 JavaScript 文件,它把一堆资源(assets)合并在一起,以 阅读全文
摘要:
conncet是从react-redux中结构出来的一个装饰器,用来实现不同页面(或组件)的数据共享,避免组件间一层层的嵌套传值。 为何要使用@connect装饰器 在安装完redux,react-redux之后虽然可以轻松的完成数据共享,但是代码及其麻烦。例如在index.js里这样写: impo 阅读全文
摘要:
1. 来源 Immutable.js出自Facebook,是最流行的不可变数据结构的实现之一。它实现了完全的持久化数据结构,通过使用像tries这样的先进技术来实现结构共享。所有的更新操作都会返回新的值,但是在内部结构是共享的,来减少内存占用(和垃圾回收的失效)。 2. immutable.js三大 阅读全文
摘要:
前端一直是距离用户最近的一层,随着产品的日益完善,我们会更加注重用户体验,而前端异常却如鲠在喉,甚是烦人。 一、为什么要处理异常? 异常是不可控的,会影响最终的呈现结果,但是我们有充分的理由去做这样的事情。 增强用户体验; 远程定位问题; 未雨绸缪,及早发现问题; 无法复线问题,尤其是移动端,机型, 阅读全文
摘要:
在React的官方文档中,Context被归类为高级部分(Advanced),属于React的高级API,但官方并不建议在稳定版的App中使用Context。 The vast majority of applications do not need to use content. If you w 阅读全文
摘要:
引言 我们在搭建项目的时候,通过 npm 安装的依赖模块时,package.json文件中依赖的版本号前面会带符号 ^,有时候我们看别人的项目时也可能会看版本前带符号 ~ ,或者什么也不带,其中会有什么区别呢?而且当你的 npm 版本升级到 5.X.X 版本以上的时候,对应目录下还是自动生成一个 p 阅读全文
摘要:
讲解大致会根据下图展开 对象的定义与赋值 经常使用的定义与赋值方法obj.prop =value或者obj['prop']=value Object.defineProperty()语法说明 Object.defineProperty()的作用就是直接在一个对象上定义一个新属性,或者修改一个已经存在 阅读全文
摘要:
在学习React事件绑定时,发现React绑定时间有其自身的一套机制,那就是合成事件。先看源码: <div className="testDom" onClick={this.testDomClick()}><div> React合成事件和原生事件区别 React合成事件一套机制:React并不是将 阅读全文
摘要:
要实现的效果 https://zuobaiquan.github.io/blogImg/201903/01.gif 阅读全文
摘要:
React(基础框架): React 是基础框架,是一套基础设计实现理念,开发者不能直接使用它来开发移动应用或者网页。 React.js(web网页开发):在React框架之上,发展出了React.js 框架来开发网页。 React Native(移动端应用):在React框架之上,延伸的一个移动应 阅读全文
摘要:
因为浏览器有同源策略的限制,导致我们在本地开发的时候,请求不同域名的接口会存在跨域的问题 解决跨域的问题有很多方式,这里主要整理下代理模式来解决跨域的问题 代理方式能够实现的机制大体: 本地服务器 --》 代理 --》目标服务器 --》拿到数据后通过代理伪装成本地服务请求的返回值 》浏览器收到返回的 阅读全文
摘要:
export命令用于规定模块的对外接口。 一个模块就是一个独立的文件。该文件内部的所有变量,外部无法获取。如果你希望外部能够读取模块内部的某个变量,就必须使用export关键字输出该变量。下面是一个 JS 文件,里面使用export命令输出变量。 // profile.js export var f 阅读全文