两年不用下次再用不知道什么时候的账号-优快云博客

原创在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 1776

原创 target和currentTarget区别

比较难区分的事件对象：target和currentTargettarget:触发事件的某个具体对象。currentTarget:绑定事件的对象，恒等于this（非ie的dom2级事件中，ie事件中this指向window），可能出现在事件流的任意一个阶段中通常情况下terget和currentTarget是一致的，我们只要使用terget即可，（一般target用的也比较多）但有一种情

2018-01-11 11:37:51 3206 1

原创浏览器显示窗口

浏览器显示窗口大小1innerHeight和innerWidth=clientHeight和clicentWidth2.innerHeight和innerWidth=clientHeight和clicentWidth

2017-12-28 16:37:39 303

原创点击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 2161

原创重构(reflow)与重绘(repaint)

reflow意味着结构的改变,比如一堆元素堆叠,改变其中一个的宽高,那么相应的所有元素的位置都要改变.repaint意味着样式的改变比如div调整了背景色等,但是位置不变,只改变我们操作的元素.所以通常来看repaint的代价要远小于reflow,速度也更快.

2017-12-13 15:32:17 1056

原创设置ul滚动条，手风琴滚动条

给ul或者父元素设置一个固定高度，然后设置overflow:auto 当超过父元素高度时就会自动出现滚动条。

2017-11-28 14:47:57 8117

原创如何把一个图片不变形的放在更小的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 2760

原创字面量

什么叫做字面量？JavaScript中这个词经常可以在各种论坛，参考资料中看到。今天才仔细的找了一下到底什么叫做字面量。百度百科上面说：在计算机科学中，字面量（literal）是用于表达源代码中一个固定值的表示法（notation）。几乎所有计算机编程语言都具有对基本值的字面量表示，诸如：整数、浮点数以及字符串；而有很多也对布尔类型和字符类型的值也支持字面量表示；还有一些甚

2017-11-07 10:57:36 513

原创 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 408

原创登录页面的背景图

由于标签的图片不能够拉伸，解决办法：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 7609 1

转载 Javascript 严格模式use strict详解

1.概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。 2.为什么用严格模式- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;- 消除代码运行的一些不安全之处，保证代码运行的安全；- 提高编译器效率，增加

2017-10-17 15:37:03 236

（面试题）什么是DOCTYPE：DOCTYPE，或者称为 Document Type Declaration（文档类型声明，缩写 DTD）。通常情况下，DOCTYPE 位于一个 HTML 文档的最前面的位置，位于根元素HTML 的起始标签之前。这样一来，在浏览器解析 HTML 文档正文之前就可以确定当前文档的类型，以决定其需要采用的渲染模式（不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析）。DOCTYPE与各种模式的关系：

2017-10-17 14:16:11 1015

原创 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 240

原创类数组

定义：拥有length属性，其它属性（索引）为非负整数(对象中的索引会被当做字符串来处理，这里你可以当做是个非负整数串来理解)不具有数组所具有的方法通俗点理解，就是拥有length属性，属性名可以被转换为数字的对象。两个要点缺一不可。var likeArray={'0':'a','1':'b',length:10}javascript中常见的类数组有

2017-09-21 20:30:05 202

原创点击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 4343

原创 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 288

原创各种top

top：该属性一般对用过css定位的元素有效（position为“static”时为auto，不产生效果），定义了一个top属性有效的元素（即定位元素）的上外边距边界与其包含块上边界之间的偏移。clientTop：元素上边框的厚度，当没有指定边框厚底时，一般为0。scrollTop：位于对象最顶端和窗口中可见内容的最顶端之间的距离，简单地说就是滚动后被隐藏的高度。offse

2017-09-19 16:56:24 690

原创闭包

