ZacheryWu-CSDN博客

原创 javascript模块化

javascript模块化也不是一天两天了，但是随着技术的发展，常用的模块化方式也就那几种，正所谓数风流模块还看今朝，所以就来对比一下当下使用比较多的commonJS和es6标准中提出的模块化方式。commonJScommonJS作为Node.js的模块化规范，一直沿用至今，而node现在没办法直接兼容es6的模块化规范，只能通过一些第三方的库将es6的模块化规范转化为commonJS...

2018-09-06 17:15:51 1540 1

原创 JavaScript构造函数学习笔记

JavaScript构造函数学习笔记在JavaScript中，创建对象一般可以通过两种方式对象字面量，在JavaScript中用大括号括起来的键值对就是对象。所以可以直接通过这种方法创建对象：var book = { name: "明朝那些事儿", author:"当年明月", setName: function(name) { this.name = name; }...

2018-02-09 19:57:32 232

JavaScript闭包学习笔记闭包是指有权访问另一个函数作用域中局部变量的函数。闭包的定义其实简单明了，那么来仔细分析一下这句话。JavaScript中由于只有在进入一个环境(全局执行环境和函数环境)时，才会创建变量对象(不了解变量对象是什么的可以去看这篇文章)，而只有在创建变量对象时才会改变当前执行环境的作用域，而在这个函数作用域执行完之后，这个函数作用域就会被销毁。那么想要在函数外部访问到函数

2017-12-28 21:57:20 301

原创 JavaScript原型学习笔记

JavaScript原型学习笔记原型原型，是JavaScript中用来实现继承的东西。JavaScript中每个对象都会有一个[[prototype]]属性，而所有的对象都是由函数创造的，每个函数都拥有一个prototype属性，使用函数创造出来的实例中的[[prototype]]属性都会指向创造它的构造函数的prototype属性所指向的对象，而指向的这个对象就叫做原型对象。描述起来好复杂的样子，

2017-12-28 16:26:48 201

原创 JavaScript作用域学习笔记

JavaScript作用域学习笔记JavaScript中的作用域，之所以要单独拿出来学习，就是因为他和别的语言不太一样。不一样的地方主要有两点：JavaScript中的函数运行在它们被定义的作用域里，而不是它们被执行的作用域里。–JS权威指南在ES6之前，JavaScript中是没有块级作用域的。JavaScript的作用域链首先，最重要的还是这句话，JavaScript中的函数运行在它们被定

2017-12-25 21:02:11 265

原创使用Object原型中的toString判断数据类型

使用Object原型中的toString方法判断数据类型在JavaScript中并没有官方的给出判断变量数据类型的方法。而在以前我也是一直使用的typeof结合instanceof的方法来判断的。直到最近的一次面试，才学到了通过Object原型中的toString方法来判断数据类型的方法。先来简单看一下用法：可以看到，使用这个方法可以轻易的得到使用变量的数据类型。并且像Array这种复杂数据类型也能

2017-11-30 19:47:59 1553

原创三栏布局学习笔记

三栏布局总结三栏布局一般指的是左右侧固定宽度，中间自适应宽度的布局。首先想到的是最简单的也最容易实现的绝对定位布局。绝对定位布局基本思路：左右侧使用绝对定位固定，中间元素使用margin和两侧隔开距离。其实和之前的两列布局的思路是基本上一样的。都是使用脱离文档流配合上margin实现的。那么为什么这里不能使用float来脱离文档流实现呢。这是因为如果中间栏不浮动，左右栏浮动，那么浮动的两栏和中间栏是

2017-11-18 12:22:18 1187

原创两栏布局学习笔记

两栏布局学习笔记看到这个问题，第一想法就是使用margin来实现。当然了，使用margin是可以很容易实现的，那么还有没有别的方法呢？市面上那么多的布局方式，肯定是有的。结合我最近的学习，又想到了使用flex来进行布局，一试，诶果然可以。当然不能就此满足了，又去查了一下还有什么布局方式。果然还有一种有趣的布局方式吸引了我，那就是通过BFC和浮动实现的布局。使用margin实现的布局这个方法是最简单、

2017-11-17 21:40:09 814 1

原创 flex布局学习

个人对于flex布局的理解：通过对某个容器中横纵两条轴上元素的分布的变化，实现的布局。也可以设置容器内元素的具体属性实现针对于某个元素的调整。基础的属性还是要在使用中才能掌握，而且阮一峰老师对于flex的基本属性解释的非常详细，我就不再列举了。下面是针对于一些实例进行的代码的分析。

2017-11-16 21:43:02 427

原创 css基础(ife学习笔记)

css基础(ife学习笔记)text-decoration属性，可以跟多个属性值，并且都会实现。值得注意的是，其中的一个值为blink，现在没有主流浏览器支持。text-transform，对于文本的大小写的控制，选项值有uppercase(全部大写),capitalize(首字母大写)，lowercase(全部小写)。以及none，和inherit。text-intend：段落的首行缩进指定

2017-11-13 21:54:40 261

原创原生JS实现轮播图

原生JS实现轮播图js实现轮播图，我经历了一下几个步骤：把静态界面写出来添加切换上一张下一张的箭头(为了省事，直接用的<和>…)通过调用setTimeOut，让图片动起来，实现轮播的效果给每张图片绑定按钮，在鼠标移到相对应的数字时，就会切换到对应的图片写博客总结一哈先上效果图：静态页面静态页面的话没什么好说的，其实就是就是加了几张图片，然后修改了一下样式而已。<!DOCTYPE html

2017-08-22 11:04:57 509

原创 css居中总结

css居中总结在页面的设计中，经常会需要将某个元素或者模块居中，下面就总结一下这种常见的布局方式。(由于都是居中，就不放图了)1. 水平居中1. 使用text-align:center和display:inline-block实现.parent { text-align:center;}.child { display:inline-block;}方便理解的话，可以分为两个步骤，首先使

2017-08-15 12:14:14 240

原创使用HTML5的indexedDB实现的todolist

不多说，直接上代码，js代码写的不多，可能会有不少问题，还请多多指教var todoStore = 'todos';//存储todolist的表名var dbName = 'todolist';//数据库名var todoDB = { dbName: "todolist", version: 1, db: null,}var todo = [];/** * 初始化

2017-08-03 16:56:14 661

原创 HTML5本地数据库--IndexDB的基本操作

HTML5本地数据库–IndexedDB的基本操作IndexedDB是一个用于在浏览器中存储较大数据结构的Web API，并且提供了索引功能以实现高性能查找。和其他基于SQL的关系型数据库一样，indexedDB是一个事务型的数据库系统，然而它是使用JavaScript对象，而不是列数固定的表格来存储数据的。和一般的数据库一样，基础操作就那几种，创建/打开数据库，创建/打开表，对数据的增删查改。1.

2017-08-02 12:14:40 6537

原创 let关键字

let关键字引入let的原因正是var的局限性，相比于var，let有以下几点优势：1. 作用域var的作用域是会提升的，var声明的变量只能是全局的或者是整个函数块的。let则允许声明一个作用域被限制在块级中的变量、语句或者表达式。for(var i = 0; i < 5; i++) {}console.log(i);上面的代码中使用的是var，那么最终的输出结果将会是5，因为i虽然是在for循

2017-07-18 22:58:54 34749 5

原创 margin的负值

margin的负值前不久看到了久闻大名的双飞燕布局，其中用到的主要技巧就是margin的负值。margin的负值大致有以下几种效果。1. 用在普通文档流中在普通文档流中，margin的负值仿佛能减小元素在文档流中的大小。实际上，它的尺寸并没有变化，只是文档流在计算元素的位置的时候，会认为负边距把元素的尺寸缩小了。可以类比margin的正值来看。下面是例子：这是没有设置margin的时候：（test

2017-07-10 09:14:48 968

原创使用cookie实现登录状态的保存及判定

使用cookie实现登录状态的保存及判定Cookie是指某些网站为了辨别用户身份而存储在用户本地终端上的数据（通常经过加密）。所以通过cookie可以实现对用户登录状态的判定，防止用户不经过登录直接进入一些页面，或者进入一些没有权限的页面。那么如何对cookie进行操作呢？对cookie的写操作在cookie中，除了name和value，每条记录还有很多属性，如失效时间，是否采用安全协议传输等等，大

2017-05-30 18:03:42 20887

原创使用node.js搭建服务器

使用node搭建小型服务器（其实就是分析url然后输出文件给客户端）最近需要完成一个课程设计，被项目经理（组长）分配写界面，但是总觉得只写前端的话缺了点什么，所以想自己写下后端玩一下。期间还稍微纠结了一下用什么语言，本来打算正好学习一下PHP，可后来转念一想，用nodejs岂不美哉，不仅了解了后台开发，也相当于巩固了js基础，一举两得，美滋滋。在学习node的过程中，学到了使用node实现一个服务器

2017-05-19 20:22:55 450

原创 JavaScript对cookie的粗浅操作

Cookie接到任务要验证某软件对cookie的支持，却突然发现自己连个cookie都不会写……特地把学习过程记录下来，梳理一下，并且方便以后回顾。什么是cookie?cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。 -w3sc

2017-03-02 17:24:19 252

原创操作系统ucore lab2实验报告

Lab2Exercise0：填写已有实验使用meld将lab1中的代码填入实验中Exercise1：实现 first-fit 连续物理内存分配算法default_init()static voiddefault_init(void) { list_init(&free_list); nr_free = 0;}这个函数的正确代码已经给出，不需要进行修改。函数的作用是对free_li

2016-12-21 00:32:23 950

原创操作系统ucore lab1实验报告

lab1Exercise1:理解通过make生成执行文件的过程。Question1:操作系统镜像文件ucore.img是如何一步一步生成的？(需要比较详细地解释Makefile中每一条相关命令和命令参数的含义，以及说明命令导致的结果)Answer：在Makefile中生成ucore.img的代码是：$(UCOREIMG): $(kernel) $(bootblock) $(V)dd if=/

2016-12-10 12:41:45 2037

Zachery Wu