qq5833547的博客

原创 vue+element+axios做一个简单的拦截处理

废话不多说直接上代码，都有注释相信每个人都能看懂import axios from 'axios'/**1、将对象序列化，多个对象之间用&拼接（拼接是由底层处理，无需手动操作） *//**2、将序列化的内容拆分成一个个单一的对象 */import qs from 'qs'/**引入element全局提示和加载样式 */import { Message, Loading...

原创 移动端的全局css处理加上设置根元素40px的字体大小，设计稿大小除以40px等于对应的rem布局

body,html{height:100%; user-select:none;}html{font-size: 100% !important;}body{-webkit-overflow-scrolling: touch;background:#fafafa;}*{margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)...

转载 css加载会造成阻塞吗

css加载不会阻塞DOM树的解析 css加载会阻塞DOM树的渲染 css加载会阻塞后面js语句的执行。原因：DOM解析和CSS解析是两个并行的进程，所以这也解释了为什么CSS加载不会阻塞DOM的解析。 然而，由于Render Tree是依赖于DOM Tree和CSSOM Tree的，所以他必须等待到CSSOM Tree构建完成，也就是CSS资源加载完成(或者CSS资源加载失败)后，才能...

原创 金额正则

item.price为值/**先转换成字符串类型 */ let sNum = item.price.toString(); /**清除“数字”和“.”以外的字符 */ item.price = sNum.replace(/[^\d.]/g,""); /**只保留第一个. 清除多余的 */ item.price = item.price.r...

原创 js控制适配屏幕

//得到手机屏幕的宽度 let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth; //得到html的Dom元素 let htmlDom = document.getElementsByTagName('html')[0]; //设置根元素字体大小 htmlDom.style.fon...

原创 promise实现ajax操作

const getJson = function(url){ const promise = new Promise((resolve,reject)=>{ const handler = function(){ if(this.readyState!==4){ return; } ...

原创 vue实现按需加载

在路由或者组件路经引入时直接在component里写路经像下面这样：component: () => import('@/pages/home/Home')这样就能实现按需加载，当然这样是要大型的项目才需要这样，小型的项目这样做反而让项目加载更慢...

原创 vue 路由指定滑动位置scrollBehavior

使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。scrollBehavior 方法接收 to 和 from 路由对象。第三个参数 savedPosition 当且仅当 popstate 导航 (通过浏览器的 前进/后退 按钮触发) 时才可用。// 定位到顶部scrollBehavior (to, from, savedPosition)...

原创 vue中css样式控制scope外的组件样式

‘scope最外层class’  >>>  '要控制的样式'

原创 移动端初始化加载图片过慢导致其他样式跳动

 给图片父级加入一个div，样式如下height: 0;overflow: hidden;padding-bottom: 37.07%;//图片比例

原创 js移动端点击事件延迟过长解决方法

下载fastclick第三方包引入包import fastClick from 'fastclick'再这样使用就可以了fastClick.attach(document.body) 

原创 react中的时间戳转换成年-月-日 时：分：秒

在react中有专门的包可以转换在react中使用得先导入moment ：     import moment from 'moment'; npm install --save moment 发表时间：{moment(Time).format("YYYY-MM-DD HH:mm:ss")}

原创 jq页面之间的参数传递

获取本页面数据，把数据当作参数放到连接上带走获取连接上带着的参数getOrderId()里return的就是参数这样用

原创 js 拼接是一件很麻烦的事，今天就教大家用模板引擎arttemplate来做循环嵌套

这是数据结构{ "code": 0, "msg": "成功", "data": { "pageNum": 1, "pageSize": 10, "size": 10, "orderBy": null, "startRow": 1, "endRow": 10, "total": 66, "pages": 7, "

转载 arttemplate模板把时间戳转换

//时间戳转换 template.helper('dateFormat', function (date, format) { date = new Date(date); var map = { "M": date.getMonth() + 1, //月份 "d": date.getDate(), //日 "h": date.getHours(),

原创 获取cookie强制刷新页面的js方法

var pageFresh= getCookie("pagefresh");if (pageFresh!= "ok") {document.cookie= 'pagefresh=ok';location.reload(true);// 强制获取cookie从服务器取数据}//方法刷新function getCookie(name) {var ar

原创 css如何把重复的图片显示在HTML上

对于一些重复的东西可以简洁代码的当然要简洁，既可以保证代码的简洁，也可以提高网页的加载速度。像下面 这样的这种把图片做背景放在文字的父级上，然后给background-size大小，background-repeat：no-repeat；这样就可以做到 ，这样看的话代码是不是很简便

转载 js判断是否在微信中打开

function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true;//是微信打开 } else { return false;//不

转载 js判断客户端是iOS还是安卓

var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 alert('是否是Android：'+isAnd

原创 angular开发中我认为好用的插件

原创 ionic生成命令

原创 Ajax获取json值并渲染到页面

现在超流行fetch的获取数据的方法，但是我对获取数据还一无所知，所以只是学习一下Ajax的方法，希望对后面fetch的理解有帮助var xhr = new XMLHttpRequest();xhr.onload = function(){  if(xhr.status ===200 ){(当然还可以有其他的返回值做判断)     reponseObject = JSON.pa

原创 有用的git 命令表

有用的git 命令表