![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
山海一哥
为者常成,行者常至
展开
-
文本过长,hover时提示框显示全部信息,否则不出现提示框
使用的是vuetemplate <ul class="list"> <li v-for="(item, index) in operateData" :key="index" class="list-li" @mouseenter="handleCellMouseEnter" @mouseleave="handleCellMouseLeave"> <span>{{item.time}}</span>原创 2020-07-28 17:37:51 · 1488 阅读 · 0 评论 -
对cookie的诠释
学习了一下cookie,这里做下个人分享。cookie是一种存储机制,主要是web服务器开发人员设置的,前端开发人员较少使用cookie,使用情况比如后端返回的token没有放在cookie中,前端想要放在cookie中时即可使用。好处是cookie有失效时间,也就是在失效之前都是可以获取到的。后端设置(主要是测试使用,真正使用时会在中间件中处理,比如jwt)const Koa = require('koa');const app = new Koa(); app.use(async(ctx)原创 2020-05-13 14:58:52 · 210 阅读 · 0 评论 -
js文件下载的方法以及相关概念的解释
参考了一些资料,这里主要是对一些内容作出解释下载方式基本上都是一样的,代码如下: if ('msSaveOrOpenBlob' in navigator) { // IE 中下载文件的方法 msSaveBlob 和 msSaveOrOpenBlob // msSaveBlob 提供保存按钮 // msSaveOrOpenBlob 提供保存按钮和打开按钮 ...原创 2020-04-13 16:43:02 · 428 阅读 · 0 评论 -
js实现动画效果
进度条动画跳过<h1>JavaScript 百分比进度条</h1><div id="myProgress"> <div id="myBar">10%</div></div><br><button onclick="move()">点我</button>#myProgre...原创 2020-01-02 15:48:41 · 815 阅读 · 1 评论 -
js点击页面空白处,实现操作
通过为window绑定click时间即可实现比如制作一个模态框,点在模态框上实现关闭模态框<button onclick="document.getElementById('id01').style.display='block'">注册</button><div id="id01" class="modal"> <form class="m...原创 2020-01-02 14:52:18 · 4326 阅读 · 0 评论 -
js秒杀倒计时方法
<p id="demo"></p>// 设置我们准备倒计时的日期const countDownDate = new Date("2028-01-05 15:37:25").getTime();// 每秒更新一次var x = setInterval(function() { // 获取当前时间 var now = new Date().getT...原创 2020-01-02 14:31:37 · 685 阅读 · 1 评论 -
自动触发dom绑定事件
<button class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen"> London</button>如上面的button如何自动触发绑定在dom上的click事件,方法如下// 触发 id="defaultOpen" click 事件document.getElem...原创 2020-01-02 13:19:21 · 1108 阅读 · 0 评论 -
js深拷贝与浅拷贝的方法
话不多说,直接干。浅拷贝1.使用es6对象结构2.使用es6的Object.assign3,for…in循环遍历4,for…of循环遍历深拷贝1,利用JSON的方法注意该方法不能拷贝reg对象2,递归拷贝function deepClone(obj) { // let objClone = Array.isArray(obj) ? [] : {}; // ...原创 2019-08-22 17:01:40 · 245 阅读 · 0 评论 -
IE中文件选取方法执行两次,e.target.files[0]报错
<input type='file' @change="upload;">该upload方法在其他浏览器中可以通过e.target.files[0]正常上传,但是在IE中却报错,通过控制台查看发现该方法执行了两次,第二次的e.target.name错误,这为里不讨论为何会执行两次的问题,既然报错,就在于代码在一步步往下走的时候,走不下去了,那么我们只需要在他下一步报错之前退...原创 2019-08-01 09:46:26 · 1932 阅读 · 0 评论 -
js获取自定义data属性
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div id="t转载 2019-03-06 14:01:15 · 4750 阅读 · 0 评论 -
promise异步与setTimeout等执行顺序
let promise = new Promise(function(resolve, reject) { console.log('Promise'); resolve();});setTimeout( ()=>{ console.log(1)},0)setTimeout( ()=>{ console.log(2)},0)let promis...原创 2019-03-07 09:53:22 · 2366 阅读 · 0 评论 -
面向对象中继承实现
1,call或者applyfunction Teacher(name, age) { this.name = name this.age = age this.sayhi = function() { console.log('name is ' + name, 'age is' + age) }}Teacher.prototype.sayAg...转载 2019-03-04 19:22:50 · 203 阅读 · 0 评论 -
js的with语句使用方法
1)简要说明with 语句可以方便地用来引用某个特定对象中已有的属性,但是不能用来给对象添加属性。要给对象创建新的属性,必须明确地引用该对象。2)语法格式with(object instance) { //代码块 } 有时候,我在一个程序代码中,多次需要使用某对象的属性或方法,照以前的写法,都是通过:对象.属性或者对象.方法这样的方式来分别获得该对象的属性和...转载 2019-03-12 10:18:50 · 310 阅读 · 0 评论 -
addEventListener和removeEventListener的使用
通过addEventListener绑定了页面滚动事件,使用removeEventListener清除的时候发现无效,翻阅资料发现,该删除不是删除事件本身,而是要删除掉事件处理函数,如window.addEventListener('scroll', this.handleScroll, true),那么删除便是window.removeEventListener("scroll", this.h...原创 2019-06-20 10:04:42 · 3237 阅读 · 0 评论 -
vue中插件制作以及比较实用的方法
/** * 公共方法 */export default { install(Vue, options) { /** * 返回上一页 */ Vue.prototype.back = function() { this.$router.go(-1) }; /** * 设置cookie * @param nam...原创 2019-06-27 15:26:18 · 497 阅读 · 0 评论 -
两级视图多层次面包屑展示
如图所示现在大部分项目都是左边是菜单栏,右边是视图,定义路由的时候就成了2级视图路由,如果在某一个菜单中有多个层级,比如一个列表菜单中查看详情这种3级的面包屑,甚至像楼主这样的5级层次的深度该如果展示面包屑呢?这里的做法是通过路由的方式,我们通过path的值用/切割后形成一个数组,每一个值代表了一个路径,那么我们怎么知道该值代表了那个路径呢?这里就是name属性的作用了,让name(值最...原创 2019-06-28 16:25:13 · 1026 阅读 · 0 评论 -
连续点击触发方法,比如树形结构,希望事件执行一次
直接示例jQuery(window).on('resize',calculateLayout);这里的事件在resize发生时会不停的触发,那么怎么优化使的该事件在最后停止的时候只触发一次呢,如下jQuery(window).on('resize', _.debounce(calculateLayout, 150)),使用lodash的debounce方法,通常用的过滤方法中,比如你有一个树形结...原创 2019-01-21 11:15:46 · 475 阅读 · 0 评论