- 博客(37)
- 收藏
- 关注
原创 this
this的几种使用场景以及其所代表的含义:1、作为方法来调 var user={ name:"frank", age:"30", information:function (){ console.log(this) return this.name + this.age ...
2018-11-15 11:32:24 165
转载 原生JS执行环境与作用域深入理解
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/liujie19901217/article/details/52225025 首先,我们要知道执行环境和作用域是两个完全不同的概念。 函数的每次调用都有与之紧...
2018-11-10 10:41:47 213
原创 flex布局
设置display:flex; display:inline-flex的元素称为flex容器,里边子元素称为flex子项flex相关属性分为两部分,一部分作用在flex元素上,另一部分作用在flex子项上一:子项整体布局方向flex-direction:row | row-reverse | column | column-reverse二:控制子项整...
2018-11-09 16:20:53 183
原创 取整 取余函数
1、取整1>丢弃小数部分 保留整数部分 parseInt(5/2)//2.52>向上取整Math.ceil(5/2)//33>向下取整Math.floor(5/2)//24>四舍五入Math.round(5/2)//32、取余5 % 2//0.5 ...
2018-11-09 14:47:34 3154
转载 vue生命周期(钩子函数)
版权声明: https://blog.csdn.net/qq_41115965/article/details/80796101 生命周期(钩子函数)一、生命周期过程解释实例创建之后,初始化事件和生命周期,而后触发beforeCreate。beforeCrea...
2018-11-08 16:32:43 141
原创 eventTarget.addEventListner 用法小记
<button id="btn">click</button><script>document.getElementById("#btn").addEventListener("click",function(){alert("hello");})</script>第一种方式 type后紧跟funct
2018-11-08 15:09:16 285
转载 v-if和v-show的区别
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/webxiaoma/article/details/72510461 今天来说一下vue中 v-if 和 v-show 的区别!一、v-if 和 v-show ...
2018-10-10 19:25:47 169
转载 vue常用指令
我之前学了学angular 发现angular和vue的指令有点类似先说一下new Vue({ el: "#box", // element(元素) 当前作用域  
2018-10-10 19:21:08 188
转载 vue生命周期 钩子函数
beforeCreate:初始化之前beforeCreate(){console.log("代码初始化之前")}Created:初始化完成created(){console.log("初始化完成");}beforeMount:挂载之前beforeMount(){console.log("挂载之前")}mounted:挂载之后mounted(){co...
2018-10-10 19:04:24 157
转载 MySQL 1045登录失败
原 MySQL 1045登录失败 2012年10月31日 22:20:22 青鸟天空 阅读数:148637更多 <div class="tags-box space"> <span class="label...
2018-09-17 21:10:29 240
转载 vue-router
版权声明:本文为博主原创文章,未经博主允许不得转载。转载请标明出处:http://blog.csdn.net/ligang2585116! https://blog.csdn.net/ligang2585116/article/de...
2018-09-04 16:38:57 178
转载 vuex store
vuex用来管理vue的所有组件状态。 首先下载vuex,”vuex”:”^3.0.1”,运用”vuex-persistedstate”来对数据进行缓存。下载”vuex-persistedstate” 在文件中引入:(新建一个store文件夹,在文件夹下的index.js文件进行如下编写)i...
2018-08-12 13:36:35 146
转载 Vue.js学习笔记:props传递数据
一.传递数据1.props 传入单数据就像 data 一样,prop 可以用在模板内,同样也可以在 vm 实例中像“this.message”这样使用<template> <div id="app"> <h1>{{tit...
2018-08-08 16:10:19 383
转载 vuex
我们前面做了一个这样的页面,为了增加我们的学习难度,我们特意拆分成了不同的组件。 我们知道,我们在子组件里并不能直接对兄弟组件里的属性进行操作,我们通过this.$emit()</code> 调用父组件的方法,通过<code>this.$parent.$data.use...
2018-08-08 15:39:36 149
转载 vue滚动加载插件vue-infinite-scroll
vue-infinite-scroll插件可以无限滚动实现加载更多,其作用是是当滚动条滚动到距离底部的指定高度时触发某个方法。 https://github.com/ElemeFE/vue-infinite-scroll/ https://www.npmjs.com/packag...
2018-08-08 14:15:05 881
转载 Flex布局
Flex 布局教程:语法篇作者: 阮一峰日期: 2015年7月10日网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + positio...
2018-07-30 17:32:18 117
原创 jQuery的静态方法和实例方法
//定义一个类 function Aclass{ } //给类添加静态方法 直接添加给类就是添加静态方法 Aclass.staticMethod=function(){ } 静态方法通过类名调用 Aclass.staticMethod(); //给类添加实例方法 Aclass.prototype.instanceMethod=function(){ } 实例方法通过类的实例调...
2018-07-25 15:12:29 1059
转载 Reactz中的state状态
版权声明:本文为博主原创文章,未经博主允许不得转载。 PS:转载请注明出处 作者:TigerChain 地址:http://www.jianshu.com/p/44a787904d9b 本文出自TigerChain简书React 教程系列 教程简介1、阅读对象...
2018-07-13 10:23:09 336
转载 React.js属性(this.props)
一、什么是属性React官方文档上对于属性的介绍如下:React 里有一个非常常用的模式就是对组件做一层抽象。组件对外公开一个简单的属性(Props)来实现功能,但内部细节可能有非常复杂的实现。React中的每一个组件,都包含有一个属性(props),属性主要是从父组件传递给...
2018-07-13 10:05:17 1653
转载 React:DOM Diff算法
React中最神奇的部分莫过于虚拟DOM,以及其高效的Diff算法。这让我们可以无需担心性能问题而”毫无顾忌”的随时“刷新”整个页面,由虚拟DOM来确保只对界面上真正变化的部分进行实际的DOM操作。React在这一部分已经做到足够透明,在实际开发中我们基本无需关心虚拟DOM是如何运作...
2018-07-12 16:59:26 315
转载 React亮点:虚拟DOM
React非常快速是因为它从不直接操作DOM。虚拟DOM是在DOM的基础上建立了一个抽象层,对数据和状态所做的任何改动,都会被自动且高效的同步到虚拟DOM,最后再批量同步到DOM中。在React中,render执行的结果得到的并不是真正的DOM节点,而仅仅是JavaScr...
2018-07-12 16:26:50 224
转载 sublime text3 使用指南
作者:sam976 转载需征得作者本人同意,谢谢。1.介绍所谓工欲善其事必先利其器,编码过程合理熟练使用工具是优秀程序员必备技能,在诸多工具中,Sublime Text无疑是一款利器,它界面优美、功能强悍、性能令人惊讶,需要注意的是,它并不是IDE,而是一个单纯的文本编辑工具,但其代码高亮显示、语法提示、自动...
2018-06-21 10:48:13 1761
转载 JavaScript学习指南集锦
在过去的一年间(2017年),我们对比了近24000篇 JavaScript 文章,并从中挑选出了最好的55篇。我们做了这个目录,认为阅读有经验的程序员写的文章是一个很好的学习方式。在学习了一两门课程之后,您可能在构建和发布实际应用时面临许多挑战。通过这个目录,您可以更轻松地找到去年的最佳 JavaScript 教程,在这...
2018-06-21 09:50:20 459
转载 es6学习2
ES6 简介ECMAScript 6 简称 ES6,是 JavaScript 语言的下一代标准,已经在2015年6月正式发布了。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ECMAScript 和 JavaScript 的关系:前者是后者的语法规格,后者是前者的一种...
2018-06-12 20:11:45 106
转载 如何在GitHub上传自己的代码
NO1. cd到你项目的根目录下,然后执行git命令,创建仓库[html] view plain copy print?git init git initNO2. 将项目中所有的文件添加到仓库中[html] view plain copy print?git&...
2018-06-11 09:52:19 1934
转载 源映射
一、什么是源映射为了提高性能,很多站点都会先压缩 JavaScript 代码然后上线,但如果代码运行时出现错误,浏览器只会显示在已压缩的代码中的位置,很难确定真正的源码错误位置。这时源映射就登场了。 源映射(Source Map)是一种数据格式,它存储了源代码和生成代码之间的位置映射关系。源映射一般使用 .map 扩展名,源映射本质是一个 JSON 文本文档,其 M...
2018-06-09 11:34:31 1642
转载 http请求的全过程
这几天看一个讲解一个网页从我们输入地址到显示在我们面前的一个讲解,是我对http又有了一个完整的了解,现在做一下整个流程的记录,虽然不是很详细,但是整个过程是完整的。如果不对,请指正!打开浏览器,地址栏输入blog.csdn.net。开始进行域名解析浏览器自身搜dns缓存 搜blog.cs...
2018-06-08 09:37:58 134
转载 ES6学习
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性,但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不...
2018-06-07 20:10:52 236
转载 js刷新页面得重新加载和页面的刷新
1、reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击...
2018-06-07 19:59:10 11801 1
原创 js实现鼠标滑过选项卡切换效果
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-
2018-05-19 11:40:01 5037 5
原创 js 实现点赞放大效果 (动画练习)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-
2018-05-19 09:55:46 3481 1
原创 js实现倒计时动画
<!doctype html><html><head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>document&
2018-05-18 11:45:47 1000
原创 js实现五子棋
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-
2018-05-18 11:30:46 484
原创 js代码实例 实现动态进度条
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-
2018-05-18 10:34:13 1519
原创 js实现关键词搜索
<!doctype html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title>&
2018-05-17 21:13:40 6666 1
原创 angular实现购物车效果代码
<!doctype html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title>&
2018-05-17 20:57:19 412
转载 document.documentElement对象的clientWidth、offsetWidth、scrollWidth、clientLeft、offsetLeft、scrollLeft
转载自 @鬼眼邪神document.documentElement.clientWidth获取浏览器窗口文档显示区域的宽度,不包括滚动条。document.documentElement.clientHeight获取浏览器窗口文档显示区域的高度,不包括滚动条。浏览器兼容性所有浏览器解释都一样。document.documentElement.offsetWidth获取DOM文档的根节点html元素...
2018-05-17 20:09:11 14329 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人