随笔分类 - js高级工具库
摘要:native 与 js 通信 原生 native 与 js 的通信主要应用于现在的 hybirdApp 混合应用中,主要解决的一些 h5 不能实现但是可以调用原生的功能的通信。 主要包含了,native 调用 js 、js 调用 native 的通信方式。 IOS 与 js 通信 1、通过获取 js
阅读全文
摘要:模块化介绍 模块化:对功能点的封装和集成 分类: AMD: 主要是前置依赖,在调用之前把所有的依赖加载完成 主要是是requirejs 在window上面添加了全局方法 define/require CMD 主要是就近依赖,调用的时候可以加载 主要seajs window主要定义了 define 方
阅读全文
摘要:Promise 介绍 promise 主要用于链式的表示一个异步操作的结果及其返回值 Promise 对象是一个代理对象(代理一个值),被代理的值在Promise对象创建时可能是未知的。 它允许你为异步操作的成功和失败分别绑定相应的处理方法 状态: pending: 初始状态,既不是成功,也不是失败
阅读全文
摘要:背景 在这越来越发达的网络时代,web应用也是越来越复杂,尤其是前端的开发,也是越来越受重视。 所以在我们前端开发完成后,会有一些列的web应用的上线验证,如自测、QA测试、code review 等,以确保 应用能在生产上没有事故。 但是事以愿违,很多时候我们都会接受的客户的一些线上问题,这些问题
阅读全文
摘要:与以前的切图比较,现在的前端开发对js的要求似乎越来越高,在开发中,我们不仅仅是要知道如何运用现有的框架(react/vue/ng), 而且我们对一些基础的知识的依赖越来越大。 现在我们就用平民的方法讲解下执行上下文/调用堆栈/内存栈。 理解下 javascript 在执行中,javascript
阅读全文
摘要:1、问题 在微信浏览器中,需要时刷新当前页面。 正常情况下我们直接使用 location.reload 方法来刷新。 2、解决方法 直接调用该方法,兼容参数等形式。
阅读全文
摘要:1、介绍 canvas 已经出来好久了,相信大家多少都有接触。 如果你是前端页面开发/移动开发,那么你肯定会有做过图片上传处理,图片优化,以及图片合成,这些都是可以用 canvas 实现的。 如果你是做前端游戏开发的,可能会非常熟悉,或者说对几何和各种图形变化非常了解。 这里我介绍的是简单的、基本的
阅读全文
摘要:1、介绍 随着组件开发大流行,现在三大框架已经基本占领了整个前端。 这时候,我们要是引入一个 jq 是不是先得你的项目非常臃肿,jq 也很不适合。 这个时候,你就需要来增加你 js 的功底。 2、各种操作 1、事件委托 案例分析: 如上面的页面机构,我们需要个每一个 li 添加同一个事件。 常规操作
阅读全文
摘要:1、介绍 最近开发了一个项目,其中需要一个上传图片到阿里云的 oss 上面,就是上传图片到阿里云的 oss 上面。 因为之前开发过 vue 的阿里云 oss 上传,所以直接复制粘 vue 的组件。 因为我做的是 react 的项目,所以需要稍微修改。 介于以后会经常用到,所以决定将它封装成组件,并且
阅读全文
摘要:1、为什么要实现数据 mock 要理解为什么要实现数据 mock,我们可以提供几个场景来解释, 1、现在的开发很多都是前后端分离的模式,前后端的工作是不同的,当我们前端界面已经完成,但是后端的接口迟迟不能提供 前端很多时候都会等接口。 2、测试人员想要你提供一份可以直接测试,自行修改后端接口,测试
阅读全文
摘要:1、介绍 fetch 提供了一个获取资源的接口 (包括跨域)。 fetch 的核心主要包括:Request , Response , Header , Body 利用了请求的异步特性 它是基于 promise 的 2、用法 3、错误一 后端没有设置 跨域头部 处理方法:后端加跨域头部 4、错误二 这
阅读全文
摘要:一命令停止某一个端口号,再也不怕端口号被占用了.. 1、插件背景 开启项目的时候,跑不起来了? 很多时候的原因就是,依赖版本,依赖的包未安装,再就是端口号被占用 例如: 这时候,我们做法就是: 1、到命令行去找到端口对应到进程号,然后停止这个进程 2、然后就是打开进程监控,在监控中找到对应端口的应用
阅读全文
摘要:1、什么是 SSR SSR 是 server side render 的缩写,从字面上就可以理解 在服务器端渲染,那渲染什么呢,很显然渲染现在框架中的前后端分离所创建的虚拟 DOM 2、为什么要实现服务器端渲染 传统的 SPA 应用 (如 react ),存在不利于优化,首屏加载慢等。 服务器端渲染
阅读全文
摘要:使用 1、介绍 利用原生 js 写一个简单到复制到剪切板工具 点击按钮,实现复制文本到剪切板 用函数形式直接调用 2、知识梳理 1.createTextRange() 方法 IE 似乎不支持 2.createRange() 都不支持 3.setSelectionRange(start,end,dir
阅读全文
摘要:http://www.cnblogs.com/jiebba/p/6575214.html http://www.cnblogs.com/jiebba 我的博客,来看吧! 如果有错误,请留言修改下 哦!
阅读全文
摘要:http://www.cnblogs.com/jiebba/p/6575214.html http://www.cnblogs.com/jiebba 我的博客,来看吧!
阅读全文
摘要://时间格式化 Date.prototype.format = function(fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.ge...
阅读全文
摘要:class Event{ constructor(){ this.handlers=[] } on(type,fn){ //订阅事件 if(!this.handlers[type]){ this.handlers[type] = []; } this.handlers[type]...
阅读全文