- 博客(24)
- 收藏
- 关注
原创 element UI 走马灯 initial-index动态赋值 不生效问题
3.点击图片获取图片的索引,赋值给initialIndex,图片列表数组赋值给imgList。4.关闭大图的时候重置initialIndex和imgList的值。1.设置initial-index初始值为null。initial-index属性动态赋值不生效。图片列表点击展示大图,点开不是当前的图片。2.设置走马灯轮播数组初始化为[]
2024-04-18 11:23:10
700
原创 前端页面登录验证(滑动验证、点选验证)
最近用到了了一款很好用的前端登录验证,滑动验证和点选验证,兼容性也很好,在此记录一下先放上地址首先在官网github下载资源包,放入到自己的项目中,包的结构就是下边这样子在需要使用的页面1.引入css文件verify.css2.按顺序引入js文件下js文件 jquery.min.js, crypto-js.js, ase.js, verify.js这里放上在线文档然后在你的页面需要使用的地方放入以下的标签 <div id="content"></div> <
2021-04-12 10:20:37
5000
转载 解决CSS transition或transform导致相关元素或容器闪烁抖动的问题
如果发现这些动画导致某些元素或者容器闪烁,抖动时,可以在使用动画属性的元素上(或发生抖动的元素上)添加如下声明:.listname{-webkit-backface-visibility: hidden;backface-visibility: hidden;}但是有的时候一些完全不相关的元素也跟着抖动闪烁,可以在body元素上做如下声明:body {-webkit-transform: translate3d(0, 0, 0) ;transform: translate3d(0, 0, 0
2020-08-18 16:38:26
9623
2
原创 js获取url地址中的参数值,防止中文乱码
//截取地址栏中url的参数值 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) { ..
2020-05-29 17:00:38
256
原创 css修改浏览器滚动条样式
浏览器自带的滚动条样式在某些地方显示的时候比较丑,比如这样的要想修改它的样式,在css里边加入下面的代码就可以更改滚动条的样式了(注:前边的加 .table-body是只给这一个容器更改滚动条样式,防止影响全局,,如果全局使用可以把前边的类名去掉).table-body::-webkit-scrollbar { width: 5px; //可以自定义滚动条的宽度}.table-body::-webkit-scrollbar-thumb { background: #6b8eb6;
2020-05-15 16:00:22
335
原创 解决一个标签点击次数过多有背景色的问题
例如这样的在这个标签的css样式里边加上下面这段代码,就可以去掉 亲测有效-webkit-touch-callout: none;-webkit-user-select: none; -moz-user-select: none; ms-user-select: none; user-select: none;...
2020-04-28 17:44:53
245
原创 解决LAN代理服务器前边自动勾选
window+R 进入cmd,输入regedit,打开注册表进入Computer\HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\WinHttpAutoProxySvc右边Start值改为4(禁止启动)然后重启电脑
2019-12-16 16:42:42
9255
原创 浏览器隐藏滚动条
::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none; }
2019-11-11 11:37:54
151
原创 好用的富文本编辑器
https://www.kancloud.cn/wangfupeng/wangeditor3/335769写项目的时候遇上这个富文本编辑器非常好用,记录一下
2019-11-06 15:14:10
218
原创 去除标签点击后浏览器默认加上背景色的问题
只需要在body样式添加以下样式即可,亲测有效body{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
2019-10-10 15:25:42
184
原创 js禁止浏览器缩放
<script> document.addEventListener('keydown', function (event) { if ((event.ctrlKey === true || event.metaKey === true) && (event.which === 61 || event.which ===...
2019-09-26 12:38:12
1894
1
原创 vue兄弟组件 bus传值
vue兄弟组件 bus传值首先main.js里边加上这些const Bus = new Vue()new Vue({data:{Bus}})在需要传值的地方使用this.root.Bus.root.Bus.root.Bus.emit(“name”, “我是兄弟组件”);在接收的地方使用this.root.Bus.root.Bus.root.Bus.on(“name”, r...
2019-08-21 18:27:29
359
转载 Vue与Angular的区别
Vue和Angular都是前端开发框架,它们之间还是有区别的,首先来看官方文档它们对的解释Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。AngularJS...
2018-12-11 21:41:23
764
原创 Node、Git、Vue常用命令
一、创建node项目常用命令npm init 初始化一个package.json文件 包含名称、版本作者这些信息(1)npm install express 安装express模块(2)npm install -g express 全局安装express模块(1)npm install body-parser 解析x-www-urlencoded格式的请求...
2018-12-07 21:57:13
218
原创 Typeof的取值类型以及Typeof与instanceof的区别
Typeof的取值类型number(数字类型)<script> // number类型 var a =12 console.log(typeof a) </script>string(字符串)<script> // string类型 var a =‘abcd’ console.log(typeof a)...
2018-10-23 20:33:14
338
原创 windows平台 MongoDB安装以及环境变量的配置
1. 进入到MongoDB的官网https://www.mongodb.com/,点击如图所示的按钮2.按箭头顺序进行下载3.下载完成后找到安装包双击出现以下界面,按照提示操作这个是默认的安装路径你也可以选择第二个自定义路径安装完成后继续进行以下操作4.配置环境变量首先找到你安装的目录文件夹下子文件夹/bin 点开它,复制它的路径找到桌面上此电脑图标,右键属性,进入高级系...
2018-10-19 20:19:47
484
转载 html转义及防止js注入攻击的方法
html转义及防止js注入攻击的方法有的时候页面中会有一个输入框,用户输入内容后会显示在页面中,类似于网页聊天应用。如果用户输入了一段js脚本,比例:,页面会弹出一个对话框,或者输入的脚本中有改变页面js变量的代码则会时程序异常或者达到跳过某种验证的目的。那如何防止这种恶意的js脚本攻击呢?通过html转义能解决这个问题。HTML转义那么,什么是HTML转义呢?html转义是将特殊字符...
2018-09-27 19:53:16
1727
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人