罗毅豪

2020年1月17日

摘要：安卓手机微信中清除页面缓存的方法只在安卓中有效，ios微信刷新页面即可清除缓存。 1.微信中打开网页 http://debugx5.qq.com。 2.滑动到底部，如图所示勾选4个缓存选项，点击清除即可。此外，该网页还提供了其他功能，如使用VConsole进行调试等。阅读全文

posted @ 2020-01-17 20:04 罗毅豪阅读(4033) 评论(0) 推荐(0) 编辑

使用VConsole调试代码

摘要：在真实手机上运行H5页面时，无法看到控制台。为了能在真实手机上使用控制台，可以加入如下代码实现控制台： //引入vconsole var isTestEnvironment =true if(isTestEnvironment){ var script, scripts = document.ge 阅读全文

posted @ 2020-01-17 16:04 罗毅豪阅读(1309) 评论(0) 推荐(0) 编辑

2020年1月9日

jQuery与Vue的对比

摘要： jQuery是很早就出现的一个封装原生JS的库，而Vue则是最近几年流行的MVVM框架。那么，vue到底比jQuery好在哪儿呢？一、开发者只需操作数据 1.数据与视图的分离（解耦）。jq的数据与视图混在一块，Vue的数据与视图分离。 2.数据驱动视图。jq直接用js修改视图，Vue以数据驱动视图阅读全文

posted @ 2020-01-09 21:28 罗毅豪阅读(4666) 评论(0) 推荐(3) 编辑

IDE提交Git出现husky>pre-commit错误

摘要：若使用IDE提交Git出现以下错误： husky？？？则是ES6在提交校验过程中出现了问题，强制提交方式为：命令行： git commit --no-verify IDEA：在提交时取消勾选Run Git hooks VScode：删除.git文件夹下hooks文件夹内的文件即可成功提交代阅读全文

posted @ 2020-01-09 14:50 罗毅豪阅读(2909) 评论(0) 推荐(0) 编辑

IDEA将工程转为maven工程

摘要：有时候在使用IDEA时，从Git上Pull一个maven工程下来没有自动将工程转换成maven工程，导致相应的依赖jar包无法下载。此时要将它转换成maven工程。 1.在工程名称上右击并点击【Add Framework Support】。 2.在打开的【Add Framework Support】阅读全文

posted @ 2020-01-09 09:49 罗毅豪阅读(997) 评论(0) 推荐(1) 编辑

2020年1月7日

vscode设置tab缩进字符数

摘要：在vscode中，默认缩进字符数为4，若想修改为2。首先找到并点击首选项(Preferences)里的设置，搜索tabsize,将tabsize修改为2。然后搜索detectIndentation（如果搜tabsize的时候出来了，就不用再重复搜索了），将这个属性的勾去掉或者设为false。再阅读全文

posted @ 2020-01-07 23:38 罗毅豪阅读(7267) 评论(0) 推荐(1) 编辑

2020年1月4日

Mac系统下用nginx服务器部署页面

摘要： 1.安装nginx（需要先安装Homebrew）。使用命令 brew install nginx 安装nginx。 2.用命令 open /usr/local/Cellar/nginx 用访达打开安装路径。 3.打开bin文件夹，双击nginx文件，启动nginx，然后访问http://localh 阅读全文

posted @ 2020-01-04 14:52 罗毅豪阅读(1322) 评论(0) 推荐(0) 编辑

2020年1月1日

JS之!!()的作用

