![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 79
铁锤妹妹头发多
这个作者很懒,什么都没留下…
展开
-
JavaScript一个数组赋值给另一个数组
记录一次修复bug的经历网页在更新迭代时,新版本在开发的时候莫名奇妙的会产生数据上的错误,期初还以为是cookie的储存过多导致的,因为出问题之处的新老版本代码完全一致,即在更新迭代时没有针对该处代码进行修改。代码基本结构这一js文件在最开始声明了多个const列表变量,然后在后面会多次引用这几个列表变量。问题所在新版本的网页在onload函数中加入了部分代码,这部分代码中包含了对几个const列表变量的引用,想法是新声明一个变量直接等于某个const列表变量,即声明副本,然后对副本进行修改,即只原创 2021-03-13 00:47:26 · 19580 阅读 · 3 评论 -
JavaScript打乱数组的高性能方法
原文链接:https://juejin.im/post/5d004ad95188257c6b518056原文有更详细的推导及测试过程,本文仅为个人记录,侵删Fisher–Yates 算法function shuffle(arr) { let m = arr.length; while (m > 1){ let index = Math.floor(Math.random() * m--); [arr[m] , arr[index]] = [arr原创 2020-06-03 00:44:26 · 332 阅读 · 0 评论 -
js实现复制到剪贴板 clipboard.js的基本使用 jquery
首先clipboard.js官网,朴实无华的js插件官网上有第三方CDN提供商的链接,在里面选一个cdn引入<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>官网上有基本的使用方法,但是经过实际测试会出现报错,下面贴出修改后的用法html&l...原创 2020-05-08 15:17:02 · 407 阅读 · 0 评论 -
JavaScript中哪些数组的方法在Vue中是响应式的
使用场景:使用Vue中的v-for展示数组中的元素。响应式就是通过方法把数组中的元素改变了,页面上的也会更新下面的代码经过实际测试和老师讲解,自行测试的时候取消某一个方法的语句的注释即可响应式的<body><div id="app"> <ul> <li v-for="item in letters">{{item}...原创 2020-05-05 14:53:52 · 305 阅读 · 0 评论 -
JavaScript的splice方法作用详解
splice本意拼接,但可以扩展出很多用法,体现在第二个参数的选择上第一个参数是起始位置,不包含这一位置的元素,注意是起始位置不是下标,从1开始var letters = ['a','b','c','d']删除元素第二个参数:要删除几个元素letters.splice(1,1) // ['a','c','d']letters.splice(2,1) // ['a','b','d'...原创 2020-05-05 13:56:19 · 1321 阅读 · 0 评论 -
bootstrap3的datetimepicker选择器视图无法显示问题的解决 Vue
这个bug折腾了一天多,经过在网上经过了各种搜索都没用,最后还是自己解决的,虽然解决方法及其简单,还是记录下这个花了接近两天才解决的问题要看解决方法直接跳到文末即可本文仅为记录,只是分享自己遇到的奇葩问题,欢迎讨论每个人遇到的问题可能不同,我认为我的情况算非常特殊的,还是需要自己调试,过程十分重要过程最近在前端开发过程中(五一期间还要工作惨兮兮。。。)用bootstrap的datet...原创 2020-05-03 12:05:01 · 2488 阅读 · 0 评论 -
flex兼容写法
前端开发的时候用flex布局会非常方便,但是flex本身存在兼容问题(虽然一直没遇到过这一问题。。。)直接在css文件中用flex兼容性写法会使得整个css特别长,开发和阅读很不方便,可以将flex兼容性写法单独保存为一个css文件,引入在html中再调用class即可下面整理了我个人常用的几个css属性的兼容性写法,整理自Flex布局兼容性,想要其他属性或更详细讲解的可以进原博阅读.f...原创 2020-04-29 23:22:09 · 1037 阅读 · 0 评论 -
Vue网课笔记(二) 指令介绍
一、v-once顾名思义,元素和组件只渲染一次,不会随着数据变化而变化<h2>{{message}}</h2><h2 v-once>{{message}}</h2>第一次渲染完成后,data中的message改变,第一个h2会随之改变,第二个h2不会改变二、v-html若字符串是html代码,v-html指令可以将html代码进行解析...原创 2020-04-18 13:06:40 · 373 阅读 · 0 评论 -
ES6中对象字面量的增强写法
字面量:如何理解Javascript中的字面量(literal)? - StormBlafe的回答 - 知乎https://www.zhihu.com/question/21502764/answer/9249656231. 属性的增强写法const name = 'hammer';const age = 20;const height = 1.81;ES5的写法const...原创 2020-04-16 13:37:50 · 283 阅读 · 0 评论 -
JavaScript作用域经典例子详解 var与let 补充const的使用
ES5之前因为if和for都没有块级作用域的概念,只有function有作用域,所以很多时候都必须借助于function的作用域来解决应用外面变量的问题ES6中加入了let,let有if和for的块级作用域1. 变量作用域:变量在什么范围内是可用大括号是一个代码块{ var name = 'hammer'; console.log(name);}console.lo...原创 2020-04-15 21:09:27 · 254 阅读 · 0 评论 -
Vue网课笔记(一) 初识Vue
安装方法CDN引入<!-- 开发环境版本,包含了有帮助的命令行警告(未经过压缩的代码,适合看源码) --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>或者<!-- 生产环境版本,优化了尺寸和速度(经过了压缩,删掉了打印的一些东西,发布时再使用) --...原创 2020-04-09 21:51:40 · 278 阅读 · 0 评论 -
Form表单提交且不刷新页面的简单实现
form表单在点击提交后会刷新整个页面,有时会影响网页功能和效果使之不刷新的解决思路:给form表单指定一个隐藏的iframe,这样提交表单后刷新的就是那个iframe而不是整个页面了iframe:<iframe name="hidden" style="display:none;"></iframe>form:<form name="form" meth...原创 2019-09-29 10:49:35 · 5439 阅读 · 3 评论 -
JavaScript判断打开网页的设备是移动端还是PC端
代码如下:var a = navigator.userAgent;var agents = new Array("iPhone","iPad","Android","SymbianOS", "Windows Phone","iPod");var flag = true;for(var i = 0; i < agents.length; i++){ if(a.ind原创 2019-02-14 14:03:32 · 1114 阅读 · 0 评论 -
小白用腾讯云Windows服务器自带的IIS部署纯前端网页
本文讲了我第一次用腾讯云Windows服务器自带的IIS部署一个纯前端网页时的步骤和遇到的麻烦,看了很多博客也求助了大佬,最后总结一下嘻嘻其实写博客就是怕自己以后忘了hhh,能帮助到有的人就更好啦~用Windows服务器自带的IIS部署网页就下面几步安装IIS服务(高级一点叫IIS服务器的搭建。。。按照我的理解就是安装IIS)把本地的网页文件放到服务器上设置端口的出站入站规则设置默认...原创 2019-02-13 01:19:41 · 4557 阅读 · 8 评论 -
jQuery获取各种元素宽高
$("div").width(); //获取元素的宽高无单位像素值,不包括padding,border,margin$("div").innerWidth(); //获取元素的宽高 + padding 无单位像素值$("div").outerWidth(); //获取元素的宽高 + padding + border 无单位像素值$("div").outerWidth(true); //获取元...原创 2019-02-17 18:32:09 · 490 阅读 · 0 评论 -
vivo浏览器不兼容bootstrap 3.3.7问题的解决
&lt;script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;&lt;link rel="stylesheet" href="https://cdn.staticfile.org/twitt原创 2019-02-14 19:30:17 · 3021 阅读 · 0 评论