- 博客(81)
- 收藏
- 关注
RSS订阅转载 HTML笔记（HTML5 File API）
学习文章： 《文件和二进制数据的操作》 《HTML5 File API — 让前端操作文件变的可能》 HTML5 引入了一个 File API 用以提供用户上传文件的信息，并允许网页中的 JavaScript 访问其内容。 以下是一些表单 file 控件： <input type="file" accept="video/*;capture=camco...
2017-12-14 15:20:00
301
转载 Vue.js实战笔记Day1（vue-cli）
最近要弄一个单页面应用，于是乎就想到了vue.js，但网上关于vue.js的教程都是一些简单的数据互相绑定demo，所以最后买了慕课网的实战教程学习，同时结合 《官方文档》 以下是我的学习笔记。 1 Vue-cli 简介与安装 通常创建一个项目，一般的玩法都是会把一些基本的代码写好，类似于建筑工人在构建房子是都会搭建脚手架，而Vue就提供 Vue-cli 脚手架...
2017-11-26 17:40:00
301
转载 Webpack学习笔记
学习文章来源《入门Webpack，看这篇就够了》 Webpack Webpack的作用是：分析你的项目结构，找到 JavaScript 模块以及其它的一些浏览器不能直接运行的拓展语言（less，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 Gulp/Grunt 是一种能够优化前端的开发流程的工具，而WebPack是一种模块化...
2017-11-06 21:30:00
172
转载 杂记（隐藏滚动条及鼠标滚轮事件）
本次目的：要实现一个全屏网页，隐藏滚动条，当滚动 鼠标滚轮 时，屏幕像按帧数一样切屏而不是默认的滚动 1 隐藏滚动条 想要全屏演示隐藏滚动条，这里想到的方法是把 <body> 元素设置 overflow:hidden，然后再设置包裹元素定义 width:102%;，overflow-y:hidden; 以及 overflow-x:auto;，并且...
2017-11-05 22:43:00
193
转载 JavaScript笔记（touch事件）
参考文章：《touch事件中的touches、targetTouches和changedTouches详解》，《移动互联网终端的touch事件,touchstart, touchend, touchmove》 1 触摸事件 touchstart，touchmove，touchend，这三种是移动设备广泛实现的基本触摸事件，通过三者组合，可以完成诸如“长按”，...
2017-10-20 12:13:00
88
转载 JavaScript笔记（前端路由入门）
参考网站：什么是前端路由，单页web应用（SPA）的简单介绍 1 路由 什么是路由？ 路由是根据不同的url地址展示出来不同的内容或页面，常用于单页面引用（SPA）。 简单举例说明，假如我们有一台提供 Web 服务的服务器的网络地址是：10.0.0.1，而该 Web 服务又提供了三个可供用户访问的页面，其页面 URI 分别是： http://10...
2017-09-27 23:04:00
115
转载 杂记（查漏补缺）
参考文章《前端面试笔试知识汇总1（含答案）》 内存泄漏 内存泄漏 指任何对象在您不再拥有或需要它之后仍然存在。 垃圾回收器 定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即可回收。 setTimeout的第一个参数使用字符串而非函数...
2017-09-26 22:38:00
107
转载 JavaScript笔记（CommonJS规范）
参考网站： 《模块-廖雪峰的官方网站》 《CommonJS规范》 《js模块化编程之彻底弄懂CommonJS和AMD/CMD》 为了写可维护的代码，常把很多函数分组，分别放到不同的文件里，这样，每个文件包含的代码就相对较少，很多编程语言都采用这种组织代码的方式。 在Node环境中，一个.js文件就称之为一个模块（module），每个文件...
2017-09-18 22:33:00
246
转载 杂记（浏览器渲染）
Firefox、Chrome和Safari是基于两种渲染引擎构建的，Firefox使用Geoko（Mozilla自主研发的渲染引擎），Safari和Chrome都使用webkit。 1 渲染主流程 1、 浏览器将HTML文档解析成 DOM 树 2、 将CSS解析成 Rule 树 3、 DOM 树与 Rule 树一起构造层 Render 树（渲染树并不等同于 D...
2017-09-17 21:58:00
97
转载 CSS笔记（Flex 布局）
本文为《Flex 布局教程：语法篇》和《Flex 布局教程：实例篇》读后所作的笔记 平常实现垂直居中比较麻烦： 比如使用margin:auto： .parent { position:relative; height:100px; width:100px; background-color:#444; } .son { ...
2017-09-14 22:05:00
84
转载 杂记（前端安全以及性能优化）
本文来自于《我遇到的前端面试题2017》所写的笔记 1 前端安全问题 关于前端安全问题，主要有两种，分别为：XSS攻击以及CRSF攻击 1.1 XSS攻击 参考文章：《HttpOnly介绍以及防止XSS攻击时的作用》 跨站脚本攻击（Cross Site Scripting）为了与CSS重叠样式表区分开来，所以简称为XSS攻击。 简单来...
2017-09-11 17:15:00
220
转载 杂记（关于制作进度条）
今晚想为网站添加加载进度条，发现了自己几个知识点忘了或者说还没完全理解。 制作进度条很理所当然地会想起使用setTimeout()方法，使用animate()方法作为动画过渡，最后完成结果如： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
2017-09-05 17:32:00
79
转载 杂记（animate方法实现元素居中）
1 动画实现margin:auto; 想要使用动画效果令元素居中，我首先反应到的是使用transition或者animate()方法，然而animate()只接受数值作为参数，即如 $("#div").animate({margin:'20px auto'},'slow') 是无效的，同样的使用transition这个CSS属性也是对于直接定义margin:2...
2017-09-05 13:02:00
256
转载 CSS笔记（关于IE8阴影以及圆角）
behavior属性 IE8实现阴影以及圆角，可以创建behavior属性，behavior属性用于导入DHTML行为组件（.htc），DHTML行为组件并不是当今主流，且behavior属性只有IE10之前的版本所支持，其具体语法如： behavior:url(/static/css/ie-css3.htc) 为了实现IE8的圆角以及阴影效果，就可以创建be...
2017-09-01 11:27:00
220
转载 CSS笔记（动画属性以及counter-reset属性）
1 transform属性（IE10） transform属性允许对元素设置旋转，倾斜，缩放移动等样式。 当前版本的chrome，safari，Firefox，Opera以及IE10都支持transform属性，但为了以防低版本的兼容问题，最好还是加上浏览器前缀 -ms-transform：IE9 支持加了前缀的tranform属性，然而只适用2D转换 ...
2017-08-31 22:00:00
199
转载 CSS笔记（Bootstrap插件）
通过data属性API就可以使用所有Bootstrap插件 如同jQuery一样，若发生命名冲突可使用noConflict 1 模态框（Modal）插件 + <button>，定义`data-toggle="modal"`以及`data-target="#id"`或`href="#id"` + <div>，定义`modal`，`id...
2017-08-25 01:08:00
147
转载 CSS笔记（Bootstrap布局组件）
1 下拉菜单 实现下拉菜单的步骤： + <div>或<li>等，定义`dropdown` + <a>或<button>等，定义`data-toggle="dropdown"`，`data-target="#id"`或`href="#id"` + <ul>，定义`dropdown-menu` ...
2017-08-24 09:59:00
160
转载 CSS笔记（Bootstrap概览）
移动设备优先是 Bootstrap 3 的最显著的变化，为了Bootstrap可以在移动端确保适当的绘制和触屏缩放，要在头部添加viewport meta标签。 1 网络系统 Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统，可以随着设备或视口大小的增加而适当地扩展到 12 列。 创建网络系统布局，主要有以下步骤： 创建一个...
2017-08-23 11:31:00
153
转载 CSS笔记（关于viewport）
本文为来自腾讯的干货：深度讲解VIEWPORT和PX是什么及移动前端开发之viewport的深入理解的读后笔记 一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下： <meta name="viewport" content="width=device-width,initial-scale=1.0"> 其中： ...
2017-08-22 15:14:00
141
转载 Vue笔记
参考网站： 《VUE 官网教程》 《VUE 官网API》 《菜鸟教程》 《Vue.js——60分钟快速入门》 1 Vue.js 及其实例 Vue.js是一个JavaScript MVVM{（Model-View-ViewModel）库，Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定。 ViewModel是...
2017-08-14 11:39:00
146
转载 Python笔记（Jinja2）
本文是基于Jinja2中文手册，以及 Jinja2 简明使用手册所做的笔记。 1 Jinja2 Jinja2是基于python的模板引擎，之前在编写廖雪峰的web开发的时候接触过，在Day5以及Day8都有涉及到。 1.1 Environment类 Environment是Jinja2中的一个核心类，它的实例用来保存配置、全局对象，以及文件路径用...
2017-08-13 22:46:00
543
转载 杂记（关于this与e.target区别以及data-*属性）
1 this与event.target 在编写事件函数时可以传入一个event参数，even参数可以使用一个target属性如even.target用以调用，其作用是指向返回事件的目标节点（触发该事件的节点），这与this是有区别的。 在js中事件属性是会冒泡的，所以在这情况下，如果选用this，那么this是随时变化的，它指向的总是当前触发的事件，而even.ta...
2017-08-09 23:43:00
262
转载 杂记（兼容IE浏览器）
本文章是依《史上最全的CSS hack方式一览》所作的学习笔记。 1 CSS hack 由于不同厂商浏览器或者不同版本的浏览器，对CSS或JavaScript的支持以及解释都不尽相同，导致不同的浏览器显示相同的页面会有不同的显示效果。为了统一显示效果，就需要针对不同的浏览器、不同的版本，编写特定的CSS样式，这个过程叫做CSS hack。 2 CS...
2017-08-08 23:04:00
84
转载 杂记（一些CSS的透明，阴影，渐变样式以及关于浏览器缩放的对应操作）
1 box-shadow属性与text-shadow（IE9+） box-shadow属性能使框添加一个或多个阴影，格式为： box-shadow: h-shadow v-shadow [blur spread color inset]; 其中： h-shadow：必选，表示水平方向阴影的位置，可以为负值； v-shadow：必选，表示垂直方向阴影的位置。...
2017-08-08 21:41:00
200
转载 jQuery笔记（AJAX）
1 AJAX jQuery对Ajax操作进行封装，在jQuery中$.ajax()方法属于最低层的方法，第二层是$.get()，$.post()和load()方法。 1.1 load()方法 load()方法用于提取远程HTML代码并插入DOM中。它的结构为： load(url,[,data],[,callback]) url（string）参数表示...
2017-08-01 23:48:00
235
转载 jQuery笔记（编写jQuery插件）
编写jQuery插件 1.1 扩展 $.fn 对象 编写jQuery插件，就等同与编写一个jQuery对象的方法。给jQuery对象绑定方法是通过扩展$.fn对象实现的。 如编写一个改变样式的插件： $.fn.makecolor=function(options){ var color = options && options.c...
2017-07-29 11:51:00
123
转载 jQuery笔记（动画）
使用JavaScript实现动画效果通常都是调用setTimeout()一点点地改变CSS样式，从而达到有动画效果。 要实现动画效果，单纯使用原始JavaScript会很繁琐，而使用jQuery就会相对简单一些。 1 show()，hide()与toggle() show()，hide()与toggle()顾名思义，就是显示，隐藏以及切换的意思，它们都是jQu...
2017-07-28 23:06:00
80
转载 JavaScript笔记（事件属性）
1 JavaScript DOM事件 DOM事件模型是什么：指的是冒泡和捕获 DOM事件流是什么：捕获阶段 -> 目标阶段 -> 冒泡阶段 1.1 事件流 参考文章：《js之事件冒泡和事件捕获详细介绍》 事件流分为两种：事件冒泡和事件捕获 事件冒泡：事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上...
2017-07-28 17:28:00
125
转载 jQuery笔记（操作DOM）
普通地操作DOM，有的浏览器只支持innerHTML，有的支持innerText，有了jQuery对象，不需要考虑浏览器差异了，全部统一操作。 1 修改DOM 1.1 text() 与 html() jquery对象的text() 与 html()方法对应的就是innerText以及innerHTML，分别获取节点的文本 和 原始HTML文本。 jQue...
2017-07-28 11:12:00
134
转载 jQuery笔记（入门简介与选择器）
1 jQuery简介 与JavaScript相比，jQuery拥有跨浏览器的兼容性，获取网页中不存在的元素也不会报错。 jQuery有两个版本分别是1.x与2.x，区别在于2.x移除了对IE6、7、8的支持。 符号$ jQuery把所有的功能都封装在jQuery变量上，而$符号就是jQuery的别名，jQuery是一个函数，也能被当成对象。 如果引...
2017-07-27 23:36:00
78
转载 杂记（关于《js dom 编程艺术》）
1 关于编写网页时的原则 编写网页时，应牢记两个原则： 渐进增强：一切从内容开始，也就是说从一开始就得把核心内容表达在HTML上，不要试图使用JS添加核心内容，渐进增强的意思是使用CSS，JS达到改进呈现的效果。 平稳退化：渐进增强的实现必然支持平稳退化，就是说按照渐进增强的原则充实内容，即使缺乏必要的CSS和JS都不影响访问者访问核心的内容 2 关于...
2017-07-22 23:16:00
73
转载 JavaScript笔记（AJAX 与 JSONP）
1 AJAX Asynchronous Javascript and XML（异步传输 JavaScript和XML），简单来说就是：JS调用异步通讯组件并使用格式化的数据（包括XML，JSON）来更新web页面上的内容或操作过程，而这个方法就算是AJAX。 有很多时候，一些网站点击一个按钮提交一次HTTP请求，整个网页都会自动刷新，尽管新网页可能只有一行字不同，这...
2017-07-17 21:05:00
169
转载 JavaScript笔记（浏览器下-操作表单以及文件）
1 操作表单 用JavaScript操作表单和操作DOM是类似的，因为表单本身也是DOM树。 HTML表单的输入控件主要有以下几种： 单选按钮 多选按钮 文本框 下拉框（<select>） 口令框 隐藏文本(<input type="hidden">) 1.1 获取值 假如想要获取一个<input>节点的输入值，首先...
2017-07-17 14:43:00
90
转载 JavaScript笔记（浏览器上--操作DOM）
1 浏览器 注意识别各种国产浏览器，如某某安全浏览器，某某旋风浏览器，它们只是做了一个壳，其核心调用的是IE，也有号称同时支持IE和Webkit的“双核”浏览器。 不同的浏览器对JavaScript支持的差异主要是，有些API的接口不一样，比如AJAX，File接口。对于ES6标准，不同的浏览器对各个特性支持也不一样。 在编写JavaScript的时候，就要充分考...
2017-07-16 17:22:00
384
转载 JavaScript笔记（面向对象编程）
面向对象编程 1 原型对象（prototype） JavaScript的面向对象编程与大多数编程语言不一样，类与实例是大多数编程语言的基本概念，JavaScript不区分类和实例的概念，而是通过原型对象（prototype）来实现面向对象编程（原型对象就是有点类的意思）。 JavaScript对每个创建的对象都会设置一个原型，指向它的原型对象。 当我们用ob...
2017-07-16 11:08:00
110
转载 JavaScript笔记（对象）
1 对象类型 JavaScript语言中的对象可分为三种类型： 用户定义对象（user-defined object）：由程序员自行创建的对象 内建对象（native object）：内建在JS语言中的对象，即Array，Math等 宿主对象（host object）：有浏览器提供的对象 其中，内建对象在入门笔记有讲过，JS的数据类型分为原始类型以及Objec...
2017-07-15 21:08:00
201
转载 javascript笔记（函数）
函数就是最基本的一种代码抽象的方式。 1 函数定义和参数 1.1 函数的定义 JavaScript函数定义的方法有两种： function name (x) { ... } 第一种是像上述这样的 function：指出这是一个函数定义 name：定义这个函数名 (x)：是函数参数 {...}：是函数代码块 第二种是使用匿名函...
2017-07-14 21:21:00
88
转载 javascript笔记（入门）
1 javascript简介 Javascript是一种运行在浏览器中的解释型编程语言。 一个完整的JavaScript实现应该由ECMAScript，DOM，BOM组成 为了让JavaScript成为全球标准，ECMA（European Computer Manufacturers Association）组织定制了JavaScript语言的标准，被称为ECMA...
2017-07-13 20:42:00
79
转载 HTML笔记（HTML元素-表单）
表单为网页提供一种交互功能，可用于搜集用户输入的不同类型的数据 1 表单 制作表单可以类比一下制作表格，列表。举例子制作表格时，一开始要定义<table>元素标记开始定义表格，同样的制作表单，也是要定义一个元素标记开始定义表单，而这个元素就是<form>元素了。 <form>元素标记开始定义表单，几乎所有的块级元素元...
2017-07-09 18:29:00
93
转载 HTML笔记（HTML元素-表格与列表）
1 HTML表格 1.1 HTML创建表格 表格是由<table>元素来定义的，内含<tr>以及<td>元素，<tr>元素负责行，<td>为单元格。而表格的表头用<th>来定义，多数浏览器会将其显示为粗体字。 它的具体操作就与CSS中的表格布局差不多，要多结合理解哦。 使用&l...
2017-07-09 16:58:00
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人