![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端开发
管火火火
这个作者很懒,什么都没留下…
展开
-
微信小程序 TypeError: _typeof2 is not a function
微信小程序 TypeError: _typeof2 is not a function原创 2022-04-28 13:50:07 · 1301 阅读 · 0 评论 -
win10系统下cnpm系统禁止运行
首先用 管理员身份 打开powershell右键 以管理员身份运行然后在命令行输入:set-ExecutionPolicy RemoteSigned然后输入:A即可原创 2021-12-22 13:02:21 · 322 阅读 · 0 评论 -
深入理解浏览器的缓存机制
一、前言缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求,或者发起了请求但后端存储的数据和...转载 2019-11-04 16:50:26 · 294 阅读 · 0 评论 -
删除数组对象中的某一个对象
var list=[ { title: 'A',name: 'A1' }, { title: 'B' , name: 'B1'} ]list.push({ title: 'C',name: 'C1'}) //往数组中push数据console.log(list)var newArr = list.filter(function (item) { return i...原创 2019-10-23 19:43:30 · 3707 阅读 · 2 评论 -
rf打开浏览器时报错'CapturePageScreenshot'couldnotberunonfailure:Nobrowserisopen_你看我独自一人_新浪博客
使用html5自带的 input ,纯html5,并且不涉及到js ,可以实现移动端调用手机摄像头。capture表示,可以捕获到系统默认的设备,比如:camera照相机;camcorder摄像机;microphone录音。accept表示,直接打开系统文件目录。 <label>照相机</label> <input type="file" id='i...原创 2017-07-06 18:13:57 · 844 阅读 · 0 评论 -
vue后台管理系统开发完整开源代码基于elementUI
顶部菜单+左侧菜单+tags标签缓存左右滑动+菜单层级原创 2019-06-28 15:17:12 · 12196 阅读 · 2 评论 -
vue ElementUI后台管理系统开发完整开源代码+左侧菜单tags标签缓存
左侧菜单点击在右侧tags显示标签并缓存菜单树状层级展示原创 2019-06-28 15:23:24 · 3074 阅读 · 4 评论 -
vue select传多个值,传多个值的方法
el-select遍历方法,在el-select中写上@change,如@change=“pickRoleName” <el-select @change="pickRoleName" v-model="ToviewForm.deptId" placeholder="请选择" ...原创 2019-07-05 18:45:50 · 7067 阅读 · 0 评论 -
vue_elementui_formatter的使用方法_elementui提取table表格使用formatter方法
后台管理系统中用到了非常多的表格,一般为了方便都会讲表格进行提取,形成公共组件。提取表格时会遇到返回的json数据中要对单个字段进行处理,如时间戳转换,状态转换等封装的表格组件代码<template> <div> <!-- 中部列表表格 --> <el-table :data="tableData" hig...原创 2019-07-05 18:59:18 · 23154 阅读 · 4 评论 -
elementui提取table表格封装组件,elementui提取table表格单列展示按钮的展示效果
后台管理系统中用到了非常多的表格,一般为了方便都会讲表格进行提取,形成公共组件。提取表格时会遇到返回的json数据中要对单个字段进行处理,如时间戳转换,状态转换等封装的表格组件代码<template> <div> <!-- 中部列表表格 --> <el-table :data="tableData" hig...原创 2019-07-05 19:03:23 · 1943 阅读 · 1 评论 -
el-radio-group for循环方法
经常会遇到el-radio-group 和 el-radio是一个列表,需要遍历出来,然后将选中的值赋值过去,页面中很多地方都用到这个组件,如果用到的地方很多,可以el-radio-group提取出来,直接传Array数组即可。template模板中的写法如下<el-radio-group v-model="form.informantType"> <...原创 2019-07-06 18:01:13 · 12848 阅读 · 0 评论 -
jquery.i18n的国际化翻译
html中写好样式 <div class="container"> <div class="top"> <!-- 切换按钮 --> <div class="top1"> <div id="chinese" class=" AA">切...原创 2019-08-19 16:49:25 · 972 阅读 · 1 评论 -
jquery_tab中嵌套轮播图代码
第一步: html代码 <div class="demo2"> <div class="Img1"> <div class="swiper-container Img1-1"> <div class="swiper-wrapper"> ...原创 2019-08-19 17:06:09 · 326 阅读 · 0 评论 -
前端开发电脑必备软件和插件
电脑出问题后,电脑上很多必要的软件和插件都没了,用起来非常不方便,有时候又忘记插件的名称。现在电脑换了一台,记录一些平时所常用的软件。1. vscode 安装后,需要安装的插件2. node.js安装 安装稳定版 目前是v10.16.2版本,配置node。(1)node自带npm ,使用npm安装 cnpm,使用淘宝源3. git或svn,版本和汉化包对应。4.G...原创 2019-08-20 10:21:18 · 934 阅读 · 0 评论 -
vue中history和hash的区别和使用方法
hash模式,带#号,不美观最好的坏处就是,例如比如生成二维码的时候会自动过滤掉#后面的参数,微信登录,已经分享的时候都会把#后面的参数或者路径都过滤掉,这样我们就很不方便了,导致一些Bug的产生,所以要用到history模式。history利用浏览器的history.pushState API来跳转无需加载页面,当使用history模式时,URL就是正常的URL,如http://www.we...原创 2019-06-10 16:14:07 · 3409 阅读 · 0 评论 -
vue报key值重复时解决办法Duplicate keys detected: ''.This may cause an update error.
vue报key值重复Duplicate keys detected: ‘’.This may cause an update error.为什么for循环后要加key值,否则会爆红,会产生什么影响?for循环读取key值时, key需要是唯一的,如果key值重复会导致报错,影响页面渲染卡顿。出问题的代码 <el-col :span="1" v-for="(one,i...原创 2019-06-14 15:48:30 · 43934 阅读 · 3 评论 -
vue后台管理系统搭建
软件架构软件架构说明:本项目使用vue框架,写的一个后台管理系统使用说明**项目开始之前,**先安装npm 将taobao作为镜像文件,切换到到cnpm,步骤如下:前提 node.js中已经包含了npm,需要检测npm安装好了没有0. npm -v0.1 npm install npm -g 升级npmnpm i nrm -gnrm lsnrm use taobao||cnp...原创 2019-02-22 09:47:13 · 2096 阅读 · 0 评论 -
vue+js排序方法JavaScript localeCompare() 方法
res.devices_list={device_last_use_date:'111110000' //13位时间戳或者时间格式的时间}res.devices_list.sort((a, b) => b.device_last_use_date.localeCompare(a.device_last_use_date)); //升序或降序注释说明:比较结果的数字。如果 b.de...原创 2019-03-05 11:00:31 · 1930 阅读 · 0 评论 -
vue文字截取方法 :title | filterFun方法过滤
{{aa | filterFun}}// filters:过滤 filters: { filterFun: function(value) { if (value && value.length > 8) { //字符最大长度 value = value.substring(0, 8) + "..."...原创 2019-03-05 11:03:00 · 2242 阅读 · 0 评论 -
vue搜索关键字字体高亮, map映射新数组,replace替换,font字体样式
.then(res => { res.detail.list.map((item,i)=>{ item.smsMsg=this.brightenKeyword(item.smsMsg,this.pagination.content) }) //调用brightenKeyword方法 this.tabl...原创 2019-03-05 11:04:28 · 1218 阅读 · 0 评论 -
app移动端 rem和px的换算
rem.js文件/** * Created by zhaolele on 2018/7/25. */(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recal...原创 2019-03-05 11:06:34 · 1715 阅读 · 0 评论 -
vue修改自带的title属性样式,title属性样式修改办法
1.定义id=‘title’ :data-title=“itemss.contactsCallTime2” 这个值<div class="grid-content1 bg-purple-light" id="title" onmouseover="onMouseHover(event)" onmouseout="onMouseOut()" :data-...原创 2019-03-05 11:07:59 · 25788 阅读 · 1 评论 -
vue列表鼠标滚动翻页(数据量较大,几千万条数据,因此要滚动翻页,为了性能良好,鼠标滚动时发送请求页码page++),网上找不到自己写了一个,
标题 :vue列表鼠标滚动翻页(数据量较大,几千万条数据,因此要滚动翻页,为了性能良好,鼠标滚动时发送请求页码page++),网上找不到自己写了一个,如果用window. 或document.body会导致滚动穿透,导致如果多个页面要用到滚动翻页时,会发送其他页面的ajax或axios1.先在要滚动的div上自定义名称 ref=“scrolltoplist”<div ref="scrol...原创 2019-03-05 11:11:15 · 1270 阅读 · 0 评论 -
一篇业务需求上的数据处理问题--后台API只返回四个字段ABCD,现在数据量较大有20万条,一列上要展示ABCDABCDABCD这么些字段
业务需求详解: 业务需求数据处理-后台API只返回四个字段ABCD,现在数据量较大有20万条,一列上要展示ABCDABCDABCD这么些字段,这时服务端他不会给你做处理,只能前端自己处理了,将对象forEach遍历添加到一个新的obj中,当index%30,当index%31时,当index%3==2时分别push存储到obj对象中使用框架为vue .then(res => { ...原创 2019-03-05 11:13:03 · 467 阅读 · 0 评论 -
时间格式的转换,时间戳转日期-年月日时分秒
//时间转换dateLong2String(time) { var date = new Date(time); var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); let h = date.getHours(); h = h < 10 ?...原创 2019-03-05 11:13:38 · 1456 阅读 · 0 评论 -
截取当前数据到小数点后两位,三位等
dateLong2String(value) { // 截取当前数据到小数点后三位 let transformVal = Number(value).toFixed(3); let realVal = transformVal.substring(0, transformVal.length - 1); // num.toFixed(3)获取的是字符串 ...原创 2019-03-05 11:13:57 · 1992 阅读 · 0 评论 -
先加载完数据,再加载页面
答:先false隐藏,再一步回调中显示原创 2019-03-05 11:14:21 · 3675 阅读 · 1 评论 -
vue移动appUI框架搭建-选取mintUI
搭建了一下mintUI,使用时vue2.0 ,mintUI本身挺好用的,但是很久没人维护了,所有仅仅搭建了UI。后来又用vue3.0,选取vantUI搭建了一套移动app框架。我会详细写一下vue3.0,选取vantUI搭建的系统。敬请期待~项目开始预备vue-cli脚手架工具 npm install vue-cli -g 下载全局脚手架 vue init webp...原创 2019-03-18 12:31:03 · 799 阅读 · 0 评论 -
解决vue+axios请求报错POST http: net::ERR_CONNECTION_REFUSED,在封装的请求中统一处理请求异常的问题
0.先写如何封装 axios请求 import axios from 'axios' import qs from 'qs' import { Message } from 'element-ui' //post请求 export const post = (url, data = {}) =&amp;amp;gt; { r...原创 2019-03-18 14:13:19 · 40506 阅读 · 0 评论 -
前端小小开张
大大小小写了好几个项目,有web后台管理系统,H5 移动app页面,简单的小程序。第一年主要用bootstrap,jquery,ajax来写业务.第二第三年主要用VUE,es5,6,UI框架采用elementUI,mintUI,MUI,iview来写业务。说的比较简要,慢慢更新中,开始更新工作中开发主要的过程,如项目搭建,公共组件的提取,业务中遇到数据的处理方法。。巴拉巴拉等等。。路漫漫其...原创 2019-02-21 16:47:11 · 124 阅读 · 0 评论