oneplace - 博客园

JS的Event Loop

摘要： JavaScript是单线程的，只有一个执行栈，一次只能做一件事。在浏览器中，却“好像”可以同时做几件事：点击，发送请求，执行多个函数，解析代码。这是因为浏览器实现的Event Loop机制。 Web API setTimeout，ajax，dom操作回调，等等都是浏览器(JS runtime) 阅读全文

posted @ 2018-03-18 16:40 oneplace 阅读(138) 评论(0) 推荐(0) 编辑

JS模块化

摘要：常见的模块规范 CommonJS CommonJS是一种模块规范，适用于非浏览器端(适用于服务器端或是桌面应用)。 Node.js模块采用了CommonJS规范。在Node中，每一个文件都是一个独立的模块，内部的变量、函数、对象、类外部都不可见，除非显式地暴露出来。常用的模块语法：require 阅读全文

posted @ 2018-02-28 08:22 oneplace 阅读(219) 评论(0) 推荐(0) 编辑

节流或防抖：控制函数的执行

摘要：在浏览器里面有很多交互行为：点击按钮出现弹窗，滑动鼠标滚轮窗口内容随之移动，缩放浏览器窗口引起页面的重新布局，发送HTTP请求等待服务器相应等等。在这些例子中，前者（点击按钮，滑动鼠标滚轮，缩放浏览器窗口，发送HTTP请求）是事件，后者（出现弹窗，窗口内容改变）是响应，这个过程即是事件驱动。事件驱阅读全文

posted @ 2018-02-05 22:17 oneplace 阅读(365) 评论(0) 推荐(1) 编辑

JS的排序算法

摘要：排序是最基本的算法（本文排序为升序Ascending），常见的有以下几种： 1、冒泡排序 Bubble Sort 2、选择排序 Selection Sort 3、插入排序 Insertion Sort 4、快速排序 Quick Sort 5、归并排序 Merge Sort 冒泡排序 Bubble S 阅读全文

posted @ 2018-01-29 00:13 oneplace 阅读(189) 评论(0) 推荐(0) 编辑

时间复杂度空间复杂度

摘要：时间复杂度在计算机科学中，算法的时间复杂度是一个函数，它定量描述了该算法的运行时间。这是一个代表算法输入值的字符串的长度的函数。时间复杂度常用大O符号表述，不包括这个函数的低阶项和首项系数。使用这种方式时，时间复杂度可被称为是渐近的，亦即考察输入值大小趋近无穷时的情况。例如，如果一个算法对于任何大阅读全文

posted @ 2018-01-19 13:34 oneplace 阅读(246) 评论(0) 推荐(0) 编辑

浏览器缓存（Web Cache/ Http Cache）

摘要：浏览器缓存（Web Cache/ Http Cache）是前端性能优化中很重要的组成部分。缓存策略浏览器的缓存策略是： 1.如果本地没有缓存，则发送非条件性请求。 2.如果本地有缓存，则判断本地缓存是否在时间有效期内：如果有效，则直接读取。 3.如果本地缓存不在时间有效期内，则发送条件性请求。浏阅读全文

posted @ 2018-01-15 23:47 oneplace 阅读(2331) 评论(0) 推荐(0) 编辑

HTTP状态码和HTTP请求头

摘要： HTTP报文是在Web服务器和浏览器之间进行交换的文本数据，一种是从浏览器发出的请求，一种是服务器发出的响应。请求报文的第一行包括：1、请求方法 2、当前使用的HTTP协议版本 3、请求地址响应报文的第一行包括：1、当前使用的HTTP协议版本 2、三位阿拉伯数字的HTTP状态码 3、状态描述 H 阅读全文

posted @ 2018-01-13 12:18 oneplace 阅读(331) 评论(0) 推荐(0) 编辑

前端单元测试环境搭建 Karma Jasmine

摘要： Karma 官网On the AngularJS team, we rely on testing and we always seek better tools to make our life easier. That's why we created Karma - a test runner 阅读全文

posted @ 2017-08-20 23:12 oneplace 阅读(668) 评论(0) 推荐(0) 编辑

EventTarge Node Docuement Element HTMLElement 关系

