JS
燃烧的小煤球~
一个热爱前端行业的程序员。
展开
-
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 · 347 阅读 · 0 评论 -
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 · 284 阅读 · 0 评论 -
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 · 235 阅读 · 0 评论 -
JavaScript 执行机制
javascript是一门单线程语言, 既然js是单线程,那就像只有一个窗口的银行,客户需要排队一个一个办理业务,同理js任务也要一个一个顺序执行。 同步任务 异步任务 同步和异步任务分别进入不同的执行"场所",同步的进入主线程,异步的进入Event Table并注册函数。 当指定的事情完成时,Event Table会将这个函数移入Event Queue。 主线程内的任务执行完毕为空,会去Event Queue读取对应的函数,进入主线程执行。...原创 2021-02-04 16:54:05 · 112 阅读 · 0 评论 -
数组小方法(不定期更新,自己用的,好记性不如烂笔头)
记着什么写什么,不是看着什么写什么,写一堆笔记不会用说老罗呢?开始吧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 · 230 阅读 · 0 评论 -
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 · 662 阅读 · 0 评论 -
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 · 210 阅读 · 0 评论 -
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 · 161 阅读 · 0 评论 -
网页监控,埋点
https://juejin.im/post/6891080391642316808原文前端监控的目的:获取用户行为以及跟踪产品在用户端的使用情况,并以监控数据为基础,指明产品优化的方向。前端监控可以分为三类:数据监控、性能监控和异常监控。数据监控数据监控,就是监听用户的行为性能监控性能监控指的是监听前端的性能,主要包括监听网页或者说产品在用户端的体验异常监控由于产品的前端代码在执行过程中也会发生异常,因此需要引入异常监控前端埋点我们说完了前端监控的三个分类,..原创 2020-11-05 11:43:39 · 398 阅读 · 1 评论 -
一个随机生成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 · 540 阅读 · 0 评论 -
使用vue的router-view做点击加载不同页面
别什么看不懂,很简单的。因为是做点击切换,所以带了参数路由文件目录列表原创 2020-04-10 10:35:12 · 878 阅读 · 0 评论 -
vue中Promise和async await的实际运用
原因是这样的。在vue文件中当时想着很多页面公用一个方法,并且实行多元化使用。在抽取方法的同时,在最后返回到页面上时,出现了console.log有值,但是页面上却没有的现象,所以判断出是同步异步的问题API数据import fetch from '@/utils/fetch'// 获取Sectionexport function getSection(id,lcid) ...原创 2020-03-31 19:01:27 · 1624 阅读 · 0 评论 -
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 · 960 阅读 · 0 评论 -
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 · 4340 阅读 · 0 评论 -
vue中的history和hash
参考文档(技术博客支持原创作者分享,尊重别人的劳动成果)此文档为技术总结,不属于该UP主原创https://blog.csdn.net/lyn1772671980/article/details/80804419https://www.jb51.net/article/143923.htmhttps://router.vuejs.org/zh/guide/essentials/hist...原创 2019-03-20 12:09:04 · 13503 阅读 · 1 评论 -
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 · 161 阅读 · 0 评论 -
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 · 294 阅读 · 0 评论 -
gulp教程
相信大家一定听说过gulp或者webpack,grunt等前端构建工具。gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用它,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。它能自动化地完成javascript/coffee/sass/less/html/image/css 等...转载 2018-06-27 15:24:15 · 211 阅读 · 0 评论 -
Vue时间日期倒计时组件
嘤嘤嘤。先说是借鉴别人的,有自己的改动样式,因为项目需要。多说几次,借鉴。借鉴。借鉴。。。。。(ios不认横杠—— 自己做个兼容写成/斜杠,兼容方式就不说了,转换就好了,判断是不是ios看我其他博文)当前文件请开一个新的vue页面保存,作为组件试用<template> <p>{{time}}</p></template>...原创 2018-08-22 12:44:05 · 8030 阅读 · 2 评论 -
页面加载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 · 2720 阅读 · 0 评论 -
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 · 5226 阅读 · 0 评论 -
VUE中修改关键字
网站修改关键字有利于搜索引擎查找直接在index.html文件夹中修改首页然后是修改其他页面再者是点击切换板块,在此说明一下,vue是数据双向绑定,MVVM模式,所以不用像原来写页面一样,有时候一个页面写完只需要切换数据而不需要切换页面,所以当数据改变的时候,同时也改变关键词...原创 2019-03-20 11:30:57 · 1001 阅读 · 0 评论