![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
失岸
这个作者很懒,什么都没留下…
展开
-
element-plus el-table组件表格自动滚动 vue3
element-plus el-table 表格自动滚动 vue3原创 2022-06-16 19:25:33 · 6027 阅读 · 7 评论 -
极简但是很全的vue3+vite+pinia项目模板,开箱即用
极简vue3+vite+pinia项目模板原创 2022-05-27 11:12:02 · 4218 阅读 · 1 评论 -
vite-vue3-template,一套极简vue3项目模板
主要功能:1.layout布局2.router,vuex,axios,封装3.element-ui plus 部分组件二次封装其他功能不定时更新...线上地址:Vite AppGitHub:https://github.com/jimoruyan/vite-vue3-templategitee:windmoon/vite-vue3-temptale...原创 2021-12-22 16:31:08 · 6025 阅读 · 1 评论 -
element-plus/icons 批量注册,菜单路由icon图标设置
之前使用class的方式设置菜单图标,element plus 后面替换svg icon后不支持font icon,文档没有批量引入的方法,只能用一个引入一个,下面一次将所有的icon引入,批量注册后可直接在页面的任何地方使用。原创 2021-11-19 16:52:16 · 1635 阅读 · 0 评论 -
数字改变滑动动画,element table数据更新动画
数字在更新时,有一个向上滑动的动画 使用vue watch监听,有一个新值和一个旧值 两个值纵向排列 ,使用定位将该div向上移动 watch监听对象时,新旧值相等,需要搭配计算属性一起使用 <div class="animation"> <span>{{ oldInfo.alarm}}</span> <span>{{ info.alarm}}</span></div> data() { r原创 2021-02-22 20:57:46 · 1708 阅读 · 0 评论 -
uniapp+微信小程序云函数获取微信openId
1.uniapp中App.vue文件中写获取openId的方法 onLaunch: function() { console.log('App Launch'); // 第一步:初始化微信云函数 wx.cloud.init({ env: 'test-2gt0mbv78a4941aa', // 打开微信云开发控制平台,右上角点击[设置] - [环境设置] traceUser: true }), // 第二步:获取用户的openid wx.clo原创 2020-10-20 20:27:32 · 1907 阅读 · 1 评论 -
blob,token验证文件下载方法封装
项目中遇到需要文件下载的功能,使用window.open方式在新页面打开链接下载,但是新页面无法传递token信息,于是让后台关闭token验证。const exportUserUrl = `${_baseUrl}/sys/user/exportUser`;export const exportUserApi = function (json) { let data = `?areaId=${json.areaId}&areaType=${json.areaType}&id=$.原创 2020-10-09 14:35:37 · 391 阅读 · 0 评论 -
js switch case 范围表示
function test(item) { switch (true) { case item>= 0 && item<= 24: return 1 case item>= 25 && item<= 49: return 2 case item>= 50 && item<= 74: return ...原创 2020-08-24 16:23:55 · 4132 阅读 · 1 评论 -
js节流与防抖
//防抖 function debounce(fn, delay) { let timer = null; return function () { if (timer) { clearInterval(timer) } timer = setTimeout(fn, delay) } } //节流 function throttle(fn, delay) { let flag = true; return function () { if (!f.原创 2020-07-22 09:19:19 · 98 阅读 · 0 评论 -
给定一个整数数组 nums ,找出数组中乘积最大的连续子数组,并返回该子数组所对应的乘积。
示例1:输入:[2,3,-2,4]输出:6解释:子数组[2,3]有最大乘积6。示例2:输入:[-2,0,-1]输出:0解释:结果不能为2,因为[-2,-1]不是子数组。var maxProduct = (nums) => { let res = nums[0] let...原创 2020-07-09 09:42:04 · 2386 阅读 · 0 评论 -
定一个非空整数数组,除了某个元素只出现一次以外,其余每个元素均出现两次。找出那个只出现了一次的元素
示例1:输入:[2,2,1]输出:1示例2:输入:[4,1,2,1,2]输出:4 var singleNumber = function (nums) { let ans = 0; for (const num of nums) { ans ^= num; console.log(...原创 2020-07-08 09:33:58 · 946 阅读 · 0 评论 -
斐波那契数列,动态规划,爬楼梯
假设你正在爬楼梯。需要n阶你才能到达楼顶。每次你可以爬1或2个台阶。你有多少种不同的方法可以爬到楼顶呢?注意:给定n是一个正整数。 // 第一种思路 // 如果观察数学规律,可知本题是斐波那契数列,那么用斐波那契数列的公式即可解决问题 var climbStairs = function (n) { const sqrt_5 = Math.sqrt(5); ...原创 2020-07-03 11:42:53 · 232 阅读 · 0 评论 -
div转图片,转base64
使用html2canvas工具地址:http://html2canvas.hertzen.com/1.安装html2canvasnpm install --save html2canvasyarn add html2canvas或者引入html2canvas.js文件2.引入方法后,直接调用html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChi原创 2020-06-30 16:09:34 · 1689 阅读 · 0 评论 -
Vue代码规范,原理,性能优化,面试题
1.Vue代码规范https://juejin.im/post/5b67e49551882508603d1431https://cn.vuejs.org/v2/style-guide/index.html2.Vue原理https://zhuanlan.zhihu.com/p/1381144293.Vue性能优化https://mp.weixin.qq.com/s/Q7YPgruUsJX_IQATAysQDA4.Vue面试题https://zhuanlan.zhihu.com/原创 2020-06-23 11:13:29 · 354 阅读 · 0 评论 -
使用leaflet画椭圆,弧线,根据起点经纬度,速度,时间,方向,计算终点经纬度。
源码地址:https://github.com/jimoruyan/leetcode/blob/master/demo/%E6%B1%A1%E6%9F%93%E6%89%A9%E6%95%A3%E7%AE%97%E6%B3%95.html算法背景:公司需要一个模型,求污染扩散的面积,给出起始的经纬度坐标,风速,风向,时间,根据这四个参数画出一个椭圆扩散的图形,起点到中间位置为重污染红色,中间位置到3/4位置为中污染黄色,3/4位置到终点为轻污染绿色。效果图:总体思路 destinati原创 2020-06-19 10:36:47 · 2966 阅读 · 0 评论 -
Webpack入门,优化,面试,原理
1.入门Webpack,看这篇就够了https://www.jianshu.com/p/42e11515c10f#2.Webpack面试题https://zhuanlan.zhihu.com/p/444388443.webpack性能优化https://segmentfault.com/a/11900000158833784.webpack原理https://www.cnblogs.com/chengxs/p/11022842.htmlhttps://segmentfault原创 2020-06-17 16:25:39 · 228 阅读 · 0 评论 -
javascript——原型与原型链,constructor
一、prototype在JavaScript中,每个函数都有一个prototype属性,这个属性指向函数的原型对象。例如:function Person(age) { this.age = age }Person.prototype.name = 'kavin'var person1 = new Person()var person2 = new Person()console.log(person1.name) //kavinconsole.log(perso转载 2020-06-10 17:29:50 · 1049 阅读 · 1 评论 -
javascript函数式编程(函数柯里化,惰性函数,递归,纯函数)
1.传递给函数一部分参数来调用它,让他返回一个函数去处理剩下的函数。//柯里化之前 function add(x, y) { return x + y } add(1, 2)//3//柯里化之后 function addX(y) { return function (x) { return x + y } }原创 2020-06-03 17:20:25 · 337 阅读 · 0 评论 -
Array.from(),map()
Array.from()方法从一个类似数组或可迭代对象中创建一个新的,浅拷贝的数组实例。创建一个长度为10,值为undefined的数组 var a = Array.from({length:10})该方法一共有三个参数object 必需,要转换为数组的对象。 mapFunction 可选,数组中每个元素要调用的函数。 thisValue 可选,映...原创 2020-01-12 14:33:57 · 3210 阅读 · 0 评论 -
Object.defineProperty
ES5规范开始后续版本的迭代,也在致力于做一件事,就是把js底层已有的功能,提供给开发者使用。Object.defineProperty就是其中一个,此方法会可直接在一个对象上定义一个新的具有详细描述的属性,或者修改一个对象的现有属性,并返回这个对象。 // Object.defineProperty(对象,属性,描述符) // 描述符对 对象的属性进行详细的描述: ...原创 2020-01-09 12:10:25 · 203 阅读 · 0 评论 -
随机生成整数,然后删除掉里面的偶数
function getRandomNumber(n) { var arr = []; //获取随机数 for (var i = 0; i < n; i++) { var number = Math.floor(Math.random() * 100); ...原创 2020-01-08 11:15:45 · 1293 阅读 · 0 评论 -
事件处理模型,事件冒泡、捕获、委托
1、事件冒泡: 结构上(非视觉上)嵌套关系的元素,会存在事件冒泡的功能,即同一事件,自子元素冒泡向父元素(自底向上)<style> .wrapper { width: 300px; height: 300px; background-color: red; } .content{ width: 200px; height: 200px;...原创 2019-12-30 10:54:05 · 170 阅读 · 0 评论 -
arguments对象,手写数组push方法
Javascrip中每个函数都会有一个Arguments对象实例arguments,它引用着函数的实参,可以用数组下标的方式"[]"引用arguments的元素。function computed() { console.log(arguments) } computed(1, 2, 3) // Arguments(3)[1, 2, 3, callee: ƒ, Symbol...原创 2019-12-29 09:32:46 · 613 阅读 · 0 评论 -
js数组sort排序方法
sort() 方法用于对数组的元素进行排序,是按照字符编码的顺序进行排序,会改变原数组的值,所以如果直接使用,可能无法达到我们想要的效果。var arr1 = [99, 87, 45, 2, 1, 6, 78, 9]; arr1.sort(); console.log(arr1)//[1, 2, 45, 6, 78, 87, 9, 99]但该方法提供了一个...原创 2019-12-28 10:03:57 · 1848 阅读 · 0 评论 -
js的深克隆与浅克隆
1.浅克隆直接将存储在栈中的值赋值给对应变量,如果是基本数据类型,则直接赋值对应的值,如果是引用类型,则赋值的是地址。function clone(Origin,Target){ var Target = Target || {} for(var prop in Origin){ Target[prop] = Origin[prop...原创 2019-12-27 09:51:02 · 177 阅读 · 0 评论 -
原生JS封装AJAX
1.实现过程//https://www.w3school.com.cn/ajax/index.asp//1、创建ajax对象//2、ajax.open(method,url,true)//3、ajax.send();//4、onreadystatechange4//5、sta...原创 2019-12-26 11:08:59 · 170 阅读 · 0 评论 -
js继承的几种方式及圣杯模式
1.原型链继承functionGrand(){}Grand.prototype.lastName='hiahia';vargrand=newGrand()functionFather(){this.name='hehe'}Father.proto...原创 2019-12-25 23:50:22 · 254 阅读 · 0 评论