摘要：综述：可以将其看做是依次继承的关系： Node Node A Node is an interface from which a number of DOM types inherit, and allows these various types to be treated (or tested 阅读全文

posted @ 2017-05-01 21:26 oneplace 阅读(604) 评论(0) 推荐(0) 编辑

Socket(套接字) IP TCP UDP HTTP

摘要： Socket(套接字) 阮老师的微博 (转)什么是套接字(Socket)？应用层通过传输层进行数据通信时，TCP和UDP会遇到同时为多个应用程序进程提供并发服务的问题。多个TCP连接或多个应用程序进程可能需要通过同一个TCP协议端口传输数据。为了区别不同的应用程序进程和连接，许多计算机操作系统为阅读全文

posted @ 2017-04-16 09:55 oneplace 阅读(739) 评论(1) 推荐(1) 编辑

js API列表

摘要： // 主要是ES的API和一小部分浏览器的API。 // 新加入标准的API有可能是浏览器事实上早已实现的。 // ECMAScript目前是每年都会发布新版本(目前已经相对稳定，每年都会又增加，但是变化不会像ES6那样大)，相应的版本号如下： // ES2015/ES6: 最大规模的一次增加，入门阅读全文

posted @ 2017-03-09 20:10 oneplace 阅读(2836) 评论(0) 推荐(0) 编辑

解释型vs编译型动态vs静态强类型vs弱类型

摘要：释型、动态语言与静态语言、强类型语言与弱类型语言的区别编译型和解释型我们先看看编译型，其实它和汇编语言是一样的：也是有一个负责翻译的程序来对我们的源代码进行转换，生成相对应的可执行代码。这个过程说得专业一点，就称为编译（Compile），而负责编译的程序自然就称为编译器（Compiler）。如果阅读全文

posted @ 2017-02-28 21:57 oneplace 阅读(705) 评论(0) 推荐(0) 编辑

CSS background 属性详解

摘要： CSS background Property 语法： background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit; Note: If one of 阅读全文

posted @ 2017-02-04 16:54 oneplace 阅读(788) 评论(0) 推荐(0) 编辑

常用到的简单命令 Sublime Git NPM WindowsCMD MacTerminal(Unix命令) Vim

摘要： sublime 选择标签及其内容 ctrl+shift+a连续按两次调出Package console: Mac： command + shift + p 安装插件： 1、调出 Package console 2、输入 install package,找到该功能，进入 3、输入 package的n 阅读全文

posted @ 2017-01-15 11:41 oneplace 阅读(647) 评论(0) 推荐(0) 编辑

angular parse eval parse VS eval

摘要： Notes: parse 和 eval 等service之前都有一个$ 美元符号 parse angular中重要指令介绍( eval, parse和 compile) Advanced Angular: parse $parse $parse $parse服务是将一个Angular express 阅读全文

posted @ 2017-01-02 18:23 oneplace 阅读(620) 评论(0) 推荐(0) 编辑

JavaScript eval() 为什么使用eval()是一个坏主意什么时候可以使用eval()

摘要： JavaScript eval() Function The eval() function evaluates or executes an argument. If the argument is an expression, eval() evaluates the expression. I 阅读全文

posted @ 2017-01-02 11:17 oneplace 阅读(4305) 评论(0) 推荐(0) 编辑

ES6 之 Set数据结构和Map数据结构 Iterator和for...of循环

摘要： ECMAScript 6 入门 Set数据结构基本用法 ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成Set数据结构。上面代码通过add方法向Set结构加入成员，结果表明Set结构不会添加重复的值。向Set加入值的时候，阅读全文

posted @ 2016-12-25 20:56 oneplace 阅读(1980) 评论(0) 推荐(0) 编辑

boolean attribute(布尔值属性) attribute vs property

摘要： boolean attribute(布尔值属性) boolean attribute HTML - Why boolean attributes do not have boolean value? Boolean HTML Attributes HTML Boolean Attributes A 阅读全文

posted @ 2016-12-25 12:59 oneplace 阅读(1830) 评论(0) 推荐(0) 编辑

Angular this vs $scope $event事件系统

摘要： this vs $scope 'this' vs $scope in AngularJS controllers How does this and $scope work in AngularJS controllers? Short answer: this When the controlle 阅读全文

posted @ 2016-12-21 22:13 oneplace 阅读(2000) 评论(0) 推荐(0) 编辑

文件和二进制数据的操作

摘要：文件和二进制数据的操作历史上，JavaScript无法处理二进制数据。 ( 文本文件和二进制文件的区别? 文本文件和二进制文件并无本质的差别，他们的区别在于打开这个文件的程序在对其内容的解释上，我们可以把一个典型的所谓二进制文件（bmp）当作文本文件来打开，是同样可以的，只是得到的内容就是一些乱七阅读全文

posted @ 2016-12-16 20:23 oneplace 阅读(922) 评论(0) 推荐(0) 编辑

Angular1.x 之Providers (Value, Factory, Service and Constant )

摘要：官方文档Providers Each web application you build is composed of objects that collaborate to get stuff done.(每一个web应用都是由一些对象“组装”成的，这些对象共同合作，来完成特定的任务)These 阅读全文

posted @ 2016-11-21 22:11 oneplace 阅读(748) 评论(0) 推荐(0) 编辑

JS Error 内置异常类型处理异常 Throw语句

摘要： Exceptional Exception Handling in JavaScript MDN资料 Anything that can go wrong, will go wrong. Murphy’s law is even applicable to software development. 阅读全文

posted @ 2016-11-20 20:46 oneplace 阅读(7738) 评论(0) 推荐(1) 编辑

Angular1.x directive(指令里的)的compile,pre-link,post-link,link,transclude

摘要： The nitty-gritty of compile and link functions inside AngularJS directives The nitty-gritty of compile and link functions inside AngularJS directives 阅读全文

posted @ 2016-11-15 22:22 oneplace 阅读(1649) 评论(0) 推荐(0) 编辑

Express ( MiddleWare/中间件路由在 Express 中使用模板引擎常用API

摘要： A fast, un-opinionated, minimalist web framework for Node.js applications. In general, prefer simply “Express” to “Express.js,” though the latter is a 阅读全文

posted @ 2016-11-07 21:21 oneplace 阅读(591) 评论(0) 推荐(0) 编辑

SPA UI-router

摘要： SPA SPA(单页面应用):A single-page application (SPA) is a web application or web site that fits on a single web page with the goal of providing a user exper 阅读全文

posted @ 2016-10-30 17:13 oneplace 阅读(1126) 评论(0) 推荐(0) 编辑

history对象 back() forward() go() 和pushState() replaceState()

摘要： History(Window.history对象)对象保存着用户上网的历史记录。处于安全方面的考虑，开发人员无法得知用户浏览过的URL，但是借由用户访问过的页面列表，同样可以在不知道实际URL的情况下实现后退和前进。 History对象概况： Manipulating the browser his 阅读全文

posted @ 2016-10-23 21:20 oneplace 阅读(827) 评论(0) 推荐(0) 编辑

计算机组成原理常用名词解释

摘要：计算机组成原理计算机组成原理概述计算机概述计算机的基本组成: 存储器: 实现记忆功能的部件用来存放计算程序及参与运算的各种数据运算器: 负责数据的算术运算和逻辑运算即数据的加工处理控制器: 负责对程序规定的控制信息进行分析,控制并协调输入,输出操作或内存访问输入设备: 实现计算程序和原始阅读全文

posted @ 2016-10-15 11:36 oneplace 阅读(4307) 评论(0) 推荐(0) 编辑

Angular之 Scope和 Directive

摘要： Scope https://docs.angularjs.org/guide/scope What are Scopes? Scope is an object(是一个数据模型) that refers to the application model. It is an execution con 阅读全文

posted @ 2016-09-11 22:14 oneplace 阅读(902) 评论(0) 推荐(0) 编辑

Angular1.x DirtyChecking(脏值检查) $watch, $apply, $digest

摘要： Dirty Checking (脏值检查) Digest cycle and $scope Digest cycle and $scope First and foremost, AngularJS defines a concept of a so-called digest cycle. Thi 阅读全文

posted @ 2016-09-03 11:46 oneplace 阅读(1396) 评论(0) 推荐(0) 编辑

ES6 之 let和const命令 Symbol Promise对象

摘要： ECMAScript 6入门 ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。（2016年6月，发布了小幅修订的《ECMAScript 2016 标准》（简称 ES2016）。由于变动非常小（只新增了数组实例的includes方法和阅读全文

posted @ 2016-08-06 19:04 oneplace 阅读(912) 评论(0) 推荐(0) 编辑

Angular1.x 基础总结

摘要：官方文档：Guide to AngularJS Documentation w3shools angularjs教程 wiki 《AngularJS权威教程》 Introduction AngularJS is a JavaScript framework. It can be added to a 阅读全文

posted @ 2016-07-19 17:55 oneplace 阅读(1415) 评论(0) 推荐(0) 编辑

Node.js 常用 API

摘要： Node.js v6.11.2 Documentation(官方文档) Buffer Prior to the introduction of TypedArray in ECMAScript 2015 (ES6), the JavaScript language had no mechanism 阅读全文

posted @ 2016-07-12 19:10 oneplace 阅读(564) 评论(0) 推荐(0) 编辑

前端自动化和前端开发环境

摘要：我终于弄懂了各种前端build工具开发环境 Node.js npm Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking 阅读全文

posted @ 2016-07-04 22:05 oneplace 阅读(1653) 评论(0) 推荐(0) 编辑

CSS3入门

摘要： CSS3 w3cschools css3 MDN英文 MDN中文 CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1. It brings a lot of 阅读全文

posted @ 2016-06-26 16:52 oneplace 阅读(286) 评论(0) 推荐(0) 编辑

HTML5入门总结 HTML5API

摘要： w3cshools MDN英文 MDN中文 HTML5 w3cshools MDN英文 MDN中文 HTML5 HTML5 is the latest evolution of the standard that defines HTML. The term represents two diffe 阅读全文

posted @ 2016-06-26 09:42 oneplace 阅读(1732) 评论(0) 推荐(0) 编辑

互联网协议

摘要：本文全文转载阮一峰老师的两篇文章，自己做了一些添加内容参考：互联网协议入门（一）互联网协议入门（二）互联网协议入门 TCP/IP协议族计算机网络基础知识总结互联网的核心是一系列协议，总称为"互联网协议"（Internet Protocol Suite）。它们对电脑如何连接和组网，做出了详尽阅读全文

posted @ 2016-06-24 08:20 oneplace 阅读(2346) 评论(0) 推荐(0) 编辑

SQL MySQL

摘要： SQL 结构化查询语言（英语：Structural Query Language，缩写：SQL），是一种特殊目的之编程语言，用于数据库中的标准数据查询语言. 各种通行的数据库系统在其实践过程中都对SQL规范作了某些编改和扩充。所以，实际上不同数据库系统之间的SQL不能完全相互通用。 SQL keyw 阅读全文

posted @ 2016-06-19 15:20 oneplace 阅读(356) 评论(0) 推荐(0) 编辑

PHP面向对象编程对象的基本概念 PHP面向对象的基本实践 PHP面向对象的高级实践 PHP面向对象的特殊实践

摘要：再次梳理一下面向对象编程的要点。此文是以php为例，但思想是通用的。总结的PHP面向对象编程笔记对象的基本概念对象的基本构成对象包含两部分一、对象的组成元素是对象的数据模型，用于描述对象的数据。又被称为对象的属性，或对象的成员变量。二、对象的行为是对象的行为模型，用于描述对象能够阅读全文

posted @ 2016-06-18 22:11 oneplace 阅读(210) 评论(0) 推荐(0) 编辑

CSS预处理器 Less Sass,Scss 编译 Sourcemap调试

摘要： sass、less和stylus的安装使用和入门实践 SASS用法指南 Sass Basics CSS预处理器 css preprocessor 预处理器即preprocessor,预处理程序。它的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。（因为浏览器支持的阅读全文

posted @ 2016-06-10 17:33 oneplace 阅读(1212) 评论(0) 推荐(0) 编辑

Git Github jekyll,gem Liquid模板语言 Markdown

摘要： Git Git教程常用 Git 命令清单 Git远程操作详解使用jekyll建立个人网站 Git is a free and open source distributed version control system designed to handle everything from sma 阅读全文

posted @ 2016-05-29 20:40 oneplace 阅读(821) 评论(0) 推荐(0) 编辑

导航