前端开发-阿锋

摘要： 前言 日常开发过程中，有些时候我们想使用textarea，然后限制输入的长度，在textarea末尾显示剩余可输入的字节数。 如下图： 解决方法： 常用的有三种方法： 1、通过判断charCodeAt，区分字母与中文 ，然后计算字符串的长度。 2、通过使用charCodeAt 和 0xff00区分中 阅读全文

摘要： 背景 在项目使用lib-flexible还有postcss-px2rem实现移动端适配，当我们引入第三方的样式组件库，发现一个问题。那些组件库的样式都变小了。 问题原因 变小的主要原因是第三库 css一依据 data-dpr="1" 时写的尺寸 <meta name="viewport" conte 阅读全文

摘要： 前言 最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题： 在 Android 和 IOS 上，获知软键盘弹起和收起状态存在差异，且页面 webview表现不同 阅读全文

摘要： 一、校验数字的表达式 二、校验字符的表达式 三、特殊需求表达式 原文：http://chuna2.787528.xyz/zxin/archive/2013/01/26/2877765.html 阅读全文

摘要： 步骤： 1、新建一个空文件，文件名为hhhh 2、初始化 git init 3、自己要与origin master建立连接（下划线为远程仓库链接） git remote add origin [email protected]:XXXX/nothing2.git 远程仓库链接在github这里，如下图红色 阅读全文

摘要： 前言 大部分同学对promise，可能还停留在会使用es6的promise，还没有深入学习。我们都知道promise内部通过reslove、reject来判断执行哪个函数，原型上面的then同样的，也有成功回调函数跟失败回调函数。 这篇文章，我们来讲讲promise的源码，从源码来分析，promis 阅读全文

摘要： React生命周期图解： 一、旧版图解： 二、新版图解： 从图中，我们可以清楚知道React的生命周期分为三个部分: 实例化、存在期和销毁时。 旧版生命周期如果要开启async rendering，在render函数之前的所有函数，都有可能被执行多次。 旧版的React生命周期看图就可以啦，我们就不 阅读全文

摘要： (冒泡排序、快排顺序、选择排序、插入排序、归并排序) 下面是前端比较常用的五个算法demo: 冒泡算法：比较两个相邻的数值，if第一个>第二个，交换他们的位置元素项向上移动至正确的顺序。 快排顺序：对冒泡算法的改进，分三步走，（1）在数组中选择一个中间项作为主元 （2）划分操作：创建两个指针，左边的 阅读全文

摘要： 应用场景：在一些追求用户体验比较极致的应用，我们需要做比较友好的页面加载效果。 首先我们要清楚页面的结构，然后先写好一套用来加载过渡的模板（也就是我们写好的骨架），当数据加载完成把我们的要展示的页面显示给用户看。 骨架代码： HTML： CSS： 当页面正在加载的时候，我们显示这个骨架模板，然后当我 阅读全文

摘要： 使用场景：有些时候，我们使用vue修改了一些数据，但是页面上的DOM还没有更新，这个时候我们就需要使用到nextTick。 vm.$nextTick( [callback] ) 说明： 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue 阅读全文