![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
百事可口
我们都在奔赴各自不同的人生
展开
-
angular框架表格自定义导出,ui组件库为【devExpress by devExtreme】导出插件为exceljs、file-saver
注意这里引入Workbook会报错,所以换了种引入方法引入exceljs.min.js,见下面代码。引入好了之后 表格正常写 html 伪代码如下。这个回调函数里写你的逻辑 具体配置项详见文档。直接npm 或者yarn安装即可。如下,需要结合你自己的业务来。原创 2023-02-24 18:10:27 · 1117 阅读 · 0 评论 -
js处理数据【2】:ant的穿梭框在进行搜索时保留原有已选择去右侧的数据并做去重过滤(数组中根据对象的字段去重)
使用ant-design穿梭框点击查询后的JS数据处理原创 2022-10-18 11:10:34 · 1019 阅读 · 4 评论 -
一览JavaScript模块化 包含Commonjs、AMD、CMD、ES6 modules总结
ES6 模块的设计思想是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。CommonJS模块的加载机制是,输入的是被输出的值的拷贝。在ES6中,我们可以使用 import 关键字引入模块,通过 exprot 关键字导出模块,功能较之于前几个方案更为强大,也是目前所推崇的,require命令的基本功能是,读入并执行一个JavaScript文件,然后返回该模块的exports对象。,使用它导出后,在import的时候,不需要加上{},模块名字可以随意起。es6在导出的时候有一个默认导出,.原创 2022-08-09 15:21:07 · 611 阅读 · 0 评论 -
vue+nodejs+mysql宝塔面板的部署与使用发布到服务器(原创详细版)
前置条件:1.云服务器(阿里云,腾讯云都行)2.域名 (没有就用服务器公网ip访问)3.已经打包好的前端项目4.nodejs项目5.mysql和nodejs在本地已经调通第一步给服务器做系统,这里我选择的是centors 8.2 2. 好了之后远程连接服务器,这里你也可以选择xshell等其他连接,或者阿里云网页端浏览器自带的也行。进入服务器后,可以通过输入“sudo su root”切换至root账号Centos安装脚本:这里可以去宝塔官网看: 宝塔linux面板官网然后根据给你的地址,原创 2021-11-11 15:34:33 · 5394 阅读 · 3 评论 -
[vue-router] Duplicate named routes definition动态路由addRoutes的踩坑
踩坑记录:[vue-router] Duplicate named routes definition动态路由addRoutes的坑问题描述:第一次进入页面,左侧静态路由和动态路由列表均能正常显示,!但点击左侧其他路由后浏览器报警告[vue-router] Duplicate named routes definition…,并且跳转失败动态路由的概念:一般来说是通过后端接口返回拿到数据,不同人不同权限,返回的数据也不同。然后在路由守卫router.beforeEach 中进行添加路由解决方案:原创 2021-11-25 17:04:04 · 1548 阅读 · 2 评论 -
2021-07-29数组去重(只要有重复的全部去重)
怎么找出数组中不重复的元素 比如 [1,1,2,2,3,4,5], 想把3,4,5拿出来代码: let arr = [11, 11, 121, 121, 3, 44, 5]; for (var i = 0, len = arr.length; i < len; i++) { for (var j = i + 1, len = arr.length; j < len; j++) { if (arr[i] === arr[j]) { a原创 2021-07-29 15:43:50 · 101 阅读 · 0 评论 -
html5 Canvas 如何自适应屏幕大小(vue)
创建canvas创建出的画布不能随着浏览器窗口大小的改变而动态的改变画布的大小。 但是作为一个百分比的弹窗,在不同屏幕下表现不同,所以需要做自适应在vue中,新建一个resize.js文件其中引入的debounce 防抖函数如下 utils/index.js最后在页面mixins注入resize.js就可以实现canvas自适应了。...原创 2021-07-19 14:21:27 · 3585 阅读 · 0 评论 -
修改elementui-input样式
如果是scss不是scss原创 2021-04-02 14:27:43 · 353 阅读 · 0 评论 -
gitlab删除/改项目名
原创 2021-04-01 17:46:26 · 300 阅读 · 0 评论 -
vue项目打包之后放到服务器nginx上跨域问题
最近在写自己网页的练习,前端跨域为proxy代理。请求的接口是网易音乐接口。vue.config.jsmodule.exports = { publicPath: './',//打包路径 productionSourceMap: false,//正式优化 // 跨域 devServer: { open: true, //是否自动弹出浏览器页面 proxy: { '/api': { t原创 2021-03-21 14:04:39 · 1107 阅读 · 4 评论 -
es6迭代器Symbol.iterator
const banji = { cname: "yiban", stus: ["stuA", "stuB", "stuC", "stuD", "stuE"], [Symbol.iterator]() { let index = 0; return { next: () => { if (index < this.stus.length) { const ..原创 2021-01-18 20:08:29 · 213 阅读 · 0 评论 -
vue实现静态页面点赞和取消点赞的功能
效果如下:点击之后 点赞数量+1,红心亮再次点击,点赞数量-1,红心灭逻辑:由于列表是动态渲染的(for),数据是mock随机生成,所以绑定点击事件时,应该把当前下标和item的id都传到事件上,在data里面声明空数组,用来存放已经点击的id,点赞点击事件触发,先进行判断,1.当前data内的数组是否有这个点击的id,用indexof方法查找,如果找不到,执行点赞功能,数量+1,红心样式取反,最重要的是将当前点赞的id存到data的数组里 push进去。2.反之找到了,就将他数量-1,心原创 2020-10-01 02:08:20 · 10315 阅读 · 4 评论 -
rem与vw移动端布局适配
rem相对相对于浏览器的根元素html大小影响 默认1rem=16px ;需写js文件,比较麻烦根元素等于=假设设计稿根元素大小100*(设备的宽度/750设计稿)(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function ()原创 2020-06-19 23:07:35 · 213 阅读 · 0 评论 -
jquery-笔记
jquery是js的一个库,简单来说就是js对象,函数封装以下为小练习:进度条:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&原创 2020-06-07 21:33:42 · 150 阅读 · 0 评论 -
原生js实现小米轮播图
仅用作个人练习。轮播图功能如下:1:自动定时切换图片2:鼠标移入暂停切换,显式左右切换的按钮3:鼠标浮动到轮播序号上,可以自动切换。效果如下:代码部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box {原创 2020-06-01 22:19:26 · 691 阅读 · 0 评论 -
js笔记之实现简单的三级联动
利用三维数组实现三级联动,用到了onchange事件(表单内容发生改变,并且失去焦点触发)效果如下:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body { background-color: bisque;原创 2020-05-24 19:20:16 · 429 阅读 · 0 评论 -
js笔记之Date、setInterval 定时器小练习
来判断不同代码效率高低var date1=new Date()for (let i = 0; i <1000 ; i++) { console.log('hello')}var date2=new Date()console.log(date2-date1)定义函数实现:接收用户输入用户名:对用户的输入给予反馈: 要求:用户名不能为空、长度必须在6-10个字符之间 第一个字符不能是数字,并且用户名必须是数字,字母构成。 最后要求:该函数返回不同的值,代表违反了不原创 2020-05-17 15:52:58 · 282 阅读 · 0 评论 -
JavaScript的sort排序(选择器)
sort()方法①作用:数组排序②语法:arr.sort(参数)参数可以省略,改变原数组;默认排序规则升序,字母按a-z顺序注意:如果不提供sort任何的参数,数组的元素会转换字符串进行排序(字符串比大小,比对unicode码值的大小)如果想按照自己定义的规则去排序,需要传入一个比较器;//定义一个未排序的数组 var arr=[10,25,10,5,5,50,558,8,808,108,101,20.,52,2]; console.log(arr);//定义比较器方法原创 2020-05-10 12:30:39 · 264 阅读 · 0 评论 -
js笔记之数组、String练习
随机得到10个学生的分数[60-100],求总成绩和平均分数var scores=[]; var sum = 0; var avg = 0; const COUNT = 10; const MIN = 60; const MAX = 101; for (let i = 0; i <COUNT ; i++) { var score=~~(Math.random()*(MAX-MIN)+MIN) scores[i]=scor原创 2020-05-10 11:45:31 · 344 阅读 · 0 评论 -
js笔记之五一小练习(阶乘、任意概率、循环)
1:自定义函数。实现求n的阶乘。使用循环实现。 //递归实现function fac1(n) { if (n<1){ return 0; } if (n===1){ return 1; } return n*fac1(n-1); } //使用循环...原创 2020-05-06 21:46:03 · 473 阅读 · 0 评论 -
js笔记之通过while、switch case实现简单的石头剪刀布游戏
石头剪刀布{输入的手势:0代表石头,1代表剪刀,2代表布注:程序需要提前打开控制台}//人机壳输赢,五局三胜//变量:猜拳次数,人和电脑胜利字数,人和电脑手势 //常量:石头--->0 剪刀--->1 布--->2 胜利的最大局数3 var counter = 0; //猜拳次数 var playerWinCounter = 0;//人胜利...原创 2020-05-05 22:38:31 · 1166 阅读 · 0 评论 -
js笔记之随机数、if、else小练习
求四个随机数的最小值 const MIN = 1; const MAX = 100; var ran1 = ~~(Math.random() * (MAX - MIN) + MIN); var ran2 = ~~(Math.random() * (MAX - MIN) + MIN); var ran3 = ~~(Math.random() * (MAX - MI...原创 2020-05-01 23:33:29 · 289 阅读 · 0 评论 -
js笔记之函数小练习
定义函数,实现打印任意区间内偶数 function printEven1(min,max) { for (var i = min; i <max ; i++) { if (i%2===0){ console.log(i) } } } printEven1(50...原创 2020-05-01 23:20:09 · 295 阅读 · 0 评论 -
js笔记之while、break、for循环小练习
1.四位随机数进行翻转 如1234翻转后4321const MIN = 1000;const MAX = 10000;var ran = parseInt(Math.random() * (MAX - MIN) + MIN);//获得随机数console.log('原来随机数' + ran);var unit = ran % 10;var decade = parseInt(ran /...原创 2020-05-01 22:55:38 · 1431 阅读 · 0 评论 -
关于js前++和后++的简单理解
对于变量本身来讲,前++和后++没有区别,都是自己本身+1;x++ 当赋值时,后++先赋值,在执行+1(先返回,后自增)++x 当赋值时,先执行自身+1,后赋值。(先自增,后返回)举个栗子:var num = 0;var value=num++ + num++ - ++num + --num - num++ + --num + ++num + num++ ;// n...原创 2020-05-01 21:42:13 · 1112 阅读 · 0 评论 -
js笔记之DOM创建页面元素小练习
全通过js的dom创建页面元素,实现导航栏效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--<ul> ...原创 2020-04-16 14:37:58 · 156 阅读 · 0 评论 -
js笔记之DOM获取页面元素小练习
JavaScript的傻瓜式计算器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form action=""> ...原创 2020-04-16 14:32:13 · 152 阅读 · 0 评论 -
js笔记之函数小练习(旧)
1、定义函数打印1-100之间偶数的个数和平均数var count=0;var sum=0;function num1() { //拿到1-100 for (i=1;i<=100;i++){ if (i%2===0){ //个数加1 count++; sum+=i; ...原创 2020-04-15 20:22:42 · 1965 阅读 · 0 评论 -
js笔记之数组练习
要求将数组中的0项去掉,将不为0的值存入一个新的数组,生成新的数组var arr = [4, 0, 7, 9, 0, 0, 2, 6, 0, 3, 1, 0,10,12,985,211]; var newarr=[]; for (var i in arr){ if (arr[i]!==0){ newarr.push(arr[i]) ...原创 2020-04-14 22:59:44 · 243 阅读 · 0 评论 -
JavaScript笔记之字符串的截取/查找/转换/小练习
js字符串小练习1.hello china——>Hello china 字符串首字母转换为大写var str1="hello china"; var first=str1.charAt(0).toUpperCase(); console.log(first+ str1.substring(1));2.获得输入参数的后缀名 例如:index.html 输出 ht...原创 2020-04-13 22:40:45 · 204 阅读 · 0 评论 -
javaScript输入某年某月某日,判断这一天是这一年的第几天
主要利用for循环遍历,if语句判断代码如下原创 2020-04-13 20:52:01 · 5181 阅读 · 0 评论