摘要：首先我们先看看几个表达式在浏览器控制台运行的结果： js新手常常在做输入校验时会写这样臃肿的代码： var a = 1 if(a!=null&&a!=undefined&&a!=''){ document.write('a为非空') } 实际上只需要写 var a = '' if(!!a){ con 阅读全文

posted @ 2020-01-01 17:49 罗毅豪阅读(2254) 评论(0) 推荐(0) 编辑

原生开发、H5开发和混合开发的优缺点

摘要：目前市场上主流的APP分为三种：原生APP、Web APP（即HTML5）和混合APP三种，相对应的定制开发就是原生开发、H5开发和混合开发。那么这三种开发模式究竟有何不同呢？下面我们就分别从这三者各自的优劣势来区分比较吧！一、原生开发（Native App开发）原生开发，是在Android、阅读全文

posted @ 2020-01-01 16:37 罗毅豪阅读(6661) 评论(0) 推荐(0) 编辑

2019年12月31日

页面适配之pt、px、em、rem的用法

摘要：我们在开发页面时，会遇到pt、px、em、rem这四种单位。下面介绍一下这四个单位。 1.pt，英文为points，绝对长度单位，意为磅。设计软件zeplin所用的单位就是pt。现在很少使用这个单位了。 2.px，英文为pixel，相对长度单位，意为像素。是相对于屏幕分辨率的单位，国内主流单位。 3 阅读全文

posted @ 2019-12-31 21:44 罗毅豪阅读(1046) 评论(0) 推荐(0) 编辑

IDEA提交时忽略某些文件的提交

摘要：在IDEA提交代码时，有一些文件我们是不想提交的，比如自动生成和修改的.idea文件夹，但是提交的时候会让我们勾选。为了避免误提交，我们可以在version control中新建changelist。命名为ignored。将不需要提交的文件选中拖入ignored文件夹。提交的时候选择Defa 阅读全文

posted @ 2019-12-31 15:22 罗毅豪阅读(10328) 评论(0) 推荐(1) 编辑

2019年12月20日

Homebrew的安装

摘要： Homebrew是一款Mac OS平台下的软件包管理工具。安装方法：命令行输入 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 但是，此方法一般会因阅读全文

posted @ 2019-12-20 09:53 罗毅豪阅读(4516) 评论(1) 推荐(0) 编辑

2019年12月19日

Mac终端命令自动补全

摘要： Mac终端在执行命令的时候，想跟Windows系统一样通过按tab键进行命令的自动补全，方法如下： 1.打开终端输入，即用nano编辑器打开文件 nano .inputrc （这里一定要注意nano后面有一个空格） 2.在nano编辑器中写上如下命令 set completion-ignore-ca 阅读全文

posted @ 2019-12-19 21:40 罗毅豪阅读(1278) 评论(0) 推荐(0) 编辑

React Native-ios环境的搭建

摘要：本文基于RN中文网。要在mac系统上搭建RN环境：一、安装Homebrew。它是一款Mac OS平台下的软件包管理工具。详见Homebrew的安装这篇文章。二、安装node和watchman，用Homebrew在命令行进行安装 brew install node brew install w 阅读全文

posted @ 2019-12-19 21:31 罗毅豪阅读(824) 评论(0) 推荐(0) 编辑

2019年12月17日

macbook无法下载软件问题解决

摘要：今天新买了一台MacBook Pro，但是发现无法下载软件，在App Store中一直转圈圈。方法：修改网络DNS为114.114.114.114和8.8.8.8，即可解决。阅读全文

posted @ 2019-12-17 23:11 罗毅豪阅读(3455) 评论(0) 推荐(0) 编辑

2019年12月11日

weui实现滚动加载的效果

摘要： weui是微信公司提供的一个UI框架，在H5开发中一些组件可以直接使用。weui文档地址：http://www.jqweui.cn/components 使用weui，需要引入weui.css和jquery-weui.min.css，还有jquery.min.js和jquery-weui.min.j 阅读全文

posted @ 2019-12-11 09:30 罗毅豪阅读(2604) 评论(0) 推荐(0) 编辑

2019年12月9日

jQuery实现回车触发登录按钮的功能

摘要： jQuery实现回车触发登录按钮的功能，代码如下： $('body').keyup(function(e){ if(e.keyCode 13){ $('.login').click() } }) 要点如下： 1.把keyup事件绑定在body上 2.回车键的键码为13 3.用click()直接触发点阅读全文

posted @ 2019-12-09 10:11 罗毅豪阅读(761) 评论(0) 推荐(0) 编辑

2019年12月6日

localStorage和sessionStorage的共同点和区别

摘要：共同点： 1、localStorage和sessionStorage都是用来存储客户端临时信息的对象。 2、他们均只能存储字符串类型的对象，所以要存储数组或对象必须使用JSON.stringify()加工。 3、不同浏览器无法共享localStorage或sessionStorage中的信息。区别阅读全文

posted @ 2019-12-06 21:35 罗毅豪阅读(536) 评论(0) 推荐(0) 编辑

对token机制的学习和分析

摘要： token，中文意思为令牌，是用户登录后会返回的一个字符串，里面包括用户信息、登录时间等，但是是加密过的密文，其加解密方式由后端决定。在登录之后的接口请求中，前端需在请求中统一加上token，从而识别用户，可通过统一封装请求实现。而token也是会过期的，由后端配置确定的过期时间，与用户操不操作阅读全文

posted @ 2019-12-06 14:09 罗毅豪阅读(494) 评论(0) 推荐(0) 编辑

2019年12月4日

jQuery-验证码倒计时的实现

摘要：点击发送验证码，通常需要加入倒计时功能，HTML如下： 1 <center class='block captchaArea'> 2 <input class="input pwd" type="text" placeholder="请输入验证码"> 3 <span class="captcha"> 阅读全文

posted @ 2019-12-04 11:27 罗毅豪阅读(2085) 评论(0) 推荐(0) 编辑

2019年12月3日

jQuery-点击返回顶部

摘要：在页面上，有时需要点击某个图标钮实现返回顶部的效果。实现方式如下，给图标按钮增加名叫goTop-hook的类。 1 // 点击返回顶部 2 $(window).scroll(function() { 3 if ($(window).scrollTop() >= 100) { 4 $(".goTop 阅读全文

posted @ 2019-12-03 16:23 罗毅豪阅读(798) 评论(0) 推荐(0) 编辑

2019年12月1日

jQuery-跨域问题的处理

摘要：调用登录接口时，后端一般会在调用登录接口成功后，在response中设置cookie，之后前端的每次请求都会自动地在请求头上加上后端设置好的cookie，这对前端来说是透明的。当登录接口与登录后调用的接口域名不同时，会出现跨域问题。处理跨域问题的方式如下：前端部分： 1 <script> 2 $ 阅读全文

posted @ 2019-12-01 22:43 罗毅豪阅读(2228) 评论(0) 推荐(0) 编辑

2019年11月29日

JS-正则表达式解析

摘要：正则表达式通常用于输入校验，用法示例为 if (!(/^1[345789]\d{9}$/.test($('.tel').val().trim()))) { $.toast("手机号格式有误", "text") return } 即用/xx/.test(textVal)进行检验，校验失败则弹出提示（例阅读全文

posted @ 2019-11-29 21:24 罗毅豪阅读(681) 评论(0) 推荐(0) 编辑

2019年11月28日

jQuery-实现简单的Ajax请求封装

摘要：封装的意义在于复用，在于减少重复的代码。我在项目中做了简单的Ajax请求封装，实现方式如下： 1 //封装Ajax请求 2 $.extend({ 3 ajaxDirect:function(url,type,data,success,error){ 4 if(type.toLowerCase()= 阅读全文

posted @ 2019-11-28 22:36 罗毅豪阅读(3390) 评论(0) 推荐(0) 编辑

2019年11月27日

JS调用MD5加密

摘要：为了系统的安全，前端一般需要对密码进行MD5加密，然后传输给后台处理。MD5的英文是Message Digest Algorithm（信息摘要算法），是不可逆的算法，只能通过暴力破解，所以较为安全。需要引入md5.js，代码如下： 1 var hexcase = 0; 2 var b64pad = 阅读全文

posted @ 2019-11-27 19:07 罗毅豪阅读(7607) 评论(0) 推荐(0) 编辑

JS生成UUID

摘要： UUID是通用唯一识别码的意思，英文为Universally Unique Identifier，可以让所有元素具有唯一的标识码，可用于文件上传时避免文件名同名的问题。其生成函数如下： //生成uuid function get_uuid(){ var s = [] var hexDigits = 阅读全文

posted @ 2019-11-27 16:27 罗毅豪阅读(1256) 评论(0) 推荐(0) 编辑

2019年11月26日

从无到有实现搭建vue+ElementUI+less+ES6的开发环境并进行简单的开发的项目

摘要：项目简介：该项目是基于日常计算宿舍水电煤气费的需求写的，旨在从无到有实现搭建vue+ElementUI+less+ES6的开发环境并进行简单的开发，使用webpack进行代码的编译、压缩和打包，并疏通了该项目如何放到服务器上运行的全过程。项目环境搭建一、vue的安装和使用1.安装node2.全局安阅读全文

posted @ 2019-11-26 22:23 罗毅豪阅读(803) 评论(0) 推荐(0) 编辑

jQuery-文件上传问题解决

摘要：后端要求文件上传需传参数为二进制流，用form-data方式传递，如下图所示：为了满足该输入参数要求，上传代码如下： 1 <input type="file" id="file" accept="image/*" capture='camera' multiple> 1 $('#file').ch 阅读全文

posted @ 2019-11-26 14:35 罗毅豪阅读(1514) 评论(0) 推荐(0) 编辑

2019年11月21日

JS获取url请求参数

摘要： JS获取url请求参数，代码如下： // 获取url请求参数 function getQueryParams() { var query = location.search.substring(1) var arr = query.split('&') var params = {} for (va 阅读全文

posted @ 2019-11-21 18:45 罗毅豪阅读(1868) 评论(0) 推荐(0) 编辑

2019年11月18日

JS-时间相关的函数封装

摘要： 1.用JS把时间戳转换为时间，代码如下： //时间戳转换为时间 function timestampToTime(timestamp,number) { var date = new Date(timestamp) //时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = d 阅读全文

posted @ 2019-11-18 19:16 罗毅豪阅读(817) 评论(0) 推荐(0) 编辑

2019年10月30日

Swiper实现轮播图效果

摘要：为了实现轮播图（carousel）效果或左右滑动显示不同的内容，我们采用Swiper来实现。需要引入swiper.min.css和swiper.min.js，文件可从https://github.com/LuoYiHao/front-end-lib/tree/master/swiper下载。示例阅读全文

posted @ 2019-10-30 09:23 罗毅豪阅读(977) 评论(0) 推荐(0) 编辑

2019年10月29日

用Fastclick解决移动端300ms延迟问题

摘要：移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件，才有了FastClick。用法：引入fastclick.min.js，然后在脚本中加上： 1 // 解决移动端点击事件300ms延迟 2 $(functio 阅读全文

posted @ 2019-10-29 16:37 罗毅豪阅读(399) 评论(0) 推荐(0) 编辑

H5实现图表和地图

摘要： H5实现图表和地图的代码如下： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>图表和地图</title> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, max 阅读全文

posted @ 2019-10-29 10:42 罗毅豪阅读(1191) 评论(0) 推荐(0) 编辑

2019年10月28日

H5纯前端生成Excel表格

摘要： 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 < 阅读全文

posted @ 2019-10-28 16:48 罗毅豪阅读(5337) 评论(0) 推荐(0) 编辑

2019年10月24日

用sticky.js实现头部导航栏固定

摘要：在页面中，如果页面长度过大，滑动页面时，头部导航栏则会跟着划走。我的头部导航栏代码为： 1 <div class="headbar"> 2 <center class="headbarTitle">通讯录</center> 3 </div> 固定头部导航栏的方法：引入sticky.js，再加上 1 阅读全文

posted @ 2019-10-24 15:48 罗毅豪阅读(1732) 评论(0) 推荐(0) 编辑

body标签添加ontouchstart属性

摘要：之前看别人的代码，发现他的body标签添加ontouchstart属性。即 1 <body ontouchstart> 上网查了一下原因，记录一下：这个操作是进行手机端兼容处理的，防止伪类:active失效。阅读全文

posted @ 2019-10-24 15:15 罗毅豪阅读(2778) 评论(0) 推荐(0) 编辑

2019年10月17日

Sublime和VSCode生成基础HTML代码

摘要：我们在编写前端页面时，常希望能自动生成基础的HTML代码。而在Sublime和VSCode就有这样的功能在Sublime中，在编辑栏输入html，然后敲Tab键，则自动生成代码如下： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 < 阅读全文

posted @ 2019-10-17 08:55 罗毅豪阅读(534) 评论(0) 推荐(0) 编辑

2019年9月26日

用Promise处理异步函数

摘要：处理函数之间的异步问题，使其同步进行的其中一种方法，就是使用Promise。Promise在ES6中被提出。使用示例如下：假如有三个函数，要求按getone、gettwo、getthree的顺序执行。函数参数为Promise特有的resolve和reject，reslove和reject可在函数阅读全文

posted @ 2019-09-26 16:14 罗毅豪阅读(2715) 评论(0) 推荐(0) 编辑

vue中的父子组件相互调用

摘要： vue中的父子组件相互调用： 1.vue子组件调用父组件方法：子组件：this.$emit('xx'); 父组件:定义yy方法，并在引用子组件时传参,如@xx="yy" 2.vue父组件调用子组件方法：子组件：定义xx方法父组件：引用子组件时加上ref="yy",调用方法为this.$refs.y 阅读全文

posted @ 2019-09-26 10:08 罗毅豪阅读(1144) 评论(0) 推荐(0) 编辑

VScode保持vue语法高亮的方式

摘要： VScode保持vue语法高亮的方式： 1.安装插件：vetur。打开VScode，Ctrl + P 然后输入 ext install vetur 然后回车点安装即可。 2.在 VSCode中使用 Ctrl+Shift+P打开命令面板，输入Preferences: Open Settings（JSO 阅读全文

posted @ 2019-09-26 10:04 罗毅豪阅读(9619) 评论(0) 推荐(0) 编辑

公告