摘要：
Homebrew是一款Mac OS平台下的软件包管理工具。 安装方法：命令行输入 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 但是，此方法一般会因 阅读全文
摘要：
Mac终端在执行命令的时候，想跟Windows系统一样通过按tab键进行命令的自动补全，方法如下： 1.打开终端输入，即用nano编辑器打开文件 nano .inputrc （这里一定要注意nano后面有一个空格） 2.在nano编辑器中写上如下命令 set completion-ignore-ca 阅读全文
摘要：
本文基于RN中文网。 要在mac系统上搭建RN环境： 一、安装Homebrew。它是一款Mac OS平台下的软件包管理工具。 详见Homebrew的安装这篇文章。 二、安装node和watchman，用Homebrew在命令行进行安装 brew install node brew install w 阅读全文
摘要：
今天新买了一台MacBook Pro，但是发现无法下载软件，在App Store中一直转圈圈。 方法：修改网络DNS为114.114.114.114和8.8.8.8，即可解决。 阅读全文
摘要：
weui是微信公司提供的一个UI框架，在H5开发中一些组件可以直接使用。weui文档地址：http://www.jqweui.cn/components 使用weui，需要引入weui.css和jquery-weui.min.css，还有jquery.min.js和jquery-weui.min.j 阅读全文
摘要：
jQuery实现回车触发登录按钮的功能，代码如下： $('body').keyup(function(e){ if(e.keyCode 13){ $('.login').click() } }) 要点如下： 1.把keyup事件绑定在body上 2.回车键的键码为13 3.用click()直接触发点 阅读全文
摘要：
共同点： 1、localStorage和sessionStorage都是用来存储客户端临时信息的对象。 2、他们均只能存储字符串类型的对象，所以要存储数组或对象必须使用JSON.stringify()加工。 3、不同浏览器无法共享localStorage或sessionStorage中的信息。 区别 阅读全文
摘要：
token，中文意思为令牌，是用户登录后会返回的一个字符串，里面包括用户信息、登录时间等，但是是加密过的密文，其加解密方式由后端决定。 在登录之后的接口请求中，前端需在请求中统一加上token，从而识别用户，可通过统一封装请求实现。 而token也是会过期的，由后端配置确定的过期时间，与用户操不操作 阅读全文
摘要：
点击发送验证码，通常需要加入倒计时功能，HTML如下： 1 <center class='block captchaArea'> 2 <input class="input pwd" type="text" placeholder="请输入验证码"> 3 <span class="captcha"> 阅读全文
摘要：
在页面上，有时需要点击某个图标钮实现返回顶部的效果。 实现方式如下，给图标按钮增加名叫goTop-hook的类。 1 // 点击返回顶部 2 $(window).scroll(function() { 3 if ($(window).scrollTop() >= 100) { 4 $(".goTop 阅读全文
摘要：
调用登录接口时，后端一般会在调用登录接口成功后，在response中设置cookie，之后前端的每次请求都会自动地在请求头上加上后端设置好的cookie，这对前端来说是透明的。 当登录接口与登录后调用的接口域名不同时，会出现跨域问题。处理跨域问题的方式如下： 前端部分： 1 <script> 2 $ 阅读全文
摘要：
正则表达式通常用于输入校验，用法示例为 if (!(/^1[345789]\d{9}$/.test($('.tel').val().trim()))) { $.toast("手机号格式有误", "text") return } 即用/xx/.test(textVal)进行检验，校验失败则弹出提示（例 阅读全文
摘要：
封装的意义在于复用，在于减少重复的代码。 我在项目中做了简单的Ajax请求封装，实现方式如下： 1 //封装Ajax请求 2 $.extend({ 3 ajaxDirect:function(url,type,data,success,error){ 4 if(type.toLowerCase()= 阅读全文
摘要：
为了系统的安全，前端一般需要对密码进行MD5加密，然后传输给后台处理。MD5的英文是Message Digest Algorithm（信息摘要算法），是不可逆的算法，只能通过暴力破解，所以较为安全。 需要引入md5.js，代码如下： 1 var hexcase = 0; 2 var b64pad = 阅读全文
摘要：
UUID是通用唯一识别码的意思，英文为Universally Unique Identifier，可以让所有元素具有唯一的标识码，可用于文件上传时避免文件名同名的问题。 其生成函数如下： //生成uuid function get_uuid(){ var s = [] var hexDigits = 阅读全文
摘要：
项目简介：该项目是基于日常计算宿舍水电煤气费的需求写的，旨在从无到有实现搭建vue+ElementUI+less+ES6的开发环境并进行简单的开发，使用webpack进行代码的编译、压缩和打包，并疏通了该项目如何放到服务器上运行的全过程。 项目环境搭建一、vue的安装和使用1.安装node2.全局安 阅读全文
摘要：
后端要求文件上传需传参数为二进制流，用form-data方式传递，如下图所示： 为了满足该输入参数要求，上传代码如下： 1 <input type="file" id="file" accept="image/*" capture='camera' multiple> 1 $('#file').ch 阅读全文
摘要：
JS获取url请求参数，代码如下： // 获取url请求参数 function getQueryParams() { var query = location.search.substring(1) var arr = query.split('&') var params = {} for (va 阅读全文
摘要：
1.用JS把时间戳转换为时间，代码如下： //时间戳转换为时间 function timestampToTime(timestamp,number) { var date = new Date(timestamp) //时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = d 阅读全文
摘要：
为了实现轮播图（carousel）效果或左右滑动显示不同的内容，我们采用Swiper来实现。 需要引入swiper.min.css和swiper.min.js，文件可从https://github.com/LuoYiHao/front-end-lib/tree/master/swiper下载。 示例 阅读全文
摘要：
移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。 为了能够立即响应用户的点击事件，才有了FastClick。 用法： 引入fastclick.min.js，然后在脚本中加上： 1 // 解决移动端点击事件300ms延迟 2 $(functio 阅读全文
摘要：
H5实现图表和地图的代码如下： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>图表和地图</title> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, max 阅读全文
摘要：
H5纯前端生成Excel表格方法如下： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <meta charset="utf-8"> 6 <meta http-equiv="x-ua-compatible"> 7 </head> 8 < 阅读全文
摘要：
在页面中，如果页面长度过大，滑动页面时，头部导航栏则会跟着划走。 我的头部导航栏代码为： 1 <div class="headbar"> 2 <center class="headbarTitle">通讯录</center> 3 </div> 固定头部导航栏的方法：引入sticky.js，再加上 1 阅读全文
摘要：
之前看别人的代码，发现他的body标签添加ontouchstart属性。即 1 <body ontouchstart> 上网查了一下原因，记录一下： 这个操作是进行手机端兼容处理的，防止伪类:active失效。 阅读全文
摘要：
我们在编写前端页面时，常希望能自动生成基础的HTML代码。而在Sublime和VSCode就有这样的功能 在Sublime中，在编辑栏输入html，然后敲Tab键，则自动生成代码如下： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 < 阅读全文
摘要：
处理函数之间的异步问题，使其同步进行的其中一种方法，就是使用Promise。Promise在ES6中被提出。 使用示例如下： 假如有三个函数，要求按getone、gettwo、getthree的顺序执行。函数参数为Promise特有的resolve和reject，reslove和reject可在函数 阅读全文
摘要：
vue中的父子组件相互调用： 1.vue子组件调用父组件方法：子组件：this.$emit('xx'); 父组件:定义yy方法，并在引用子组件时传参,如@xx="yy" 2.vue父组件调用子组件方法：子组件：定义xx方法 父组件：引用子组件时加上ref="yy",调用方法为this.$refs.y 阅读全文
摘要：
VScode保持vue语法高亮的方式： 1.安装插件：vetur。打开VScode，Ctrl + P 然后输入 ext install vetur 然后回车点安装即可。 2.在 VSCode中使用 Ctrl+Shift+P打开命令面板，输入Preferences: Open Settings（JSO 阅读全文
摘要：
要用H5生成二维码： 1.引入js库，可自行点击链接复制使用 2.加入二维码占位区HTML 3.设置宽度和高度，在makeCode函数中传入链接，即可生成成功。 阅读全文
摘要：
为了实现H5扫描二维码功能，我在网上找到了可用的代码：https://github.com/zhiqiang21/WebComponent/tree/master/html5-Qrcode 该程序能基本实现手机拍照或从相册选择二维码实现扫描输出功能，注意要点为： 1.该程序引用zepto.js库，可 阅读全文
摘要：
在ES5中，请求地址前缀等需要作为公共变量提出。 则需在common.js写上 1 Object.defineProperty(window,'base',{ 2 value:"http://xx.xxxx.com:9009/vgame", 3 writable:false 4 }) 并被各个页面引 阅读全文
摘要：
在QQ和微信中会自代一个标题栏，而手机浏览器没有标题栏。 因此，我自己写了一个标题栏。 1 <div class="headbar"> 2 <center class="headbarTitle">我的</center> 3 <div class="returnBtn"> 4 <a href="ja 阅读全文
摘要：
需求：H5调用手机的相机和相册从而实现更换头像的功能 这个功能是很常用的一个功能，因此做一个记录。 1.在头像img下加一个文件输入框 <input type="file" id="file" accept="image/*" capture='camera' multiple> 并隐藏之 <cen 阅读全文
摘要：
我遇到了需要裁剪具有透明背景的png的问题，用 https://www.yasuotu.com/editor 这个压缩图网站解决了问题。 这里可以选择裁剪的宽度和高度，记得点击确定按钮。 裁剪完成后，点击保存本地按钮，选择png图片，即可保存。 2021年3月26日更新： 压缩图这个网站现在要收费了 阅读全文
摘要：
手机页面左滑，页面超出手机屏幕。 解决方法： html,body{ overflow-x: hidden; } 从而解决问题，锁住横向滑动的屏幕。 阅读全文
摘要：
在for循环中，数组长度为3，我本来是想对每个循环的元素绑定一个点击事件的，结果点击后控制台输出全部为1。 我觉得这与闭包的知识有关，由于i是全局的作用域，相当于同一个引用，等循环执行完，最终的i的值为i%3+1=1，然后在点击的时候输出的便全部为1了。 解决方案：加一个立即执行函数，暂时保存i的值 阅读全文
摘要：
meta标签写在HTML的<head>中，推荐每个手机H5页面必加以下的代码： <head> <meta charset="UTF-8"> <meta id="viewport" name="viewport" content="width=device-width, viewport-fit=co 阅读全文
摘要：
普通jQuery的Ajax请求代码如下： $.ajax({ type: 'POST', url: "http://xxx/yyy/zzz/sendVerifyCode", data:{ phoneNo:$(".tel").val() }, success: function(data){ $.toa 阅读全文
摘要：
用react-navigation配置路由时，出现如下报错或白屏。 我的代码原来是 import {AppRegistry} from 'react-native'; import App from './App'; import {name as appName} from './app.json 阅读全文