- 博客(41)
- 收藏
- 关注
RSS订阅原创 el-table的expand下动态生成el-checkbox的动态model
上图看成品多个checkbox，这时候绑定的v-model就有问题思路创建一个对象，动态的给里面添加数组在data中定义一个chooseBox:{},然后写入方法for(let item in this.systemList){ this.$set(this.chooseBox, item, [])}通过点击行+checkbox就可以绑定上当前点开的值了...
2021-03-31 11:47:08
392
原创 JS看到的一些小东西
字符串中出现最多的字符let str = "zouqingzouzouz"let obj = {}for (let i = 0;i<str.length;i++) {let char = str.charAt(i)if(obj[char]){obj[char]++; }else｛obj[char] = 1｝}let max = 0let maxChar = ''for(let key in obj ){if(ma...
2021-02-04 16:56:57
313
原创 JS临时死区
临时死区语义禁止在变量声明之前访问它。它加强了顺序:在声明之前不要使用任何东西// 无法工作pi; // throws `ReferenceError`const pi = 3.14;---------------------------------------------------const pi = 3.14;// Works!pi; // => 3.14let const 执行都会报错 var会赋值为undefinedTDZ 是影...
2021-02-04 16:55:23
266
原创 JavaScript 执行机制
javascript是一门单线程语言， 既然js是单线程，那就像只有一个窗口的银行，客户需要排队一个一个办理业务，同理js任务也要一个一个顺序执行。 同步任务 异步任务 同步和异步任务分别进入不同的执行"场所"，同步的进入主线程，异步的进入Event Table并注册函数。 当指定的事情完成时，Event Table会将这个函数移入Event Queue。 主线程内的任务执行完毕为空，会去Event Queue读取对应的函数，进入主线程执行。...
2021-02-04 16:54:05
134
原创 JS版本 bd09坐标转wgs84、国测局坐标
/** * @原算法 https://www.jianshu.com/p/57ca061f3987 * @根据该作者的修改成JS版的 * @time 2019-7-17 09:58:42 * @description bd09 转WGS84,精准度高 * */var CoordinateUtil = { x_pi: 3.14159265358979324 * 3000.0 / 180.0, //pai pi: 3.1415926535897932384626, .
2020-12-25 17:16:56
771
原创 vue导出excel(只能做单一表格)
1.安装插件npm install vue-json-excel2.main.js 引入import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)3.直接在页面中使用download-excel标签<download-excel class = "export-excel-wrapper":data = "需要导出的文件jsondata" :fields = "表...
2020-12-23 10:56:17
233
原创 VUEX随记
Vuex主要作用是一个数据仓库，管理的是状态。可以存储数据，使得该项目下所有的页面可以访问该仓库中的数据或方法这里前提需要搭建一个vue项目，并且有一个组件Count.vue,通过vue-router可以跳转到该组件，具体实现这里不再赘述一、安装Vuex，初体验npm i vuex -S复制代码在 src 目录下新建一个文件夹 vuex , 在该目录下新建一个 store.js , 然后写入如下代码import Vue from 'vue' ...
2020-11-06 10:14:53
183
原创 网页监控,埋点
https://juejin.im/post/6891080391642316808原文前端监控的目的：获取用户行为以及跟踪产品在用户端的使用情况，并以监控数据为基础，指明产品优化的方向。前端监控可以分为三类：数据监控、性能监控和异常监控。数据监控数据监控，就是监听用户的行为性能监控性能监控指的是监听前端的性能，主要包括监听网页或者说产品在用户端的体验异常监控由于产品的前端代码在执行过程中也会发生异常，因此需要引入异常监控前端埋点我们说完了前端监控的三个分类，..
2020-11-05 11:43:39
430
1
原创 自己来搭一个vue项目
准备npm node cli检查方式 npm -vnode -vvue --versionshift+鼠标右键 打开 powershell如果没权限管理员身份打开powershellset-ExecutionPolicy RemoteSigned选择Yvue create 项目名空格选中这是再问你要不要用history模式 n...
2020-10-28 16:15:45
132
原创 一个随机生成6位数的代码
方法一：var n = 6var str = 'abcdefghijklmnopqrstuvwxyz0123456789'var result = ''for (var i = 0 ;i<n;i++){ result += str[parseInt(Math.random()*(str.length+1))]}方法二：(~~(Math.random()*(1<<24))).toString(16)
2020-10-26 15:45:46
572
原创 数组小方法（不定期更新，自己用的，好记性不如烂笔头）
记着什么写什么，不是看着什么写什么，写一堆笔记不会用说老罗呢？开始吧JavaScriptfindIndex()方法获取数组某一个元素的第一个元素索引位置（蛮抽象哈）<script>var ages = [3, 10, 18, 20];function checkAdult(age) { return age >= 6;}function myFunction() { document.getElementById("demo").innerH...
2020-05-25 10:08:20
249
原创 vue的mixins(个人笔记)
参考链接https://www.cnblogs.com/luguankun/p/10849636.htmlhttps://www.jianshu.com/p/19705ef09354mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改什么时候使用Mixins？页面的风格不用，但是执行的方法和需要的数据类似同一个生命周期，m...
2020-04-20 11:13:09
274
原创 vue中Promise和async await的实际运用
原因是这样的。在vue文件中当时想着很多页面公用一个方法，并且实行多元化使用。在抽取方法的同时，在最后返回到页面上时，出现了console.log有值，但是页面上却没有的现象，所以判断出是同步异步的问题API数据import fetch from '@/utils/fetch'// 获取Sectionexport function getSection(id,lcid) ...
2020-03-31 19:01:27
1671
原创 element表格固定宽高，并且超出部分成省略号和hover全称
<el-table>中添加:row-style="{height:'40px'}":cell-style="{padding:'0px'}":header-cell-style="{background:'#EEEEEE',color:'#4d4d4d'}"<el-table-column>中添加show-overflow-tooltip确定最大...
2020-01-07 15:43:18
997
原创 moment计算2个日期的天数(个人笔记用)
var at = moment(日期时间).format('YYYY-MM-DD')var to = moment(日期时间).format('YYYY-MM-DD')console.log (moment(to).diff(at, 'day'))
2019-12-05 15:58:59
4387
原创 element-ui组件中input等的change事件中传递自定义参数
<el-table v-show="isSwitch==true" :data="distributorArr"部分代码。应该看得懂吧 ：data是绑值<template slot-scope="scope"> <el-select v-model="scope.row.id" multiple filterable ...
2019-06-21 17:53:15
5285
原创 页面加载loading
在store文件下moudules的user.js中配置const user = { state: { loading: false, },mutations: { CLOSE_LOADING: (state) => { state.loading = false }, OPEN_LOADING: (state) => { stat...
2019-05-29 15:46:23
2767
原创 ES6class类的部分理解
属于转载，放在html文件里面方面粘贴来下看https://www.jianshu.com/p/86267fab4878百度上搜到的地址，不知道是不是原地址<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&l...
2019-04-17 16:11:15
316
原创 js的数组排序等常用小方法
var a = [1,2,3,4,6,5,6,7,8,9,0] var b = [8,2,4,9,6,14,6,3,3,9,4,3,2,4,6,8,1,6,2,58,2,54,8] var concatArray = a.concat(b) //数组的方式去重排序求和 arrFrom(concatArray) // 去重 function arrFrom(concatA...
2019-04-17 15:50:22
178
原创 vue中的history和hash
参考文档（技术博客支持原创作者分享，尊重别人的劳动成果）此文档为技术总结，不属于该UP主原创https://blog.youkuaiyun.com/lyn1772671980/article/details/80804419https://www.jb51.net/article/143923.htmhttps://router.vuejs.org/zh/guide/essentials/hist...
2019-03-20 12:09:04
13538
1
原创 VUE中修改关键字
网站修改关键字有利于搜索引擎查找直接在index.html文件夹中修改首页然后是修改其他页面再者是点击切换板块，在此说明一下，vue是数据双向绑定，MVVM模式，所以不用像原来写页面一样，有时候一个页面写完只需要切换数据而不需要切换页面，所以当数据改变的时候，同时也改变关键词...
2019-03-20 11:30:57
1038
原创 iframe嵌套网页去掉嵌套网页的滚动条
#最大的外层{width: 100%;height: 100%;overflow: auto;}/*滚动条整体部分*/#最大的外层::-webkit-scrollbar{ width:0; height:0;}我用的vue 就有个#APP 最大的外层我设置的这个 效果如下...
2019-01-30 17:55:44
3418
2
原创 vue.JS判断ios，安卓，PC操作系统
<template></template><script> import { setCookie, getCookie, delCookie } from "@/utils/auth"; var _this = {} export default { name: "operatingSystem", ...
2019-01-09 10:52:07
5058
原创 VUE—I18n多语言
npm i18 不比比。。。不装你怎么用创建I18文件夹2052的编号为中文，1033是英文，不懂的百度为什么。普通HTML替换{{$t('header.EUR')}}格式router的I18替换创建I18n JS文件，放哪儿都行因为是全局不需要引入在你的router下面的index文件里面还有错误提示和正确提示的。 ...
2019-01-09 10:46:47
186
原创 关于fetch异步传输问题
本文只对博主收藏用，搜到的同学能理解就理解，不做任何技术解释（需要理解的同学自行百度async）例子1：async getBannerImageList() { let bannerImageList = await getBannerListValue(this.language, this.lcid, this.bannerType, this.region) this.ho...
2018-12-14 14:06:24
238
原创 promise取值
因为使用promise取出来的数据的格式为此数据格式，并不能作为参数使用，所以在格式的转换上return new Promise((resolve, reject) => 请求成功以后 我们拿到了这样的数据格式通过返回到页面的数据的方式，值.then(val=>{ this.homeBanner = val})将其还原成我们所需要的...
2018-12-01 19:44:45
5995
转载 vue $set使用
<div id="app">姓名：{{ name }}<br>年龄：{{age}}<br>性别：{{sex}}<br>说明：{{info.content}}</div> data(){ return{ name: "userName", age: '23', explain: {
2018-11-05 17:12:51
184
原创 InputNumber 计数器通过下标拿value
v-for出来的InputNumber 等等等的东西，change里的 @change="test" 是无法传index和value的，通过传index来获取value值@change="userquantity(index)" 这是我项目中用的userquantity(index){ this.updateInSuranceData[index].quantity = thi...
2018-11-05 17:01:22
611
原创 深度拷贝数组对象
this.oldArray= [{},{}]var newArray = []newArray = this.oldArray 的做法是做错的，内存地址指向的同一个地方var newArray = [].concat(JSON.parse(JSON.stringify(this.oldArray)))深度拷贝数组，再操作newArray...
2018-09-29 11:02:21
141
原创 QRCode踩坑记
先去安装官方的QRcode....一定官网的。import QRCode from 'qrcode.vue' // 引入 qrcode () { let qrcode = new QRCode('qrcode', { width: 256, height: 256, // 高度 text: 'your content', // 二维码内容 ...
2018-09-06 09:44:15
9437
原创 CSS3动画
为个人项目使用，仅做参考。没有讲解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body {
2018-09-04 14:25:00
146
原创 checkbox多选框，indeterminate 状态
举个例子。比如选择星期。一周七天2种方法。思密达。。。。第一种带局限性。笨办法，也发出来大家看看（推荐使用第二种）这是方式的值是组件自带的值方式 const cityOptions = ['周一', '周二', '周三', '周四','周五','周六','周天']<template> <div> <el-checkbox :indeter...
2018-08-31 11:55:28
13012
10
原创 关于浏览器input输入框自带屎黄色样式的修改（个人笔记）
就像这个东西。。这是UP的QQ邮箱。。。好心分享东西。别乱搞我啊 嘤嘤嘤。。。。UP一开始习惯F12在elements查找查看了所有没有找到。咦。奇怪了。这个东西浏览器自带的。怎么改呢又不能说不改。需求放那里的。功夫不负有心人。。。但是这个怎么修改。卧槽！！！！不能打钩钩了。突然骚操作就来了。既然是这个属性控制他的颜色。那我重新覆盖掉不就好了吗？？i...
2018-08-30 10:21:42
2745
原创 关于cookies存中文解码的问题
自己在写项目的过程中遇到的坑。上代码=>// 这里是存入cookie//提交用户修改信息pushprofile(jsonData){ pushprofile(jsonData).then(response => {// 直观一点 ，其他代码可能对大家没什么用 ，但是看代码也要联系上下文。看cookie吧 setCookie('realFirstNa...
2018-08-30 09:58:51
851
原创 vue60/30分钟倒计时
废话不多说，收集的，直接粘。原网址我找不到了。这是我自己用在项目里的，略有改动。效果一样的以下是代码<template> <div> <p style="display: inline">00小时{{minute}}分{{second}}秒</p> </div></template>&a
2018-08-24 16:38:16
1783
原创 Vue时间日期倒计时组件
嘤嘤嘤。先说是借鉴别人的，有自己的改动样式，因为项目需要。多说几次，借鉴。借鉴。借鉴。。。。。(ios不认横杠—— 自己做个兼容写成/斜杠，兼容方式就不说了，转换就好了，判断是不是ios看我其他博文)当前文件请开一个新的vue页面保存，作为组件试用<template> <p>{{time}}</p></template>...
2018-08-22 12:44:05
8074
2
原创 VUE的饿了么组件实现批量删除
批量删除不是很好做吗？对 是很好做。但是对于新手来说，还是需要一点时间去理解因为，饿了么的多选checkbox只有一行。。。那么怎么取值呢？对。有一个方法handleSelectionChange (val) { //val 为选中数据的集合 this.multipleSelection = val}没错。就是它废话不多说，上代码<el-table ref="multipleTab...
2018-06-27 16:57:55
2464
原创 sql提示mysql 1042 can't get hosttname for your address解决办法
UP当初遇到这个问题的时候，都快原地爆炸了，网上各种搜索，查看文件，还好慢慢摸索，发现。。。。。Tm简直简单的想。。。。解决办法：
2018-06-27 16:53:15
377
转载 gulp教程
相信大家一定听说过gulp或者webpack，grunt等前端构建工具。gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用它，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。它能自动化地完成javascript/coffee/sass/less/html/image/css 等...
2018-06-27 15:24:15
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人