前端学习
M-Didid
相信自己,一定能行!
展开
-
css选择器:first-child和:first-of-type区别
还是上面的代码,用p:first-child()去匹配是匹配不到p元素的,但是若用:first-of-type去匹配则可以匹配到p元素,因为:first-of-type要求只要是第一个出现的子元素即可。上面的代码,若用p:first-child()去匹配则匹配不到p元素,因为此时p标签不是其父元素的第一个子元素。原创 2023-02-27 14:45:21 · 773 阅读 · 1 评论 -
解析二维码的三种方式
方式二 qrcode方式三qrcode-decoder完整代码:Github地址原创 2022-06-22 09:44:53 · 3524 阅读 · 0 评论 -
ES6 解构赋值更详细功能
知识点解构赋值可解构数组和对象数组元素按次序排列,取值取决于位置;对象的属性没有顺序,取值需与属性同名,才可取到值。给数组和对象解构赋值时可以给予默认值。//数组let [x, y = 'b'] = ['a']; // x='a', y='b'let [x, y = 'b'] = ['a', undefined]; // x='a', y='b'//对象var {x, y = 5} = {x: 1};x // 1y // 5给对象解构赋值时可定义新的变量名。let原创 2022-01-06 14:32:46 · 439 阅读 · 0 评论 -
关于electron-vue项目 运行npm run dev 跑不起来的解决
1下载node_moduleselectron-vue 项目下载后运行 npm install2 cd到/node_modules/electron目录下若node_modules下没有electron文件,则删除重新下载运行node install3启动项目即可npm run dev运行过程中可能会遇到扩展插件vue-devtools安装不成功的问题,我找了好多解决办法都没解决,索性就重新安装了electron-vue,就没再有这个问题了。个人猜测可能是由于运行项目时不熟悉项目,运行原创 2021-06-18 13:44:09 · 1738 阅读 · 0 评论 -
将本地html文件运行到本地服务器localhost上
下载http-servernpm i -g http-server在html文件目录下运行http-server然后就能看到可以在本地服务器打开 而不是file下原创 2021-04-23 10:41:22 · 4199 阅读 · 0 评论 -
vue项目加载会出现花括号{{}}的解决方法
使用v-cloak指令这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none }一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。<div v-cloak> {{ message }}</div>[v-cloak] { display: none;}使用v-text指令更新元素的 textContent。如果要更新部分的 textContent,需要使用 {{ Mustac原创 2021-04-08 17:27:35 · 2418 阅读 · 0 评论 -
常用正则表达式
手机号验证const reg = /^1[23456789]\d{9}$/;邮箱验证const reg = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;用户名验证4-16位数字、字母、下划线的组合const reg = /^[a-zA-Z0-9_]{4,16}$/;密码验证长度在8~18之间,只能包含字母、数字和特殊字符const reg = /^(?=.*\d)(?=.*[a-zA-Z]原创 2020-12-30 15:07:14 · 211 阅读 · 0 评论 -
vue Router传值 params和query区别
这里写自定义目录标题vue-router传值params接收query接收params和query传值的区别vue-router传值paramsthis.$router.push({name:'edit',params:{id:row.id}});接收this.$route.params.idquerythis.$router.push({path:'/match/edit',query:{id:row.id}});接收this.$route.query.idparams和que原创 2020-11-17 12:02:45 · 170 阅读 · 0 评论 -
带筛选功能的el-table
多选展示单选展示Html部分代码<el-table :data="tableData" @filter-change="filterChange" :header-cell-style="{background:'#ededed'}" stripe height="600" style="width: 100%" > <el-原创 2020-09-16 17:34:48 · 2258 阅读 · 0 评论 -
判断一个数是否为质数(素数)
思路将数字分为两类,小于等于3 和 大于3若小于等于3 则这个数只要大于1 就是质数 否则不是(因为2和3是质数 1不是)若大于3 则只要这个数可以被任意大于1 小于本身的整数整除 就不是质数按照思路写代码function isPrime(m){ if(m<=3){ return m>1; } for(let i=2;i<m;i++){ if(m%i===0){ return false; } }原创 2020-05-29 14:30:01 · 238 阅读 · 0 评论 -
百度地图之添加行政区划 添加遮罩层 并添加街道标记 点击显示街道信息 去除百度地图logo
百度地图之行政区遮罩层街道标记显示信息去除水印效果图添加Map实例,并添加控件,中心坐标为你要显示的区域的中心画行政区、添加遮罩添加窗口信息(点击触发)去除百度地图logo和水印效果图添加Map实例,并添加控件,中心坐标为你要显示的区域的中心var map = new BMap.Map("streetMap"); //创建地图实例var point = new BMap.Point(1...原创 2020-04-23 10:43:43 · 2304 阅读 · 0 评论 -
关于遍历 javascript
不管是对象还是数组,没有数据都是不能遍历的 循环走不下去若再遇到遍历不进去的情况 打印数据看看改对象是否为空只要有数据 都能走下去原创 2020-03-20 15:50:52 · 74 阅读 · 0 评论 -
element-ui table可选行表格的跨页选中不清除上一页的数据+将选中数据显示到页面的跨页联动
第一步:介绍table自带的两个属性这两个属性配合使用,可以保留上一页选中的数据第二步:将选中的数据放到一个SelectData中,包括数据所在的页数、数据在所在页的index下角标和需要显示在页面上的数据字段,这里是pubnumber.思路:选中的数据要考虑是单个选中还是全选单个选中:在选中事件中,先将选中的数据放到tags中,利用val.length大小,将数据放到Selec...原创 2020-03-01 20:49:55 · 1496 阅读 · 0 评论 -
vue项目 引入element-ui框架
vue引入element-ui框架终端命令npm install element-ui --savemain.js中引用import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI)使用原创 2020-02-07 16:33:20 · 241 阅读 · 0 评论 -
导出表格excel
导出表格excel方法新建两个js文件Blob.jsExport2Excel.js组件中应用新建两个js文件Blob.js/* eslint-disable *//* Blob.js*//*global self, unescape *//*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: t...原创 2020-01-10 11:01:31 · 139 阅读 · 1 评论 -
@media 媒体查询的使用
@media 媒体查询@media-使用场景?使用方式@media-使用场景?1.针对不同媒体类型定义不同的样式2.针对不同屏幕尺寸设置不同的样式,在设置响应式页面时非常有用使用方式@media (max-width:600px){ #video{ width:80%; }当屏幕宽度小于600px的时候,设置#video元素的width为屏幕宽度的80%...原创 2019-12-13 15:18:12 · 216 阅读 · 0 评论 -
echarts散点图中的点不固定问题 地图移动 点也会动 解决
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191129123912554.gif像这样的问题解决; 在series中设置 animation: false就ok啦原创 2019-11-29 13:00:38 · 1723 阅读 · 2 评论 -
javascript 实现禁止用户使用ctrl + - 鼠标滚轮进行网页缩放
禁止ctrl 加 ‘+’ ‘-’ 控制网页缩放vue项目的话 将代码贴到App.vue的script标签下window.onload = function() { document.addEventListener('keydown', function (event) { if ((event.ctrlKey === true || event.metaKey === t...原创 2019-11-29 11:16:57 · 1486 阅读 · 1 评论 -
javascript使用setInterval()时,有时候函数会不起作用的问题 解决
setInterval() 里面函数不起作用解决:函数用“”包裹起来或使用一下匿名函数 GLOBAL.tt = setInterval(function(){ this.$parent.reallyRoll(); }, 100); GLOBAL.tt = setInterval( "_this.$parent.reallyRoll...原创 2019-11-29 11:01:31 · 1915 阅读 · 0 评论 -
vue项目中 全局数据的使用
用vue写项目一般都会用到组件,而组件一般是独立的,组件自身需要的数据都写在组件自身内部,而当我们需要组件之间共享数据时,就需要全局数据了。首先,建立一个js文件globalData.js将需要共享的数据写在这个js文件中并 exportconst mapdata=[] const provinceName='' const t='' const tt='' ...原创 2019-11-29 10:41:44 · 2043 阅读 · 1 评论 -
鼠标事件mouseenter与mouseover区别
mouseenter: 不存在事件冒泡,鼠标进入被绑定事件监听元素节点时触发一次,再次触发是鼠标移出被绑定元素,再次进入时。而当鼠标进入被绑定元素节点触发一次后没有移出,即使鼠标动了,从子元素移出到本身也不再触发。mouseover: 存在事件冒泡,鼠标进入被绑定事件监听元素节点时触发一次,之后只要是在被绑定元素节点区域内移动并且从子元素移出到本身,都会被触发。...原创 2019-09-29 15:07:40 · 630 阅读 · 0 评论 -
关于javaScript学习的一些记录
知识点List itemif语句后面没有大括号时则只执行一条语句等号的作用:=:赋值表达式==:相等运算符===:严格相等运算符空数组[ ]和空对象{ }对应的布尔值都是truejavascript内部,所有数字都是以64位浮点数存储,所以javascript的底层根本没有整数+0和-0在大部分场合都是相等的 只有作分母时是不一样的 (1/+0=...原创 2019-08-21 15:58:19 · 143 阅读 · 0 评论 -
点击验证码实现验证码的刷新
三个步骤实现点击刷新验证码从后台获取实现验证码的接口定义imgPath:获取接口:将接口展现到前端加"?" + Math.random() 实现点击刷新这样就实现了,上图:点击刷新:...原创 2019-08-07 11:09:09 · 2709 阅读 · 0 评论