- 博客(28)
- 收藏
- 关注
RSS订阅
原创 前端面试笔记vue
路由器对象，用于管理路由，包含 push、replace、go、back、forward、currentRoute、beforeEach、afterEach路由属性和方法。：在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM。1、组件绑定，props取值（不可修改，优：传子方便，缺：不能传孙）2、直接获取（dom不可直接使用，优：可修改，缺：复杂，不常用）2、直接获取 （dom可直接使用，可修改，缺：复杂）
2024-04-16 14:10:45
680
原创 vue项目迁移到electron-vue实操记录（serialport 串口获取）
前提：有正常可以运行的vue项目，安装了electron-vue新建一个简单的electron-vue项目vue init simulatedgreg/electron-vue pay-store-clientvue init simulatedgreg/electron-vue my-project把原有项目package.json的dependencies，devDependencie...
2018-12-20 19:43:35
5736
4
原创 Vue element 日期选择器 el-date-picker自定义可选范围
需求：防止时间范围内的查询到数据过多，希望设置最大可选一周的是时间范围完成效果：见下图查看官方文档，disabledDate中，time.getTime() 的范围既是禁用的时间范围pickerOptions: { disabledDate(time) { return time.getTime() > Date.now(); },}知道了怎么禁...
2018-12-08 16:04:44
19770
6
原创 js获取USB扫码枪数据
前言找了很多相关的教程不太好用，汲取各家之长总结精简了一下原理扫码枪扫描到的条形码每一位会触发一次onkeydown事件 比如扫描条码位‘1234567890’的条形码，会连续执行10次onkeydown事件条码扫描到最后一位，会直接触发Enter代码需要引入jQuery，我这里用的是vue框架，使用可按需修改方法that.data部分window.onlo...
2018-08-22 15:46:58
19236
13
原创 一个ts相关简单的笔试题
新建一个类CartItem，作为calculateTotalPrice函数的参数类型，支持传入三种结构的数据，返回购物车中商品的总价。
2024-05-15 19:30:56
113
原创 ps【瘦脸】【去双下巴】
1、标准开头复制背景图层2、滤镜->液化，新版本ps（我用的v24.4.1）会弹出液化窗口，可自动识别人脸轮廓，根据需求直接上手调就可以。
2023-05-13 22:13:09
670
原创 接口返回文件流，转为blob和file对象
let url = '' //接口地址// 先把文件流地址转为blob类型var request = new XMLHttpRequest();request.open('GET', url, true);request.responseType = 'blob';request.onload = function(res) { // 把blob转为File类型 const file = new window.File( [res.currentTarget.response]
2021-08-17 16:02:00
2769
原创 使用less实现vue项目的主题切换
1.在vue.config.js配置lessmodifyVars里面可以定义多个变量 css: { loaderOptions: { less: { modifyVars: { /* less 变量覆盖，用于自定义主题 */ 'primary-color': '#338DDE', 'handle-color': '#338DDE' }, javascriptEna
2021-05-28 17:57:16
1935
原创 vuex配置 和 vuex-class使用
配置一般配置，举一个例子//mutation-types.tsexport const SET_USERID = "SET_USERID";//state.tsexport default { userId: "",};//mutations.tsimport * as types from "./mutation-types";export default { [types.SET_USERID](state: any, data: any) { state.user
2020-08-05 13:15:14
2162
原创 创建一个vue3.0-beta版本的项目
vue create vue3cd vue3vue add vue-nextnpm run serve 完成
2020-06-11 14:59:13
447
原创 非关系型数据库-MongoDB基本使用（常用命令）
MongoDB配置：安装和配置教程请看这里命令行不方便查看，有可视化工具：这里下载常用命令：启动Mongo服务：net start MongoDB关闭Mongo服务：net stop MongoDB注意：以下命令需启动服务后才可执行连接本地Mongo服务：mongo查询所有数据库：show dbs进入数据库：use 库名（如不存在，会自动创建）当前数据库：db当前数...
2020-02-12 15:46:03
265
1
原创 前端实现excel导出
excel导出<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale...
2019-11-04 11:04:33
680
3
原创 (a==1&&a==2&&a==3)的实现和原理
阿里有道前端面试题，有很多解答帖，扫除了一些知识盲点，下面做一下梳理题目如下：//a为何值时，输出1let a = ?;if(a==1 && a==2 && a==3){ console.log(1);}答案：let a = { _num:0, valueOf:function(){ return this._num += 1;...
2019-07-11 18:05:16
466
原创 vue项目build之后页面问题(页面空白,图片异常)
页面空白找到项目的config目录下的index.js把build对象下的assetsPublicPath改成‘./’build: { assetsPublicPath: './',}图片记载不出来1.针对src/style和.vue文件下的图片资源路径问题找到项目的build目录下的utils.js找到下面代码段，新增publicPath: '../../'retur...
2019-06-12 09:00:38
1867
原创 elementUI-tree使用(带复选框)
渲染数据<el-tree ref="tree" node-key="id" :data="data" :props="defaultProps" :show-checkbox="true" :default-checked-keys="defaultKey" @check="handleCheckChange"><...
2019-05-29 15:59:24
4692
原创 elementUI-table使用(带复选框)
渲染数据<el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column prop="name" label="姓名" widt...
2019-05-29 15:17:16
8080
3
原创 Vue表格复用，报错"TypeError: _self.$scopedSlots.default is not a function"
场景：单页面做可切换的多报表展示如图：每个报表战术展示不同的数据项，需要岁随select的切换，复用对应的table这样写会报错，并且切换后的table选项没有达到预期效果&amp;amp;amp;amp;lt;el-main style=&amp;amp;amp;quot;padding:10px;overflow-y:hidden&amp;amp;amp;quot;&amp;amp;amp;amp;gt; &a
2018-11-15 12:00:35
2530
原创 vue命令:onerror设置<img>加载失败的默认图片
<img :src="goodsItem.thumb_url?goodsItem.thumb_url:'/src/assets/logo.png'" :onerror="errorGoodsImg">export default { data(){ return { errorGoodsImg:"this.src='/src/assets/l...
2018-11-12 11:31:50
8412
原创 Element input Vue修改数据视图没有更新，和（json、数组监听的坑）
需求：输入框输入范围0-10，不符合要求的被替换成上次输入的值<el-input style="width:90px;" v-model="setupData.returnCD" placeholder="停留时间"></el-input><span>s（0-10秒）</span>坑1（json、数组监听 新值==旧值）1，监听
2018-11-08 09:57:14
9389
2
原创 不想要 password 浏览器补全输入框信息
问题：1.输入框获取焦点会弹出浏览器保存的账号列表2.页面同时存在文本和密码输入框是，自动填充账号信息解决方案：在password输入框前加入隐藏密码框要点1：务必隐藏的输入框放前面要点2：隐藏输入框必须加上属性 name=“password”要点3：隐藏输入框一定不要属性 name=“password”，只需要 type=“password”&lt;input name="p...
2018-11-05 14:33:20
439
原创 vue页面params传值的坑
a.vue向b.vue传值a.vuethis.$router.push({ path: '/payType', query: { putUpList: this.putUpList, name:'111' }, params:{ cartList: this.cartList, totalM...
2018-08-27 10:03:04
30839
原创 vue项目，修改单项数据出现联动问题
场景：收银系统，把相同商品加入购物车，调整一项的数量，会干扰其他项的数据；原因：js直接赋值属于浅拷贝，只能拷贝对象的内存地址（导致修改任一项的数据会同步改变其他项）。实现深拷贝的方法：1、ES6let goods = {...}let curGoods = Object.assign({},goods);2、JSON转换let goods = {...}l...
2018-08-27 09:32:29
1259
原创 Vue页面跳转保留数据
直接上代码const router = new VueRouter({ // 2. 定义路由 routes:[{ path: '/cashier', component: Page1, meta: { keepAlive: true // 需要被缓存 } },{ path: '/Page2', co...
2018-08-23 20:28:05
11836
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人