SF
三省吾身丶丶的前端笔记
三省吾身丶丶的前端笔记
注册登录
关注博客
注册登录
主页
关于
RSS
学习 Promise,掌握未来世界 JS 异步编程基础
三省吾身丶丶
2018-10-17
阅读 9 分钟
2.9k
其实想写 Promise 的使用已经很长时间了。一个是在实际编码的过程中经常用到,一个是确实有时候小伙伴们在使用时也会遇到一些问题。Promise 也确实是 ES6 中 对于写 JS 的方式,有着真正最大影响的 API 特性之一。本文是实际使用使用过程中的一个总结看一下文件创建时间 2017-10-09,拖延症真是太可怕了。。。还是得增强...
ES6 简单特性学习记录
三省吾身丶丶
2017-06-06
阅读 6 分钟
3.3k
变量定义的新方式:let/ const let 特性: 不允许重复声明 没有变量提升(预解析) 块级作用域(一对 {} 包括的区域称为一个代码块,let 声明的变量只在该代码块起作用) 例子1 :简单的打印数据 使用 var: {代码...} 使用 let: {代码...} 之前我们要实现这样的打印,必须使用闭包: {代码...} 例子二:在网页中常常会有...
FlexBox 布局详解
三省吾身丶丶
2017-06-06
阅读 4 分钟
2.5k
很久没有写博客了,这里把之前学习 flex 布局的一篇笔记整理了一下。发布到博客上。赶一个五月的末班车吧。还是得坚持啊!! flex 弹性布局FlexBox 可控制子元素: 水平或垂直排成一行 控制子元素的对齐方式 控制子元素的高度/宽度 控制子元素的显示顺序 控制子元素是否折行 display:flex; 创建 Flexbox 元素 在 flex 布局...
一张图学习 ES6 中的 React 生命周期与流程
三省吾身丶丶
2017-02-07
阅读 1 分钟
4.5k
博客地址:[链接]
node.js http 模块学习笔记
三省吾身丶丶
2016-10-24
阅读 5 分钟
3.4k
一个网站的加载流程粗略的流程大概如下: 用户通过浏览器发送一个http的请求到指定的主机 服务器接收到该请求,对该请求进行分析和处理 服务器处理完成以后,返回对应的数据到用户机器 浏览器接收服务器返回的数据,并根据接收到的进行分析和处理 最简单的web服务器 我们需要搭建一个 http 的服务器,用于处理用户发送的...
Node.js的process 对象与 Buffer 类
三省吾身丶丶
2016-10-24
阅读 5 分钟
2.1k
在上一篇博客中,我们一起对于 node 的模块机制有了一点点的了解,当时我们就知道了在 node 中的全局对象是 global 而不是浏览器中的 window 它们有一部分属性方法是相同的,比如:clearInterval / clearTimeout / setInterval / setTimeout / console。他们的用法和在浏览器中的用法是一样的,接下来我们就来看看那些在...
Node.js 模块系统
三省吾身丶丶
2016-10-22
阅读 2 分钟
3.7k
什么是模块? 在 node 中,文件和模块是一一对应的,也就是一个文件就是一个模块 每个模块都有自己的作用域 我们使用 var 来申明的一个变量,他并不是全局的,而是属于当前模块下 模块的加载与使用 模块的引入 在 node 中,我们使用 require('模块') 的形式将一个模块引入到我们的当前的文件中来。关于 require 路径的写法...
详解 ESLint 规则,规范你的代码
三省吾身丶丶
2016-08-07
阅读 15 分钟
29.7k
在很久之前就想通过工具来规范自己的代码风格,减少程序出错的概率,如果看过我的一个前端程序猿的Sublime Text3的自我修养,这篇博客的朋友,肯定知道在当时我使用SublimeLinter-jshint插件来规范风格,但是实际上一直懒癌发作也没去看它的文档,使用着它默认的规则。不过现在是时候切换到 ESLint 了!
Javascript中this与闭包学习笔记
三省吾身丶丶
2016-08-03
阅读 6 分钟
2.3k
博客原址 理解 Javascript中的this 基于不同的调用方式this的指向也会有所不同,调用方式大致有如下几种: 调用方式 表达式 构造函数调用 new Foo(); 对象方法调用 o.method(); 函数直接调用 foo(); call/apply/bind func.call(o); 现在就来看看这些不同的调用模式,this的指向会有怎么样的区别: 构造函数调用模式 {代...
JavaScript函数学习笔记
三省吾身丶丶
2016-07-31
阅读 4 分钟
2k
函数式一块javascript代码,定义一次,可以被多次调用与执行,JS中的函数也是对象,所以JS函数可以像其他对象那样操作,和传递,所以也称函数对象函数的参数列表相当于函数的人口,return相当于函数的出口,函数本身就是一种数据类型,函数是可以嵌套定义的。
JavaScript作用域学习笔记
三省吾身丶丶
2016-07-10
阅读 4 分钟
2.4k
个人博客原址 无论什么语言中,作用域都是一个十分重要的概念,在JavaScript中也不例外,作用域定义了变量或者函数有权访问的范围,决定了它们各自的行为。要理解JavaScript中的作用域首先就要知道:在let出现之前,JS中变量的作用域只有两种:全局作用域和局部作用域。(本文也只讨论这两种作用域)
webpack入坑之旅(六)配合vue-router实现SPA
三省吾身丶丶
2016-04-05
阅读 7 分钟
8.7k
这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新。下面是目前完成的列表:
webpack入坑之旅(五)加载vue单文件组件
三省吾身丶丶
2016-03-26
阅读 6 分钟
6.5k
这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新。下面是目前完成的列表:
webpack入坑之旅(四)扬帆起航
三省吾身丶丶
2016-03-26
阅读 3 分钟
3k
这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新。下面是目前完成的列表:
webpack入坑之旅(三)webpack.config入门
三省吾身丶丶
2016-03-26
阅读 2 分钟
6.8k
这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新。下面是目前完成的列表:
webpack入坑之旅(二)loader入门
三省吾身丶丶
2016-03-26
阅读 2 分钟
4.3k
这是一系列文章,此系列所有的练习都存在了我的github仓库中:vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新。下面是目前完成的列表:
webpack入坑之旅(一)不是开始的开始
三省吾身丶丶
2016-03-25
阅读 3 分钟
13.2k
最近学习框架,选择了vue,然后接触到了vue中的单文件组件,官方推荐使用 Webpack + vue-loader构建这些单文件 Vue 组件,于是就开始了webpack的入坑之旅。因为原来没有用过任何的构建工具与模块化工具,所以本系列会十分的基础。并且可能有很多不正确的地方,希望大家谅解,并指出错误帮助改进。谢谢!转自个人博客:原...
jQuery入门笔记之(七)插件
三省吾身丶丶
2016-03-03
阅读 5 分钟
3k
插件(Plugin)也成为 jQuery 扩展(Extension),是一种遵循一定规范的应用程序接口编写出来的程序。目前 jQuery 插件已超过几千种,由来自世界各地的开发者共同编写、验证和完善。而对于jQuery开发者而言,直接使用这些插件将快速稳定架构系统,节约项目成本。
CSS多列布局
三省吾身丶丶
2016-01-10
阅读 5 分钟
4.7k
转自个人博客 需要注意的是:本篇文章的布局,都未对父元素进行清除浮动的操作,所以在有一些使用了float的布局中,需要在parent容器清除浮动,才能在实际情况下使用。(清除浮动的方式在这里不做讨论)
CSS3选择器详解
三省吾身丶丶
2016-01-08
阅读 3 分钟
2.7k
转载自个人博客 1.常用选择器 1.1标签选择器 {代码...} 1.2类选择器 {代码...} 1.3ID选择器 {代码...} 1.4通配符选择器 {代码...} 1.5选择器前缀 {代码...} 1.6属性选择器 {代码...} 2.伪类选择器 2.1链接伪类 {代码...} 链接在进行设置时:a:hover 必须位于 a:link 和 a:visited 之后, a:active 必须位于 a:hover 之后...
jQuery入门笔记之(六)工具函数
三省吾身丶丶
2016-01-06
阅读 4 分钟
2.2k
转载自个人博客 工具函数直接依附于 jQuery 对象,针对 jQuery 对象本身定义的方法,它是全局性 的函数。主要提供比如字符串、数组、对象等操作方面的遍历。 字符串操作去除字符串左右空格的工具函数:$.trim()。这个函数我在task0002的部分已经用正则实现了。如下: {代码...} 数组及对象操作 jQuery 为处理数组和对象...
jQuery入门笔记之(五)jQuery中的Ajax
三省吾身丶丶
2016-01-06
阅读 7 分钟
3.1k
关于Ajax的概述就不说了,有兴趣自己去找一下吧,并且建议去我博客看关于原生js实现Ajax函数的实现,希望有所帮助。服务器的配置,那篇文章也给出了地址。Ajax入门(一)从0开始到一次成功的GET请求Ajax入门(二)Ajax函数封装
jQuery入门笔记之(四)动画效果
三省吾身丶丶
2016-01-06
阅读 6 分钟
3.2k
jQuery中.show()为显示方法,.hide()为隐藏方法。在无参数的时候,只是硬性的显示内容和隐藏内容。就不用代码来演示了,.hide()方法其实就是把对象的css设为display:none;而.show()方法会保留原来的display值,并进行设置。但是在一些场景中会有所改变,在后面进行说明)。这两个方法都可以带参数。
CSS之各种居中
三省吾身丶丶
2016-01-06
阅读 3 分钟
5.2k
特别说明:在元素设置position:absolute;来设置居中效果时,除去博客下介绍的css3方法外,还可以使用负的margin来居中,这样解决了兼容性的问题,但是只适用于宽高已知的情况(因为负的偏移量为元素宽高的一半)。宽高改变时,不再是居中效果。
jQuery入门笔记之(三)事件详解
三省吾身丶丶
2015-12-31
阅读 11 分钟
3.7k
在JavaScript 有一个非常重要的功能,就是事件驱动。如果你的网页需要与用户进行交互的话,就不可能不用到事件。它在页面完全加载后,用户通过鼠标或键盘触发页面中绑定事件的元素即可触发。jQuery为开发者更有效率的编写事件行为,封装了大量事件方法供我们使用。
jQuery入门笔记之(二)文档对象模型
三省吾身丶丶
2015-12-31
阅读 6 分钟
2.2k
我们通过前面所学习的各种选择器、过滤器来得到我们想要操作的元素。这个时候,我们就可以对这些元素进行 DOM 的操作。那么,最常用的操作就是对元素内容的获取和修改。html()和 text()方法:
jQuery入门笔记之(一)选择器引擎
三省吾身丶丶
2015-12-31
阅读 8 分钟
3.7k
转自个人博客本来是单独整理了一个CSS选择器的,但是在jQuery中基本都有对应的,所以就不发了。 jQuery选择器,若未作特别说明,获取的都是元素集合。
jQuery入门笔记之(零)思考与基础核心
三省吾身丶丶
2015-12-30
阅读 5 分钟
4.9k
法。它的作者是JohnResig,于2006年创建的一个开源项目,随着越来越多开发者的加入,jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。它可以用最少的代码,完成更多复杂而困难的功能,从而得到了开发者的青睐。
task0002(四)- 练习:数据处理、轮播及交互
三省吾身丶丶
2015-12-26
阅读 13 分钟
5.3k
转载自我的个人博客 欢迎大家批评指正 包括5部分: 小练习1-处理用户输入 小练习2-日期对象的使用 小练习3:轮播图 小练习4:输入提示框 小练习5:界面拖拽交互 源码地址task0002 在线Demo 小练习1:处理用户输入 这里直接可以利用原来写过的util.js。所以应该不是特别难。主要考察对字符串的操作,以及正则表达式的使用...
task0002(三)- BOM + AJAX
三省吾身丶丶
2015-12-26
阅读 5 分钟
3k
这里应该说一下,在从网上了解到的资料来看,在对于某个功能事件的时候不要去做浏览器检测,而应该做特性检测。这样更符合要求,且浏览器的UserAgent可人为修改
1
(current)
2
下一页
1
(current)
下一页