HELENE
  • work
  • References
你的浏览器不支持canvas

Better me

    • JavaScript (28)
    • JSON (1)
    • 性能 (2)
    • jQuery (5)
    • CSS (2)
    • WebStorm (1)
    • 移动端 (3)
    • 前端维护 (1)
    • 服务器 (1)
    • CORDOVA (1)
    • IE (1)
    • SASS (1)
    • 面试 (14)
    • JS基础入门 (22)
    • 进击JavaScript核心 (9)
    • VUE (1)
    • 抓包 (1)
    • 网络知识 (5)
    • 网络安全 (1)
    • 小程序 (1)
    • 2020/TypeScript (1)
    • 2020/AJAX (1)
    • 2020/CSS (1)
    • 2020/REACT (1)
    • 2020/REDUX (1)
    • 说明 (1)
    • 2020/VUE (1)
    • 2020/JavaScript (1)
    • 2020/杂项 (1)
    • 2020/webpack (1)
    • 2020/nodejs (1)
    • 2021/nginx (1)
    • 2021/git (1)
    • node (1)
    • storybook (1)
      JavaScript

      JavaScript二叉树

      2018-04-25

      Read More ?
      JavaScript

      表单提交button、submit的区别

      2017-12-07
      Read More ?
      JavaScript

      深究JavaScript

      2017-11-29

      看代码好,多看代码,看好代码
      实践好,多实践,总结经验

      Read More ?
      JavaScript

      好的JavaScript

      2017-11-27

      JavaScript有很多知识经常见到但是不是很深入了解,有的也是看过一两次但没什么实际经验也就忘了,作为个人用途,将会整理一些好用的JavaScript知识。

      Read More ?
      JavaScript

      Map对象和set对象

      2017-11-26

      Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。

      Read More ?
      JavaScript

      标签语句

      2017-11-23

      标签语句提供一种使你同一程序的在另一处找到它的标识。例如,你可以用一个标签来识别一个循环,并用break或continue语句来说明一个程序是否要中断这个循环或是继续执行。

      Read More ?
      JavaScript

      继承----混合方式

      2017-11-21

      和其他功能一样,ECMAScript 实现继承的方式不止一种。这是因为 JavaScript 中的继承机制并不是明确规定的,而是通过模仿实现的。这意味着所有的继承细节并非完全由解释程序处理。作为开发者,你有权决定最适用的继承方式。 但是这里,我仅仅讲解混合方式

      Read More ?
      JavaScript

      混合的构造函数/原型方式

      2017-11-20

      联合使用构造函数和原型方式,就可像用其他程序设计语言一样创建对象。这种概念非常简单,即用构造函数定义对象的所有非函数属性,用原型方式定义对象的函数属性(方法)。结果是,所有函数都只创建一次,而每个对象都具有自己的对象属性实例。

      Read More ?
      JavaScript

      对象实例----字符串连接

      2017-11-20

      对象令人感兴趣的一点是用它们解决问题的方式。ECMAScript 中最常见的一个问题是字符串连接的性能。与其他语言类似,ECMAScript 的字符串是不可变的,即它们的值不能改变。

      Read More ?
      JavaScript

      12个常用的JavaScript简写技巧

      2017-08-02

      在这里我把使用js的技巧给大家分享出来,教大家写出更加简洁的代码。

      Read More ?
      JavaScript

      JavaScript模块化 --- Commonjs、AMD、CMD、ES6 modules

      2017-06-16

      随着前端js代码复杂度的提高,JavaScript模块化这个概念便被提出来,前端社区也不断地实现前端模块化,直到es6对其进行了规范,下面就介绍JavaScript模块化。

      Read More ?
      JavaScript

      JavaScript高级程序设计——闭包

      2017-06-14
      • 前言
      • 闭包
        • 1.概念
        • 2.条件

      前言

      有很多人搞不清匿名函数和闭包这两个概念,经常混用。闭包是指有权访问另一个函数作用域中的变量的函数。匿名函数就是没有实际名字的函数。


      闭包

      1.概念

      闭包,其实是一种语言特性,它是指的是程序设计语言中,允许将函数看作对象,然后能像在对象中的操作搬在函数中定义实例(局部)变量,而这些变量能在函数中保存到函数的实例对象销毁为止,其它代码块能通过某种方式获取这些实例(局部)变量的值并进行应用扩展。

      2.条件

      闭包是允许函数访问局部作用域之外的数据。即使外部函数已经退出,外部函数的变量仍可以被内部函数访问到。
      因此闭包的实现需要三个条件:

      • 内部函数实用了外部函数的变量
      • 外部函数已经退出
      • 内部函数可以访问
      Read More ?
      JavaScript

      图解Javascript上下文与作用域

      2017-04-13

      本文尝试阐述Javascript中的上下文与作用域背后的机制,主要涉及到执行上下文(execution context)、作用域链(scope chain)、闭包(closure)、this等概念。

      Read More ?
      JavaScript

      8种办法解决 JS 闭包经典面试题之 for 循环取 i

      2017-03-01

      闭包

      1.正确的说,应该是指一个闭包域,每当声明了一个函数,它就产生了一个闭包域(可以解释为每个函数都有自己的函数栈),每个闭包域(Function 对象)都有一个 function scope(不是属性),function scope内默认有个名为Global的全局引用(有了这个引用,就可以直接调用 Global 的属性或方法)

      2.凡是在闭包域内声明的变量或方法,外部无法直接访问

      3.闭包域可以访问外部的变量或方法

      当在一个闭包域内包含另一个闭包域时(简单的说就是在一个函数内有另一个函数,当然这个内部函数的生命周期是依附于外部函数的), 此时,若子闭包域(内部的闭包域,内部函数)使用了父闭包域(外部闭包域,外部函数)的私有变量(在父闭包域中声明的变量,父闭包域的外部空间无法直接访问,但子闭包域可以访问),子闭包域即当前的子函数的 function scope 会产生一个 closure 对象属性,这个对象属性内包含的是子闭包域对父闭包域的所有引用(只要子闭包域(内部函数)还存活,其父闭包域(外部函数)就依旧存活),倘若在父闭包域存活期间对其私有变量内容进行修改,则对这些父闭包域的私有变量进行引用的子闭包域中 function scope 的 closure 对象属性的内容也会发生变化,因为这只是引用.

      Read More ?
      JavaScript

      使用this对象

      2017-02-19

      javascript里面的this对象,具体使用情况一直不太清晰,所以今天特意整理了一下

      Read More ?
      JavaScript

      AMD模块化开发

      2017-02-03


      Read More ?
      JavaScript

      闭包

      2017-02-02
      • 基础概念

      基础概念

      闭包是指有权访问另一个函数作用域中的变量的函数。

      Read More ?
      JavaScript

      五句话搞定JavaScript作用域

      2016-07-17

      此文针对ES5,不涉及ES2015(又称ES6)

      JavaScript的作用域一直以来是前端开发中比较难以理解的知识点,对于JavaScript的作用域主要记住几句话,走遍天下都不怕。

      Read More ?
      JavaScript

      你想知道的关于JavaScript作用域的一切

      2016-07-09

      这篇文章的目的就是为了帮助那些想更深一步学习了解JavaScript作用域的开发者,尤其是当他们听到一些关于作用域的单词的时候, 好比:作用域(scope),闭包(closure),this,命名空间(namespace),函数作用域(function scope),全局作用域(global scope),词法作用域(lexical),公有变量(public scope),私有变量(private scope). 希望通过这篇文章你可以知道下面这些问题的答案:

      • 什么是作用域?
      • 什么是全局(局部)作用域?
      • 什么是命名空间,它和作用域有什么不同?
      • this关键字是什么,作用于又是怎么影响它的?
      • 什么是函数/词法作用域?
      • 什么是闭包?
      • 什么是共有/私有作用域?
      • 我怎么样才能够理解/创建/实践上面所有的情况
      Read More ?
      JavaScript

      为什么要使用href=”javascript:void(0);”?

      2016-07-03
      Read More ?
      JavaScript

      JavaScript深入理解

      2016-07-03

      JavaScript 的核心 ECMAScript 描述了该语言的语法和基本对象;

      DOM 描述了处理网页内容的方法和接口;

      BOM 描述了与浏览器进行交互的方法和接口。

      Read More ?
      JavaScript

      js中typeof和instanceof用法之详细区分

      2016-07-03
      Read More ?
      JavaScript

      详解JavaScript变量提升

      2016-06-19

      变量在程序中随处可见。它们是一些始终在相互影响,相互作用的的数据和逻辑。正是这些互动使应用程序活了起来。

      在JavaScript中使用变量很重要的一方面就是变量的提升 —— 它决定了一个变量何时可以被你的代码使用。如果你在寻找关于这方面的详细介绍,那你算是来对地方了。让我们一起看看吧。

      Read More ?
      JavaScript

      页面加载的顺序和window.onload的作用

      2016-04-27
      Read More ?
      JavaScript

      windows.onload()与$(document).ready()的区别

      2016-04-26

      浏览器加载完DOM后,会通过javascript为DOM元素添加事件,在javascript中,通常使用window.onload()方法。

      在jquery中,则使用$(document).ready()方法。

      Read More ?
      JavaScript

      分分钟学会 javascript 闭包

      2016-03-23

      闭包,是 javascript 中重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,你很难从定义去理解它。因此,本文不会对闭包的概念进行大篇幅描述,直接上干货,让你分分钟学会闭包!

      Read More ?
      JavaScript

      函数、匿名函数、自执行函数、闭包

      2016-03-19

      函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

      Read More ?
      JavaScript

      使用严格模式下的js代码规范一

      2016-02-05
      • JavaScript 严格模式(use strict)
      • 为什么使用严格模式:

      JavaScript 严格模式(use strict)

      JavaScript 严格模式(strict mode)即在严格的条件下运行。


      为什么使用严格模式:

      • 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;

      • 消除代码运行的一些不安全之处,保证代码运行的安全;

      • 提高编译器效率,增加运行速度;

        为未来新版本的Javascript做好铺垫。

        “严格模式”体现了Javascript更合理、更安全、更严谨的发展方向,包括IE 10在内的主流浏览器,都已经支持它,许多大项目已经开始全面拥抱它。

        另一方面,同样的代码,在”严格模式”中,可能会有不一样的运行结果;一些在”正常模式”下可以运行的语句,在”严格模式”下将不能运行。掌握这些内容,有助于更细致深入地理解Javascript,让你变成一个更好的程序员。
      Read More ?
      JSON

      JSON必识

      2016-04-20
      Read More ?
      性能

      http缓存、应用缓存、Service Worker

      2016-05-04
      Read More ?
      性能

      js的性能优化

      2016-05-02

      JavaScript的性能问题不容小觑,这就需要我们开发人员在编写JavaScript程序时多注意一些细节,本文给大家介绍javascript性能优化之小知识总结,需要的朋友可以参考下

      Read More ?
      jQuery

      jQuery Mobile

      2017-11-12

      jQuery还算熟练,时间关系一直没来得及看jQuery mobile,它是一个基于jQuery的创建移动 web 应用程序的框架。在这里我只整理一些个人觉得必要且难点的方面,所谓师傅领进门修行在个人,其他可参见w3school

      Read More ?
      jQuery

      jQuery 杂项方法

      2016-09-09
      Read More ?
      jQuery

      详谈jQuery.each() 和 .each()

      2016-06-05

      之前都是在使用.each(),最近又仔细研究了jQuery,心细地发现了jQuery.each(),那么它们这么相像,究竟区别在哪呢,这篇文章将为诸位揭晓

      $.each()函数和$(selector).each()是不一样的,.each()用来遍历一个jQuery对象。而$.each()函数可以用于迭代任何集合,无论是对象还是数组。在数组的情况下,每次回调都会传递一个数组索引和相应的数组值。(该值也可以通过this关键字访问,但是Javascript总是会将this值包装为一个Object即使是简单的字符串或数字值。)该方法返回其第一个参数,即迭代的对象。

      Read More ?
      jQuery

      parent()、parents()、closest()的区别

      2016-06-04

      今天大致看了一遍jquery API,结果发现parent() parents() closest()他们三个太像了,到底什么区别呢,然后自己做了个小例子,才发现,恩,区别虽然很细微,但了解了这些小事情之后很多大事情就好解决了,下面就进入正文了

      Read More ?
      jQuery

      jQuery源码解析(DOM与核心模块)

      2016-06-04

      使用jQuery快一年了,各种方法已经很熟练,打算研究一下2.1.4这个版本的源码,正好看见有人抛出了对应的JavaScript代码,那我就自己看看研究一下,还能加深了对JavaScript运用。疑难解析部分纯属个人所写,转载请注明出处life.thisisme1228.com,Baby go!

      Read More ?
      CSS

      使用ol进行对列表的升序 || 降序样式显示

      2016-08-23
      Read More ?
      CSS

      图片预加载

      2016-06-09
      Read More ?
      WebStorm

      WebStorm使用方法之简单整理

      2016-07-04

      工欲善其事必先利其器,工作以来,也使用过其它编辑器,什么sublime、IntelliJ IDEA然后为了配合后台PHP使用过PHPStorm,配合Java使用过eclipse,不过我还是喜欢使用WebStorm啊,反正官网对它的介绍很多,我也不多说了,让我们一起提高我们工作效率,接下来我将把我整理的小方法写下来作为参考

      Read More ?
      移动端

      从网易与淘宝的font-size思考前端设计稿与工作流

      2016-10-29
      Read More ?
      移动端

      flexible.js

      2016-09-10
      Read More ?
      移动端

      移动web适配利器-rem

      2016-08-01

      提到rem,大家首先会想到的是em,px,pt这类的词语,大多数人眼中这些单位是用于设置字体的大小的,没错这的确是用来设置字体大小的,但是对于rem来说它可以用来做移动端的响应式适配哦。

      Read More ?
      前端维护

      前端代码规范

      2017-01-14
      时至今日,我已经深刻意识到整理好代码对程序员来说是一件多重要的事情,它不仅关系到方便维护、别人容易看的明白,更深层的表明了你对你工作的认真甚至负责的程度,所以只知道写不动脑思考怎么去让你的代码看起来更整洁更直观,那写出来的东西只会让所有人感到头疼包括你自己。养成好习惯,从学会整理代码开始
      
      Read More ?
      服务器

      服务器搭建

      2017-05-05

      为啥买服务器?

      现在vue比较火,但是公司的项目不是使用vue做的,我只能自己做练习咯,那没人给我写后台怎么办,我就自己学着写咯,那我想发布到网上怎么办,买服务器咯,然后给自己科普了一下

      1.要学习的新技术:Vue.js + Node.js + MongoDB + webpack

      2.搭建服务器(购买服务器,购买域名,买了之后电脑上装虚拟机连接的服务器,然后给服务器安装配制Nginx,配制数据库等等)

      上面提到的技术我以后会在博客里呈现出来
      Read More ?
      CORDOVA

      CORDOVA 介绍

      2017-11-15

      公司做手机APP项目使用到CORDOVA,之前没了解过,今天看了文档之后进行整理以便日后之需

      Read More ?
      IE

      IE兼容性

      2017-12-27
      Read More ?
      SASS

      如何在项目中使用Sass

      2018-01-07

      Read More ?
      面试

      算法

      2018-03-15

      Read More ?
      面试

      终面

      2018-03-14

      Read More ?
      面试

      职业规划

      2018-03-14

      Read More ?
      面试

      MVVM框架(双向绑定)

      2018-03-14

      Read More ?
      面试

      安全类

      2018-03-13

      Read More ?
      面试

      渲染机制

      2018-03-13

      Read More ?
      面试

      算法类

      2018-03-13

      Read More ?
      面试

      面向对象

      2018-03-12

      Read More ?
      面试

      通信类

      2018-03-12

      Read More ?
      面试

      原型链

      2018-03-11

      Read More ?
      面试

      DOM事件

      2018-03-11

      Read More ?
      面试

      HTTP协议类

      2018-03-11

      Read More ?
      面试

      页面布局

      2018-03-11

      Read More ?
      面试

      CSS盒模型

      2018-03-11

      Read More ?
      JS基础入门

      JavaScript BOM基础 - screen对象

      2018-03-22

      Read More ?
      JS基础入门

      JavaScript BOM基础 - navigator对象

      2018-03-22

      Read More ?
      JS基础入门

      JavaScript BOM基础 - location对象

      2018-03-22

      Read More ?
      JS基础入门

      JavaScript BOM基础 - history对象

      2018-03-22

      Read More ?
      JS基础入门

      JavaScript DOM事件-事件的绑定

      2018-03-21

      Read More ?
      JS基础入门

      JavaScript DOM事件-事件类型

      2018-03-21

      Read More ?
      JS基础入门

      JavaScript DOM事件-键盘事件

      2018-03-21

      Read More ?
      JS基础入门

      JavaScript DOM基础

      2018-03-21

      Read More ?
      JS基础入门

      JavaScript BOM基础 - window对象

      2018-03-21

      Read More ?
      JS基础入门

      JavaScript内置对象-JavaScript对象之String

      2018-03-20

      Read More ?
      JS基础入门

      JavaScript内置对象-JavaScript对象之Math

      2018-03-20

      Read More ?
      JS基础入门

      JavaScript内置对象-JavaScript对象之Date

      2018-03-20

      Read More ?
      JS基础入门

      JavaScript流程控制语句-JavaScript循环语句

      2018-03-19

      Read More ?
      JS基础入门

      JavaScript流程控制语句-break与continue

      2018-03-19

      Read More ?
      JS基础入门

      JavaScript函数

      2018-03-19

      Read More ?
      JS基础入门

      JavaScript内置对象-JavaScript对象之数组

      2018-03-19

      Read More ?
      JS基础入门

      JavaScript流程控制语句-JavaScript分支语句

      2018-03-18

      Read More ?
      JS基础入门

      JavaScript语法-JavaScript逻辑操作符

      2018-03-18

      Read More ?
      JS基础入门

      JavaScript语法-JavaScript算数操作符

      2018-03-18

      Read More ?
      JS基础入门

      JavaScript语法-JavaScript语法规则

      2018-03-16

      Read More ?
      JS基础入门

      JavaScript语法-JavaScript数据类型之

      2018-03-16

      Read More ?
      JS基础入门

      JavaScript语法-初识JavaScript

      2018-03-15

      Read More ?
      进击JavaScript核心

      JavaScript表单验证

      2018-05-14

      Read More ?
      进击JavaScript核心

      JavaScript正则表达式

      2018-05-07

      Read More ?
      进击JavaScript核心

      JavaScriptDOM属性

      2018-05-04

      Read More ?
      进击JavaScript核心

      JavaScriptDOM属性

      2018-05-04

      Read More ?
      进击JavaScript核心

      JavaScriptDOM

      2018-04-12

      Read More ?
      进击JavaScript核心

      JavaScript单例模式

      2018-04-11

      Read More ?
      进击JavaScript核心

      JavaScript面向对象

      2018-04-10

      Read More ?
      进击JavaScript核心

      JavaScript函数

      2018-04-09

      Read More ?
      进击JavaScript核心

      JavaScript 变量、作用域

      2018-03-21

      Read More ?
      VUE

      制作VUE项目总结的经验

      2018-05-29

      Read More ?
      抓包

      Fiddler抓包工具总结

      2018-07-22

      Read More ?
      网络知识

      理解Cookie和Session机制

      2018-07-31

      Read More ?
      网络知识

      HTTP代理

      2018-07-29

      Read More ?
      网络知识

      CDN

      2018-07-29

      Read More ?
      网络知识

      HTTPS

      2018-07-25

      Read More ?
      网络知识

      HTTP

      2018-07-24

      Read More ?
      网络安全

      同源策略

      2018-08-01

      Read More ?
      小程序

      小程序学习笔记

      2018-10-29

      Read More ?
      2020/TypeScript

      TypeScript

      2020-10-18

      Read More ?
      2020/AJAX

      AJAX

      2020-10-18

      Read More ?
      2020/CSS

      CSS

      2020-10-18

      Read More ?
      2020/REACT

      REACT

      2020-10-18

      Read More ?
      2020/REDUX

      REDUX

      2020-10-18

      Read More ?
      说明

      分割线!!!

      2020-10-18

      Read More ?
      2020/VUE

      VUE

      2020-10-18

      Read More ?
      2020/JavaScript

      JavaScript

      2020-10-19

      Read More ?
      2020/杂项

      杂项

      2020-10-21

      Read More ?
      2020/webpack

      webpack

      2020-10-22

      Read More ?
      2020/nodejs

      nodejs

      2020-10-27

      Read More ?
      2021/nginx

      nginx

      2021-01-07

      Read More ?
      2021/git

      git

      2021-01-10

      Read More ?
      node

      nodeDeployment

      2024-06-28

      Read More ?
      storybook

      storybook

      2024-06-30
      • content
      Read More ?
    Copyright © 2017 Helene . All rights reserved.

    辽ICP备17012545号-1

    • TOP