JavaScript中存在两个作用域：全局作用域，函数作用域JavaScript中的局部变量是以函数为单位的，在函数A中声明函数B，且函数B中使用了函数A中声明的局部变量，这就叫闭包什么情况下会使用闭包：IIFE（声明一个函数马上执行）和想访问函数的私有变量时会用闭包function car(){ var wheel = 3;//私有变量 t

2017-09-19 09:40:53 346

原创闭包

JavaScript中存在两个作用域：全局作用域，函数作用域 JavaScript中的局部变量是以函数为单位的，在函数A中声明函数B，且函数B中使用了函数A中声明的局部变量，这就叫闭包什么情况下会使用闭包：IIFE（声明一个函数马上执行）和想访问函数的私有变量时会用闭包

2017-09-19 09:39:05 276

原创 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 311

转载尾调用

尾调用（Tail Call）是函数式编程的一个重要概念，本身非常简单，一句话就能说清楚，就是指某个函数的最后一步是调用另一个函数。

2017-09-11 21:52:37 225

原创 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 259

原创 es6的字符串

字符是指计算机中使用的字母、数字、字和符号。1个汉字字符存储一般需要2个字节，1个英文字符存储需要1个字节。对于需要4个字节储存的字符（Unicode码点大于0xFFFF的字符）JvaScript不能正确处理，字符串长度会误判为2，而且charAt方法无法读取整个字符，charCodeAt方法只能分别返回前两个字节和后两个字节的值。ES6提供了codePointAt方法，能够正确处

2017-09-07 17:03:33 204

原创 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 1042

原创 Vue组件插入换行

也就是说写组件的时候添加HTML元素，只要在引用组件的数据时使用v-html来替代v-text就能自动识别HTML的换行或其他元素关于如何在vue组件的数据中使用换行

2017-08-23 10:32:09 5538

原创 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 2413

原创好气写了半天的效果蚂蜂网动画

$(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 240

原创 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 460

原创 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 285

原创 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 284

原创 node.js中module.exports和exports的区别

exports 和 module.exports 的区别：module.exports 初始值为一个空对象 {}exports 是指向的 module.exports 的引用require() 返回的是 module.exports 而不是 exports

2017-08-14 19:21:43 305

转载 vuex namespaced的作用

vuex中的store分模块管理，需要在store的index.js中引入各个模块，为了解决不同模块命名冲突的问题，将不同模块的namespaced:true，之后在不同页面中引入getter、actions、mutations时，需要加上所属的模块名

2017-08-10 21:01:34 18079

转载 vue组件中$emit()的作用

尽管子组件可以用this.$parent访问它的父组件及其父链上任意的实例，不过子组件应当避免直接依赖父组件的数据，尽量显式地使用 props 传递数据。另外，在子组件中修改父组件的状态是非常糟糕的做法，因为：这让父组件与子组件紧密地耦合；只看父组件，很难理解父组件的状态。因为它可能被任意子组件修改！理想情况下，只有组件自己能修改它的状态。　　每个Vue实例都是一个事件触发

2017-08-10 20:15:15 5841

原创 Vuex-demo

Vue.component('test',{ template:'#test' }) var store=new Vuex.Store({ state:{ msg:'今天星期一' },//希望组件之间共享的数据 getters:{}, mutations:{},//如果想改state里面的值，通

2017-08-07 20:48:50 421

原创 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 515

原创如何访问函数内部的变量

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 2443

原创清除tr td的缝隙

table{border-collapse:collapse;}

2017-08-04 20:04:22 1748

原创关于网页排版背景图片的问题

1.整个网页背景图为某个图片设置方法：在css文件中添加以下代码2.某块要将某个图片设为背景<div> <img src="图片来源" width='xxxpx';height='xxxpx' alt=""> </div>

2017-06-09 22:49:01 375

原创属性节点的操作

属性节点增删改查 //属性的操作就是增删改查 onload=function(){ //1添加属性（方法1 方法2 方法3） //方法1 使用setAttribute添加属性 //添加的是自定义的，非标准的属性 var x=document.querySelectorAl

2017-06-03 21:55:40 408

原创 dom对象中常见节点的属性

onload = function(){ // 常见的节点属性 // 1.nodeValue表示节点的值所有的节点都有该属性一般文本节点才会使用 // var a=document.body.lastChild.nodeValue; // console.log("+"+a+"+");

2017-06-03 18:49:17 2650

空空如也

空空如也