
Javascript
ggggmlor
苦心人,天不负,百二秦关终归楚,越甲三千可吞吴
展开
-
Javascript关于作用域和作用域链
[Scope]:Javascript引擎中有一个scope的内部属性,这个scope对象包含了函数可以访问的作用域对象的集合,并且这个scope属性只能被浏览器所访问。scope属性是函数创建就存在的。function ShowTime(time){ var time=time; function logTime(){ console.log("it...原创 2018-11-13 13:18:40 · 204 阅读 · 0 评论 -
this指向为undefined
普通函数:function show() { console.log(this)}show()// 打印结果:Window在严格模式下:'use strict'function show() { console.log(this)}show()// 打印结果: undefined如果实在react中出现 this指向为undefined ...原创 2019-03-20 11:15:32 · 3505 阅读 · 0 评论 -
JS实现无限轮播无倒退效果
原理:每次移动前设置transition过渡效果,完成清除过渡效果,然后在到达最后一张图片的时候在清除过渡效果之后translateX(0)另外需要jq的引用HTML:<div class="slide-container" view-count="3"> <ul> <li> <img src=...原创 2019-01-06 19:21:35 · 1559 阅读 · 1 评论 -
使用滚轮轮播图片
效果图如下,只能用滚轮移动到头部和尾部 思路:根据需要展示的图片数量(view-count)与slide-container中存放的图片数量设置ul的长度,然后设置每个li的均等宽度。每次滚轮滚动ul移动一个li的距离HTML...原创 2019-01-06 17:12:00 · 745 阅读 · 0 评论 -
使用滚轮轮播并保持屏幕不滚动
首先如果要用滚轮实现轮播,必然会绑定一个滚轮事件。网上有滚轮事件的兼容性写法,先拿过来用,在进行修改。if (window.addEventListener) //FF,火狐浏览器会识别该方法 document.addEventListener('DOMMouseScroll', wheel, false); document.onmousewhe...原创 2018-12-24 10:27:36 · 515 阅读 · 0 评论 -
input file 如何上传同一个文件
一般在项目中不会运用默认的input样式,因此我们通常的解决方案是在一个事件(比如点击图片)内使用input file的click()。主动触发click(),弹出文件选择。let uploadInput = $('.upload input');//jQuery委托 .clsPhoto的点击事件$('.imgWrapper').on('click', '.clsPhoto', ...原创 2018-12-15 16:44:10 · 2252 阅读 · 0 评论 -
使用jquery使input自动获取焦点
最近在做毕业设计时一直没能完善这个细节,想要通过点击选项卡后,自动获取输入框焦点,在网上查阅了很多资料终于踏破铁鞋无腻处。#(element).focus()能够使元素获取焦点或者设置元素触发获取焦点的事件。博主讲的原因是:如果之前当前元素为隐藏或者未被创建,则需要延时。按着这个思路,我更改了代码。延时50ms。setTimeout(function(){ ...原创 2018-10-09 17:25:29 · 29910 阅读 · 2 评论 -
js实现平滑滚动
差别:原生JS移动速度固定,jQ可以设置移动的时间,快慢不一。原生JS实现页面平滑滚动window.scroll({ top: [number] y, left: [number] x, behavior: [stirng] behavior})//behavior 三个取值: auto,instant(瞬间移动),smooth(平滑移动)jQue...原创 2018-12-20 11:10:25 · 2025 阅读 · 0 评论 -
原生js与jQuery主动触发事件
原生js有两种方法://方法1let ele = querySelector('#div'); //id='div'的div的dom节点ele.click();//方法2 let ele = querySelector('#div'), e = document.createEvent('类型名字'); e.initEvent('click',true,t...原创 2018-12-14 14:07:49 · 898 阅读 · 0 评论 -
如何修改input file的默认样式
浏览器默认的input type=file 样式非常丑陋,相信大部分朋友有想过如何修改其样式。我的思路是将input隐藏,然后使用js代码控制其点击事件。 第一步:写好html结构和css结构 <div class="container"> <div class="content"> <div class="content-inne...原创 2018-12-14 13:44:59 · 2133 阅读 · 0 评论 -
javascript编写规范
变量和函数变量名应当遵循camel case,并且命名前缀应当是名词。以名词作为前缀可以让变量和函数区分开来,因为函数名前缀应当是动词。比如:var count=10;var myName=“Nicholas”;function getName(){ return myName;}函数和方法常用单词:can、has、is、get、set。 ...原创 2018-11-26 21:50:59 · 230 阅读 · 0 评论 -
vue后台管理系统之权限控制
目录什么是权限控制?如何实现权限控制改进的解决方案基本实现登出再登入问题页面刷新问题什么是权限控制?首先,我们按照最初的开发模式,在router.js中将所有的组件都注册在路由中.import Vue from 'vue'import Router from 'vue-router'import { extend } from '../utils/r...原创 2019-05-22 11:33:28 · 2022 阅读 · 0 评论