- 博客(23)
- 收藏
- 关注
RSS订阅原创 document元素相关笔记
document 和 document.documentElement当html页面第一行没有声明标签 !DOCTYPE html 的时候，document和document.documentElement是一样一样的。如图， 在浏览器打印这两个元素的时候选中后的都是同一个区域而当也页面添加了!DOCTYPE html 之后再打印这两个元素的时候，document没变，document.docume
2018-01-13 14:12:33
362
原创 css高度塌陷
引起高度塌陷的原因及影响在使用了浮动元素或者绝对定位之后，会使当前的元素脱离文档流。把body页面看成是一个层级，一个平面，正常的情况下它里面的元素都是按照自上而下按照块元素行内元素规则排列。按正常的文档流不能够实现更丰富的页面效果，浮动和定位可以给我们带来很多便利，但是会脱离文档流与body不在一个平面会跳出正常文档的排列规则，在页面不是很复杂的情况下也许看不出来有什么影响如果页面内容多起来了就会
2017-09-15 11:53:02
610
转载 markdown语法
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-09-15 11:32:03
385
原创 webpack-dev-server
作用webpack-dev-server能够用来克服使用webpack过程的两个问题： 1，虽然使用webpack –watch的命令来动态监听文件的改变并实时打包，输出新bundle.js文件，这样文件多了之后打包速度会很慢。 2，这样的打包的方式不能做到hot replace，即每次webpack编译之后，你还需要手动刷新浏览器。 webpack-dev-server主要是启动了一个使用e
2017-08-24 13:27:31
563
原创 es6中的class
js中的类之前在javascript没有类这样的概念，而是构造函数来定义某一种有着相似属性的“类”。然后通过new 运算符来获得该”类”的实例，通过原型链来继承它的父类的属性和方法。//构造函数function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '
2017-07-31 15:18:33
385
原创 es6中的const和let
const用于声明一个常量，该常量有自己的块级作用域。常量不能重新声明，不能重新赋值。并且必须要有初始值。const a = 10;a = 20;console.log(a)// 会报错const b;console.log(b)// 会报错var b;console.log(b)// undefined//块级作用域function test() { const a = [1,
2017-07-31 14:25:48
284
原创 JSX语法糖
语法糖：语法糖(Syntactic sugar),是由Peter J. Landin(和图灵一样的天才人物，是他最先发现了Lambda演算，由此而创立了函数式编程)创造的一个词语，它意指那些没有给计算机语言添加新功能，而只是对人类来说更“甜蜜”的语法。语法糖往往给程序员提供了更实用的编码方式，有益于更好的编码风格，更易读。不过其并没有给语言添加什么新东西。JSX语法糖JSX语法，像是在Javascr
2017-07-31 09:51:12
668
原创 git
gitGit是分布式版本控制系统，同一个Git仓库，可以分布到不同的机器上。 怎么分布？最早，肯定只有一台机器有一个原始版本库，此后，别的机器可以‘克隆’这个原始 版本库，而且每台机器的版本库其实都是一样的，没有主次之分。git三大区工作区暂存区版本库远程仓库一台电脑上是可以克隆多个版本库的，只要不在同一个目录下。实际情况往往是这样，找一台电脑 充当服务器，每天24小时开机，其他每个人
2017-06-12 16:26:35
364
原创 css实现元素居中
水平居中一个块元素给该元素设置宽高，然后添加属性margin: 0 auto;绝对定位的div居中postion:absolute;top:0;left:0;bottom:0;right:0;margin:auto;水平垂直居中//方法一： postion:absolute;width:(x)px;height:(y)px;left:50%;top:50%;margin:-(x/2)px 0
2017-06-02 00:04:40
816
原创 vue-resource
vue-resourcevue-resource文档安装npm install vue-resource引入像jquery插件要在jquery之后引入一样,vue-resource要在vue之后才引入import VueResource from 'vue-resource';Vue.use(VueResource);使用vue-resource的使用方法和jquery的ajax使用方法可以说是
2017-05-22 23:50:22
3732
原创 Jsonp跨域请求
浏览器的同源策略URL由协议、域名、端口和路径组成，如果两个URL的协议、域名和端口相同，则表示他们同源。 三者有一个不同则会产生跨域。跨域的几种解决方案1,通过后台通过代理获取其它域名下的数据2,CORSCORS是一个W3C标准，全称是”跨域资源共享”（Cross-origin resource sharing），它允许浏览器向跨源服务器发出XMLHttpRequest请求，从而克服了AJAX只
2017-05-17 23:50:33
260
原创 封装兼容的Ajax请求
XMLHttpRequest对象XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。 XMLHttpRequest 对象是Ajax请求的基础。AJAX请求var xhr = new XMLHttpRequest();xhr.open('get/post', 'url地址', 'ture/false'); //
2017-05-17 00:32:40
1133
原创 JavaScript中的闭包
变量的作用域变量的作用域无非分为两种：全局变量和局部变量。函数内部用var声明的变量为局部变量,未用var声明的为全局变量。函数外部用var声明的变量为全局变量,全局作用域下的变量最终会变成window对象的属性或方法。//函数内部可以读取全局变量var a = 10;function adc() { console.log(a);}adc();//10//函数外部不能读取函数内
2017-05-17 00:22:16
255
原创 JavaScript中的事件
事件的概念 javascript中事件是可以被侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件事件的绑定ele.on+”事件类型” = function() {};常用的一些事件鼠标类 onclick 当用户点击某个对象时调用的事件。onmousedown 鼠标按钮被按下。onmouseup 鼠标按键被松开。onmouseover 鼠标移到某元素之上
2017-05-16 00:26:23
361
原创 JavaScript中的DOM
DOM的概念DOM是Document Object Model（文档对象模型）的缩写，是针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树，通过DOM，我们可以访问所有的HTML元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素DOM节点树节点类型 每个节点都有一个nodeType属性，用于表明节点的类型。常用节点类型与对应nodeType
2017-05-15 23:59:58
393
原创 JavaScript中的面向对象（二）
javascript基于原型的面向对象编程构造函数声明一个类，在构造函数中给this添加本地属性，并实例化一个对象，这种方式可以为对象声明一个公共的本地属性封装通过调用父类的构造函数实现初始化这段代码声明了一个Animal类，我现在想声明一个Cat类并继承它。继承
2017-05-13 22:31:46
370
原创 JavaScript中的面向对象（一）
面向对象编程面向对象原型链原型链搜索机制构造函数、原型对象和实例的关系javascript中的面向对象面向过程和面向对象编程
2017-05-13 21:32:19
780
原创 es6转es5
es6转化成es5一，webpack配置module.exports = { entry : './es6.js', output : { path : __dirname, filename : "es5.js" },var gulp = require("gulp");var babel = require("gulp-babel");
2017-05-13 00:14:43
923
转载 Webpack入门指迷
大概算是一份教程吧, 只不过效果肯定不如视频演示之类的好..Webpack 最近在英文社区上经常看到, 留了心, 但进一步了解是通过下边的视频:视频: How Instagram.com Works, Peter HuntPeter Hunt 也是 React 的传教士, 我由于对 React 的关注因此细看了视频再后来是出现 React Hot Loader 这样的开发神
2017-05-07 03:20:05
693
原创 JavaScript中的BOM
BOM的概念BOM 是Browser Object Model（浏览器对象模型）的缩写，提供与浏览器窗口进行交互的对象。 JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C, 而W3C对BOM没有标准的定义， 所以这也引发了各种浏览器不兼容的情况， 由于BOM 缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。 BOM由一系列相关的
2017-05-07 02:35:34
410
原创 angularjs笔记
angularjsModule一个angular程序就由一个主模块完成所有功能，一个主模块是由N个小模块组装成的 定义一个模块的方法就是angular.module()方法，接受两个参数 angular.module("模块的名字",['引入分模块的名字'])模块化开发，方便我们团队开发，方便分工合作，方便找出问题的根源 //定义一个模块,是一个模块函数,主模块 angular
2017-04-23 21:52:02
365
原创 CSS预处理器
用过css的都知道，css只能用来写样式不能够实现真正的编程，不能像js,php等语言拥有自己的变量,条件语句以及一些编程语法。它只是用一行行代码单纯的描述属性，写起来没那么方便，代码难以维护。所以出现了“css预处理器”让css像其他语言一样可以做一些预定的处理。css预处理器定义 ：用一种专门的编程语言，编写web样式，再编译成css文件格式。目前主流的预处理器里最常用的三种有：Sas
2017-02-06 17:09:58
4189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人