摘要:
移动端点击延迟事件 解决方式 禁用缩放 <meta name = "viewport" content="user-scalable=no" > 缺点: 网页无法缩放 更改默认视口宽度 <meta name="viewport" content="width=device-width"> 缺点: 需 阅读全文
摘要:
ES6为Array增加了from函数用来将其他对象转换成数组。 当然,其他对象也是有要求,也不是所有的,可以将两种对象转换成数组。 具体用法 Array.from可以接受三个参数 我们看定义:Array.from(arrayLike [, mapFn [, thisArg]]) 在这里很好理解,就是 阅读全文
摘要:
提出问题,问题代码为 setTimeout(function(){console.log(1)},0); new Promise(function(resolve){ console.log(2) for( var i=0 ; i<100 ; i++ ){ i==99 && resolve() } 阅读全文
摘要:
之前使用jquery中ajax,请求的结果需要写在回调函数里面,后面接触到了axios/fetch,使用了es6中Promise进行封装,这种链式结构调用,看起来比之前直观,可是还是没有解决回调的问题,甚至axios/fetch相比原生ajax以及jquery中的ajax来说,不支持同步请求,这就导 阅读全文
摘要:
针对PC端,element-ui可谓是首选了,UI体验效果很好。 element-ui 框架官网: http://element.eleme.io/#/zh-CN/component/installation mint-ui 也是饿了么出品的UI框架(主要是针对移动端),其框架官网: http:// 阅读全文
摘要:
预览效果 核心代码 源码地址:https://github.com/zuobaiquan/vue/tree/master/vueExercise/vue-component/src/components/myinput 预览地址: http://zuobaiquan.com/vue/vueExerc 阅读全文
摘要:
constructor():构造函数 执行:组件加载钱最先调用一次,仅调用一次。 作用:定义状态机变量。 注意:第一个语句必须为super(), 否则会报错:'this' is not allowed before super() componentWillMount() render() comp 阅读全文
摘要:
echarts是百度推出的免费开源的图表组件,功能丰富,涵盖各行业图表。公司项目做h5项目用了不少,最近公司翻新h5页面,用react-native改造,来达到增强用户体验效果的目的。项目中遇到了一些坑,记录下。 1.安装native-echarts组件 首先我们需要在RN项目中安装native-e 阅读全文
摘要:
上一篇 react-native文章提到了TextInput组件对安卓的适配问题,因此对该组件进行封装很有必要。 文章地址 react native定报预披项目知识点总结 TextInput介绍 官网地址: https://facebook.github.io/react-native/docs/t 阅读全文
摘要:
前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少。总结了大部分 jQuery API 替代 阅读全文
摘要:
要实现半像素边框,可能我们首先想到的是 border-width:0.5px ,但并不是所有手机浏览器都能识别border-width:0.5px ; 注:关于0.5px 并不是说 css 的 border-width 值不支持0.5px,而是显示状态受屏幕分辨率的影响。ios8和winphone 阅读全文
摘要:
步骤:① 定义构造函数并继承Overlay,通过构造函数参数可以传递一些自由的变量。设置自定义覆盖物对象的prototype属性为Overlay的实例,以便继承覆盖物基类。 ②初始化自定义覆盖物 注:自定义覆盖物 createElement 创建的DOM元素,添加了属性类名,故css对应需要添加相应 阅读全文
摘要:
1.TextInput组件对安卓的适配问题 textInput 在iOS 显示正常,但是在android下会出现下横线,并且字会被遮盖 因此一般都这么用该组件 2.关于样式 附react native可使用的样式属性: https://github.com/doyoe/react-native-st 阅读全文
摘要:
需求: 文本域内的提示文字两行显示 解决方案: 表示回车 表示换行 <textarea id="textarea" maxlength="22" placeholder="我是第一行 我是第二行" ></textarea> 阅读全文
摘要:
关键代码 如果contentBox盒子滚动,则收起键盘,避免键盘导致fixed定位失效 源码地址:https://github.com/zuobaiquan/javascript/tree/master/ios端position为fixed失效的解决办法 预览地址:http://zuobaiquan 阅读全文
摘要:
FIS3是国内百度公司产出的一款前端工程构建工具,FIS3可以解决前端工程中性能优化、资源加载(异步、同步、按需、预加载、依赖管理、合并、内嵌)、模块化开发、自动化工具、开发规范、代码部署等问题,首先来简单的实现资源合并压缩提高性能等问题。 安装fix3 创建项目目录 cd 进入此目录中初始化,执行 阅读全文
摘要:
怎么用最简单的方式搭建一个服务器? 首先安装插件 然后修改 packet.json 文件 说明:webpack-dev-server --open --mode development --open的意思是自动完成后会自动打开浏览器,然后进入默认的localhost:8080页面: 服务器的根目录就 阅读全文
摘要:
plugin属于增强webpack功能,loader给webpack提供非js文件的转换能力; webpack loader 是 webpack 为了处理各种类型文件的一个中间层,webpack 本质上就是一个 node 模块,它不能处理js 以外的文件,那么 loader 就帮助webpack 做 阅读全文
摘要:
一、关于webpack 自从出现模块化以后,大家可以将原本一坨代码分离到个个模块中,但是由此引发了一个问题。每个 JS 文件都需要从服务器去拿,由此会导致加载速度变慢。Webpack 最主要的目的就是将所有小文件打包成一个或多个大文件,官网的图片很好的诠释了这个问题,除此之外,Webpack 也是一 阅读全文
摘要:
* 去抖(节流) * 有一些浏览器事件可以很快地在短时间内多次触发, * 例如调整窗口大小、向下滚动页面、搜索框节流等。 * 如果你将事件监听器绑定到窗口滚动事件,并且用户不断快速地向下滚动页面, * 则你的事件可能在1秒内触发数千次。这可能会导致一些严重的性能问题。 * 解决这个问题的一种方法是去 阅读全文