js
easyClub_hanjixin
为大家提供web知识
展开
-
23种设计模式 与 面向对象编程
1. 什么是面向对象把客观对象抽象成属性数据和对数据的相关操作,把内部细节和不想关的信息隐藏起来,把同一个类型的客观对象的属性数据和操作绑定在一起,封装成类,并且允许分成不同层次进行抽象,通过继承实现属性和操作的共享面向对象的分析 OOA面向对象的设计 OOD面向对象的编程 OOP1.1 概念类、对象(实例)父类是公共的class Animal{ construct...原创 2020-04-08 15:39:59 · 262 阅读 · 0 评论 -
前端性能优化
性能优化:一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。(将css文件和并为一个。将js合并为一个) 原因:主要是为了减少http请求次数以及减少请求资源的大小 打包工具: webpack gulp grunt. ....2、尽量所使用的字体图标或者SVG图标来代替传统png图 因为字体图标或者SVG是矢量图,代码编写出来的,方大不会变形,...转载 2020-01-15 17:14:45 · 202 阅读 · 0 评论 -
对 React Context 的理解以及应用
对 React Context 的理解以及应用在React的官方文档中,Context被归类为高级部分(Advanced),属于React的高级API,但官方并不建议在稳定版的App中使用Context。很多优秀的React组件都通过Context来完成自己的功能:比如react-redux的,就是通过Context提供一个全局态的store; 拖拽组件react-dnd,通过Con...原创 2020-01-03 16:15:38 · 270 阅读 · 0 评论 -
解决IOS微信浏览器键盘关闭后底部留白问题
解决IOS微信浏览器键盘关闭后底部留白问题document.body.addEventListener('focusout', () => { //软键盘收起的事件处理 let ua = window.navigator.userAgent; let app = window.navigator.appVersion; //$alert('浏览器版本: '...原创 2019-12-12 07:22:48 · 520 阅读 · 0 评论 -
webpack 常用配置项
const path = require('path'); moudule.exports = { // entry 表示入口webpack 执行构建的第一步将从entry开始 // 类型可以使 string object array entry: './src/entry', // 只有一个入口时 entry: ['./src/entry', './src/e...原创 2019-11-09 23:09:45 · 329 阅读 · 0 评论 -
webpack-loader与全局变量引入
webpack-loader与全局变量引入expose-loader // 把模块内导入的变量暴露到windowwebpack.providePlugin() //把变量插入每个模块中externals // 使变量在被模块中引用时替换成x变量 并不打包inline-lodader // 行内loadernormal-loader // 普通loaderpost-loader ...原创 2019-11-06 10:17:23 · 748 阅读 · 0 评论 -
taro 路由问题集锦
首页里面有tab, 如果不先点击tab, h5跳转到其他页面会出现404。解决办法:把路由跳转相对路径改成绝对路径 Taro.navigateTo({ url: "../pick_city/index" }) 改为 Taro.navigateTo({ url: "/pages/pick_city/index" }) ```RN和...原创 2019-10-21 14:31:40 · 2896 阅读 · 0 评论 -
Taro中使用redux
1、在pages 同级目录新建3个文件夹。store、actions、reducers应用中所有的state都以一个对象树的形式储存在一个单一的store中。唯一的改变是触发action。store: 创建全局单一的store。actions:用于描述发生什么事件。reducers:用于action如何改变state树。2、如何获取store里面的state?(1)定义s...转载 2019-10-21 11:30:07 · 1690 阅读 · 0 评论 -
JS执行会阻塞DOM树的解析和渲染,那么CSS加载会阻塞DOM树的解析和渲染吗
结论:css加载不会阻塞DOM树的解析css加载会阻塞DOM树的渲染css加载会阻塞后面js语句的执行因此,为了避免让用户看到长时间的白屏时间,我们应该尽可能的提高css加载速度,比如可以使用以下几种方法:1.使用CDN(因为CDN会根据你的网络状况,替你挑选最近的一个具有缓存内容的节点为你提供资源,因此可以减少加载时间)2.对css进行压缩(可以用很多打包工具,比如webpack...转载 2019-10-14 11:02:10 · 327 阅读 · 0 评论 -
手写Promise
promise原创 2019-07-23 22:08:12 · 174 阅读 · 0 评论 -
归并算法
function merge(left, right){ var result = []; while (left.length > 0 && right.length > 0) { if(left[0] < right[0]){ result....转载 2019-01-14 22:49:47 · 218 阅读 · 0 评论 -
H5视频,播放,暂停,重新播放
H5视频,播放,暂停,重新播放```<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2018-10-08 09:31:36 · 12342 阅读 · 0 评论 -
JS Object 详解
Object是在javascript中一个被我们经常使用的类型,而且JS中的所有对象都是继承自Object对象的。虽说我们平时只是简单地使用了Object对象来存储数据,并没有使用到太多其他功能,但是Object对象其实包含了很多很有用的属性和方法,尤其是ES5增加的方法,因此,本文将从最基本的介绍开始,详细说明了Object的常用方法和应用。基础介绍创建对象首先我们都知道转载 2017-12-21 10:47:53 · 3464 阅读 · 0 评论 -
base库
var Browser={isIE:!!window.ActiveXObject,isOpera:window.opera+"" =="[object Opera]"};String.prototype.repeat=function (n) {//n表示字符串重得的次数return new Array(n+1).join(this);};String.protot原创 2017-10-08 10:35:07 · 437 阅读 · 0 评论