- 博客(17)
- 收藏
- 关注
RSS订阅原创 for，for of 和 for in中断循环的问题
for，for of 和 for in都可以识别到continue和break，并且在break后中断循环不能使用returnfor通过遍历数组元素的索引，获得对应的数组值 var array = [1,2] for(var i=0;i<array.length;i++) { if (array[i] === 1) { break; // continue; // return fal
2022-03-08 10:43:09
3167
原创 vue项目node编译内存溢出
1，修改package.json文件添加一行指令 “fix-memory-limit”: “cross-env LIMIT=4096 increase-memory-limit”2，npm安装 increase-memory-limit 和cross-envnpm install --save-dev increase-memory-limit cross-env3，执行命令行 npm run fix-memory-limit4，启动项目 npm run dev(执行你自己的项目命令)注意：
2021-06-04 16:56:13
1461
4
原创 watch，computed，methods的比较&updated
watchdata: { firstName: 'Foo', lastName: 'Bar', fullName: 'Foo Bar'},watch: { firstName: function (val) { this.fullName = val + ' ' + this.lastName }, lastName: function (v...
2020-12-21 20:14:52
4
原创 关于使用require加载动态路径的图片
<img v-for="(el,index) in list :src="el.img_url" :key="index" />//处理图片路径this.list.forEach(el=>{ let img = null; try { img = require('@/assets/images/'+el.img_name+'.png') } catch (err) {//图片不存在则使用默认的图片 img = require('@/
2020-10-10 16:51:35
3345
原创 js判断对象是不是数组
单纯记录几个方法1.typeof使用typeof需要注意的是，在判断数组和null时都会判读为object对象；使用方法就是直接 ：typeof 需要判断的数据。2.instanceofinstanceof是监测对象的原型链是否指向构造函数的prototype对象；使用方法 ：arr instancef Array，判断arr是不是数组。3.查看constructor属性对象有原型链，所以看他的constructor属性也是可以判断是不是数组使用方法：console.log(arr.con
2020-06-16 17:51:28
420
原创 前端js语言获取数组中的最大值
一般最先想到的可能就是遍历排序，但是在es6中有新的方法供我们快捷开发。for循环let max = []for (let i = 0; i < arr.length - 1; i++) { max = max < arr[i+1] ? arr[i+1] : max}数组方法sort()arr.sort((num1, num2) => { return num1 - num2 < 0})arr[0]数组方法reduce() arr.r
2020-06-16 17:20:07
1511
原创 vue父子组件之间的基本传值问题
首先是在父组件中引入子组件并挂载组件import child from './child';components: { child}//在父组件中使用<child />父组件调用子组件的函数方法<child ref="child" />//在父组件中调用子组件方法,直接获取子组件元素调用this.$refs['child'].childFunc()子组件调用父组件的函数方法<child ref="child" @parentFunc='paren
2020-06-06 11:02:48
287
原创 WebSocket在Client的基本使用
Websocket是一种网络通信协议，建立浏览器和服务器双向互通的渠道实现实时数据传输，解决了轮询的鸡肋。//new一个websocket实例，即打开连接const ws = new WebSocket('ws://localhost:8080/可以带请求参数');//ws的基本回调函数ws.onopen = function(){};//连接成功ws.onerror = function(){};//连接出现错误ws.onmessage = function(event){ console.l
2020-06-03 10:12:14
4194
原创 vue+element使用vue-i18n实现国际化，包括element中组件的国际化
安装vue-i18nnpm install vue-i18n在main.js同级目录建立如下i18n文件夹，此处只演示中英文，如需其他语言同理新增相应语言js文件夹和element的语言包并配置好即可。cn.js中文件内容：//cn.jsimport zhLocale from 'element-ui/lib/locale/lang/zh-CN' //element组件中文语言包const cn = { index:{ 'title':'中文', },
2020-05-28 16:03:19
1661
原创 vue中使用NProgress
NProgress是一个放在浏览器顶部的进度条NProgress官网安装$ npm install --save nprogress 或者$ yarn add nprogress用法NProgress.start();NProgress.done();在router中使用import NProgress from 'nprogress' // 引入import 'nprogr...
2020-05-06 09:47:51
640
原创 解决ie浏览器不能实时调取接口更新数据的问题
清除axios缓存机制// 清除axios缓存机制，为了兼容ie浏览器的缓存问题axios.defaults.headers.get['Pragma'] = 'no-cache';axios.defaults.headers.get['Cache-Control'] = 'no-cache, no-store'; 或者给每次请求的url拼接一个时间戳以区分，以此解决缓存问题...
2020-03-18 14:07:34
258
原创 js获取后端返回文件流下载文件至本地 / 通过访问指定路径直接从服务器下载文件
exportCheckBill(obj) .then(response => { // 处理请求返回的文件流 const content = response; const blob = new Blob([content]); const fileName = `文件名.xlsx`; ...
2020-03-10 10:44:54
8992
5
原创 使用element中的el-upload获取本地文件并转为base64码实现预览
页面结构，其中有其他属性需要设置可前往element查看<el-upload class="avatar-uploader" ref="upload" action="#" :show-file-list="false" :before-upload="beforeUpload" :on-success="handleC...
2020-03-06 14:03:26
7464
原创 vue实现pc端调取本地摄像头拍照功能
页面结构<div class="camera_outer"> <video id="videoCamera" :width="videoWidth" :height="videoHeight" autoplay></video> <canvas style="display:none;" id="canvasCamera" :width...
2020-03-06 13:42:27
11624
25
原创 使用vscode，建立vue模板
## 建立vue基本模板，输入vue并按下tab后快速生成设置的模板代码以方便vue项目开发1.点击上方工具栏-文件2.找到首选项并点击3.点击用户代码片段4.搜索vue并选择vue5.将下列代码复制进去，注意外层{}需保留，复制代码后保存文件即可实现"Print to console": { "prefix": "vue", "body": [ "<templat...
2020-03-05 14:04:36
387
原创 关于终端适配问题
##移动端适配移动端主要是利用媒体查询和弹性布局在页面中得元素大小这一块主要是利用了rem布局rem布局是通过设置html的字体大小来改变页面中的元素大小，为了提高开发效率建议使用less或者sass插件。页面中的图片大小建议使用流式布局，宽度100%高度自适应以保持图片原始比例。在开发过程中一般还是混合式的开发。##响应式布局如果需要兼容到移动端和pc端一起的话使用响应式布局。p...
2019-06-09 19:31:38
1575
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人