- 博客(41)
- 收藏
- 关注
原创 在html中编辑的文字在网页上打开后多次点击会变蓝
解决方法:变蓝是因为浏览器添加了默认的事件 自己修改下就行1。js方法$('不要变蓝的元素').bind("selectstart", function () { return false; });2.css方法body{-webkit-user-select: none; -moz-user-select: none; -ms-user-select:
2018-01-29 14:30:06
1708
原创 target和currentTarget区别
比较难区分的事件对象:target和currentTargettarget:触发事件的某个具体对象。currentTarget:绑定事件的对象,恒等于this(非ie的dom2级事件中,ie事件中this指向window),可能出现在事件流的任意一个阶段中通常情况下terget和currentTarget是一致的,我们只要使用terget即可,(一般target用的也比较多)但有一种情
2018-01-11 11:37:51
3087
1
原创 浏览器显示窗口
浏览器显示窗口大小1innerHeight和innerWidth=clientHeight和clicentWidth2.innerHeight和innerWidth=clientHeight和clicentWidth
2017-12-28 16:37:39
270
原创 点击li跳到对应的div位置
1,利用a标签body>divstyle="background:red"id="1" name="1">div>divstyle="background:green"id="2" name="2">div>divstyle="background:black"id="3" name='3'>div>a href="#1">1a>
2017-12-28 15:14:33
2103
原创 重构(reflow)与重绘(repaint)
reflow意味着结构的改变,比如一堆元素堆叠,改变其中一个的宽高,那么相应的所有元素的位置都要改变.repaint意味着样式的改变比如div调整了背景色等,但是位置不变,只改变我们操作的元素.所以通常来看repaint的代价要远小于reflow,速度也更快.
2017-12-13 15:32:17
982
原创 如何把一个图片不变形的放在更小的div中(适用于移动端)
html代码div class="title-img">img src="。。。"alt="">div>css代码.title-img{width: 100%;height: 3.22rem;margin:0auto;text-align:center;overflow:hidden;}.title-img
2017-11-14 10:38:16
2729
原创 字面量
什么叫做字面量?JavaScript中这个词经常可以在各种论坛,参考资料中看到。今天才仔细的找了一下到底什么叫做字面量。百度百科上面说:在计算机科学中,字面量(literal)是用于表达源代码中一个固定值的表示法(notation)。几乎所有计算机编程语言都具有对基本值的字面量表示,诸如:整数、浮点数以及字符串;而有很多也对布尔类型和字符类型的值也支持字面量表示;还有一些甚
2017-11-07 10:57:36
478
原创 placeholder兼容问题
(function($) { var placeholderfriend = { focus: function(s) { s = $(s).hide().prev().show().focus(); var idValue = s.attr("id"); if (idValue) { s.attr
2017-11-01 16:37:42
335
原创 登录页面的背景图
由于标签的图片不能够拉伸,解决办法:1、图片不够大,又background属性不能拉伸图片; 2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用 3、body的background属性去掉,要不然会被遮住body> div style="position:absolute; width:100%; hei
2017-11-01 11:38:07
7544
1
转载 Javascript 严格模式use strict详解
1.概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。 2.为什么用严格模式- 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;- 消除代码运行的一些不安全之处,保证代码运行的安全;- 提高编译器效率,增加
2017-10-17 15:37:03
203
原创 doctype是什么(面试题)
(面试题)什么是DOCTYPE:DOCTYPE,或者称为 Document Type Declaration(文档类型声明,缩写 DTD)。通常情况下,DOCTYPE 位于一个 HTML 文档的最前面的位置,位于根元素HTML 的起始标签之前。这样一来,在浏览器解析 HTML 文档正文之前就可以确定当前文档的类型,以决定其需要采用的渲染模式(不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析)。DOCTYPE与各种模式的关系:
2017-10-17 14:16:11
972
原创 JSON格式
JSON格式:以下两种情况1. {“a”:"A","b":"B","c":"C"}键值对,键值都用双引号括起来2. JSON数组 [{“a”:"A","b":"B","c":"C"},{“a”:"A","b":"B","c":"C"},{“a”:"A","b":"B","c":"C"}]数组中有n个对象只要满足以上格式,都为JSON格式var a=JSON.pa
2017-09-21 22:45:35
220
原创 类数组
定义:拥有length属性,其它属性(索引)为非负整数(对象中的索引会被当做字符串来处理,这里你可以当做是个非负整数串来理解)不具有数组所具有的方法通俗点理解,就是拥有length属性,属性名可以被转换为数字的对象。两个要点缺一不可。var likeArray={'0':'a','1':'b',length:10}javascript中常见的类数组有
2017-09-21 20:30:05
184
原创 点击li,输出对应li的下标
window.onload=function(){第一种方法:var oli=document.getElementsByTagName('li'); for(var i=0;i oli[i].onclick=(function(n){ return function(){ alert(n) } })(i) } }第二种方法:/
2017-09-20 20:59:27
4313
原创 call+apply
function vegetable(name,price){this.name=name;console.log(this.name)}call+applyfunction tomato(names,prices){vegetable.call(this,names,prices)//把tomato的参数拿过来给vegetable用}var a=new tomato('a',10)
2017-09-20 10:04:05
268
原创 各种top
top:该属性一般对用过css定位的元素有效(position为“static”时为auto,不产生效果),定义了一个top属性有效的元素(即定位元素)的上外边距边界与其包含块上边界之间的偏移。clientTop:元素上边框的厚度,当没有指定边框厚底时,一般为0。scrollTop:位于对象最顶端和窗口中可见内容的最顶端之间的距离,简单地说就是滚动后被隐藏的高度。offse
2017-09-19 16:56:24
636
原创 闭包
JavaScript中存在两个作用域:全局作用域,函数作用域JavaScript中的局部变量是以函数为单位的,在函数A中声明函数B,且函数B中使用了函数A中声明的局部变量,这就叫闭包什么情况下会使用闭包:IIFE(声明一个函数马上执行)和想访问函数的私有变量时会用闭包function car(){ var wheel = 3;//私有变量 t
2017-09-19 09:40:53
320
原创 闭包
JavaScript中存在两个作用域:全局作用域,函数作用域 JavaScript中的局部变量是以函数为单位的,在函数A中声明函数B,且函数B中使用了函数A中声明的局部变量,这就叫闭包什么情况下会使用闭包:IIFE(声明一个函数马上执行)和想访问函数的私有变量时会用闭包
2017-09-19 09:39:05
261
原创 ajax&promise
// 简单的ajax原生实现 var url = 'https://hq.tigerbrokers.com/fundamental/finance_calendar/getType/2017-02-26/2017-06-10'; var result; var XHR = new XMLHttpRequest(); XHR.open('GET', url, true
2017-09-18 19:46:45
301
原创 es6语法——解构
数组解构let [a,b]=[1,3];console.log(a,b);//1,2对象解构:let {c,d}={c:1,d:2};console.log(c,d);//1,2数组解构是按先后顺序,即下标对象解构时变量名必须和对象名
2017-09-07 17:09:32
233
原创 es6的字符串
字符是指计算机中使用的字母、数字、字和符号。1个汉字字符存储一般需要2个字节,1个英文字符存储需要1个字节。对于需要4个字节储存的字符(Unicode码点大于0xFFFF的字符)JvaScript不能正确处理,字符串长度会误判为2,而且charAt方法无法读取整个字符,charCodeAt方法只能分别返回前两个字节和后两个字节的值。ES6提供了codePointAt方法,能够正确处
2017-09-07 17:03:33
173
原创 JS输入一个无序数组,输出第X大的数字
Documentvar arr=prompt('请输入数组');arr=arr.split(' ');var maxNum=prompt('请输入数字');maxNum=parseInt(maxNum);if(maxNum>arr.length){console.log('请输入正确数字');}function sorts(arr){arr.sort
2017-08-26 17:02:31
1015
原创 Vue组件插入换行
也就是说写组件的时候添加HTML元素,只要在引用组件的数据时使用v-html来替代v-text就能自动识别HTML的换行或其他元素关于如何在vue组件的数据中使用换行
2017-08-23 10:32:09
5500
原创 Vue实例化和组件的注册顺序
var list=Vue.extend({//组件template:'#list',data:function(){return {items:[]};},methods:{getList:function(){this.$http({url:"http://localhost:8080/getList",method:'POST',}).then(func
2017-08-20 21:25:59
2364
原创 好气 写了半天的效果 蚂蜂网动画
$(function(){$("#li li").on('mouseenter',function(event) {$("#li li").removeClass('fide');$(this).addClass('fide');$(this).find('p').animate({top:100+'px'},300);});$("#li li").on('mouselea
2017-08-19 21:13:06
217
原创 es5和es6中封装继承的不同
'use strict';es5封装function Father(name){this.name=name;}Father.prototype={introduce:function(){console.log('my name is '+this.name);}};继承function Child(name,hobby){Father.cal
2017-08-14 22:10:30
431
原创 Node创建服务器对象
利用express模块var express=require('express');var app=express();app.get('/',function(req,res){//如果是一个get请求,并且请求的是8080的根目录(即localhost:8080),就用后面的function进行处理res.send('Nihao');res.end();})app.
2017-08-14 20:57:58
262
原创 Node的模块简单介绍
Node中的模块分两类:一类是自带的核心模块,如http、tcp等,第二类是第三方核心模块,express就是与http对应的第三方核心模块,用于处理http请求。关于如何下载第三方模块:(1)如果没有package.json文件 npm init命令 需要创建一个package.json文件(2)通过npm install xxx--save安装的第三库的名字和版本信息会写进page
2017-08-14 19:47:51
260
原创 node.js中module.exports和exports的区别
exports 和 module.exports 的区别:module.exports 初始值为一个空对象 {}exports 是指向的 module.exports 的引用require() 返回的是 module.exports 而不是 exports
2017-08-14 19:21:43
280
转载 vuex namespaced的作用
vuex中的store分模块管理,需要在store的index.js中引入各个模块,为了解决不同模块命名冲突的问题,将不同模块的namespaced:true,之后在不同页面中引入getter、actions、mutations时,需要加上所属的模块名
2017-08-10 21:01:34
18048
转载 vue组件中$emit()的作用
尽管子组件可以用this.$parent访问它的父组件及其父链上任意的实例,不过子组件应当避免直接依赖父组件的数据,尽量显式地使用 props 传递数据。另外,在子组件中修改父组件的状态是非常糟糕的做法,因为: 这让父组件与子组件紧密地耦合; 只看父组件,很难理解父组件的状态。因为它可能被任意子组件修改!理想情况下,只有组件自己能修改它的状态。 每个Vue实例都是一个事件触发
2017-08-10 20:15:15
5803
原创 Vuex-demo
Vue.component('test',{ template:'#test' }) var store=new Vuex.Store({ state:{ msg:'今天星期一' },//希望组件之间共享的数据 getters:{}, mutations:{},//如果想改state里面的值,通
2017-08-07 20:48:50
391
原创 css三角形的IE兼容写法
span{ border-style: dashed dashed solid dashed;//上 右 下 左 想哪边为三角形 就把哪边写成solid border-color: transparent; border-top-color: green; border-width: 5px; width:
2017-08-07 20:30:50
485
原创 如何访问函数内部的变量
1.利用全局变量的特性 var a; function b(b){ b=’函数的变量’; a=b; } alert(a); 2.利用全局函数的特性 function f1(){ var a=’函数内的变量’; f2(a);//在f1函数内调用f2 } f1(); function f2(b){ alert(b); }
2017-08-07 20:23:48
2395
原创 关于网页排版背景图片的问题
1.整个网页背景图为某个图片设置方法:在css文件中添加以下代码2.某块要将某个图片设为背景<div> <img src="图片来源" width='xxxpx';height='xxxpx' alt=""> </div>
2017-06-09 22:49:01
361
原创 属性节点的操作
属性节点增删改查 //属性的操作就是增删改查 onload=function(){ //1添加属性(方法1 方法2 方法3) //方法1 使用setAttribute添加属性 //添加的是自定义的,非标准的属性 var x=document.querySelectorAl
2017-06-03 21:55:40
379
原创 dom对象中常见节点的属性
onload = function(){ // 常见的节点属性 // 1.nodeValue表示节点的值 所有的节点都有该属性 一般文本节点才会使用 // var a=document.body.lastChild.nodeValue; // console.log("+"+a+"+");
2017-06-03 18:49:17
2610
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人