作者： 阮一峰1、以前，网页开发有一个原则，叫做“关注点分离”(separation of concerns)。它的意思是，各种技术只负责自己的领域，不要混合在一起，形成耦合。对于网页开发来说，主要是三种技术分离。HTML 语言：负责网页的结构，又称语义层CSS 语言：负责网页的样式，又称视觉层JavaScript 语言：负责网页的逻辑和交互，又称逻辑层或交互层简单说，就是一句话，不要写”行内样式
转载
2024-06-03 07:30:55
86阅读
每日一句命运掌握在自己手中。要么你驾驭生命，要么生命驾驭你，你的心态决定你是坐骑还是骑手。 1、阮一峰的个人网站的网络日志。先介绍一下阮一峰大神，他虽然在多方面都擅长，但是在IT编程方面的文章和著作一直是学编程必看的经典。70后，英文名Frank。他原是上海财经大学世界经济博士研究生。主要研究宏观金融、政策与美国经济。于2008年6月获得博士学位。目前在上海一所当地大学（上海金融学院 国际经贸学院
最近因开始学ReactJS,发现ReactJS跟webpack这个模块化打包工具绝配，又开始找webpack的资料学。。。。。。在本尊千辛万苦的看了众多资料下，还是感觉阮大神写的这个demo简单明了，深入浅出，很适合新手学习，但是因为资料是全英文写的，自己在学习的过程中就顺当翻译了下，以下为原文地址链接 ： https://github.com/ruanyf/webpack-demos#dem
转载
2023-08-03 23:15:20
293阅读
前言ES6的出现是为了提高 javascript 的严谨性，安全性等方面，它代表着js的发展方向。网站开发的人员，无论前后端都必须熟稔 ES6 语法规范。带着问题看书1. ES6 新增的关键词 let 和 var 区别？a. 使用let声明的变量，只在它所在的代码块内有效。即如果使用let，声明的变量仅在块级作用域内有效。
b. var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为
转载
2024-03-12 17:47:24
78阅读
写在开头：此 Webpack 教程是阮老师在 Webpack 1.x 的版本上做的。现在 Webpack 的版本已经改动较大，建议有基础的同学，就直接上官网看最新的就好了。这个教程可以用来了解下 Webpack 的前世今生。仓库地址： https://github.com/userkang/webpack-demos-cn开始这个项目是一些简单的 Webpack 示例集合这些示例特意用简单明了的方
转载
2023-11-05 08:23:35
273阅读
好文！对深入理解字符存储方式非常有用！作者： 阮一峰日期： 2007年10月28日今天中午，我突然想搞清楚Unicode和UTF-8之间的关系，于是就开始在网上查资料。结果，这个问题比我想象的复杂，从午饭后一直看到晚上9点，才算初步搞清楚。下面就是我的笔记，主要用来整理自己的思路。但是，我尽量试图写得通俗易懂，希望能对其他朋友有用。毕竟，字符编码是计算机技术的基石，想要熟练使用
转载
2023-07-31 18:28:59
184阅读
AbstractGenetator函数Generator函数是ES6提供的一种异步编程解决方案，其语法行为完全不同于传统函数。语法两大特征
function 关键字与函数名之间的 *
函数体内部使用 yield 语句我们定义一个generatorFunction示例：function* firstGenerator() {
var one = yield 'one';
consol
转载
2024-05-29 16:48:52
53阅读
Promise的使用和踩坑(本文部分内容直接引用了阮一峰老师的《ES6入门》)1.Promise的基本使用①什么是PromisePromise是异步编程的一种解决方案，他能避免回调函数的层层嵌套，带来的难以阅读和维护等问题，例如下面的回调地狱：setTimeout(() => {
console.log(1)
setTimeout(() => {
con
转载
2024-04-30 20:52:23
69阅读
开始学习一、资源整理资源与概念：PDF: <Vue前端开发 快速开发与专业应用>组件化、数据绑定。 MVVM模型：MVC，MVP 和 MVVM 的图示 作者： 阮一峰 基础教程：vue教程_2019年vue视频教程 7小时学会Vue+Vuex+MintUi+ElementUi入门实战视频教程（30讲） 官网安装：https://cn.v
转载
2024-05-21 06:47:46
63阅读
引言阮一峰大家基本都认识，很厉害的一个人，经济学博士，文章写得很棒，知识面很广泛，计算机、算法、英语、文采，这是能想到的他的一些标签，他的博客应该算是最受欢迎的博客之一了。
我经常回去看他的博客，但有时候时间长了，再次去看，发现他已经有好几篇新文章了，我就在想，能不能自己写个程序，监控的他博客，当他有新文章的时候，第一时间推送给我。思路他的博客中有一个feed，是一个返回xml格式文档的接口，这个
转载
2023-07-04 10:18:10
1071阅读
1.let和const命令let注意点：a. 使用let命令声明变量之前，该变量都是不可用的。（称为“暂时性死区”）b. let、const语句不出现变量提升c. let不允许在相同作用域内，重复声明同一个变量。d. const一旦声明变量，就必须立即初始化，不能留到以后赋值。ES6声明变量的6种方法：Es5中：var 命令和function命令。Es6 let和co
转载
2023-11-19 11:37:25
505阅读
学过网页开发就会知道，CSS 不能算编程语言，只是网页样式的一种描述方法。为了让 CSS 也能适用软件工程方法，程序员想了各种办法，让它变得像一门编程语言。从最早的Less、SASS，到后来的 PostCSS，再到最近的 CSS in JS，都是为了解决这个问题。本文介绍的 CSS Modules 有所不同。它不是将 CSS 改造成编程语言，而是功能很单纯，只加入了局部作用域和
转载
2023-12-04 23:05:52
80阅读
flex布局，父元素加上如下代码即可： display: flex; justify-content: center; align-items :center;Flex布局将成为未来布局的首选方案。 Flex 是 Flexible Box 的缩写，意为“弹性布局”，用来为盒装模型提高最大的灵活性。任何一个容器都可以指定为 Flex 布局，需要设置 display: flex;
转载
2023-07-24 13:59:45
539阅读
文章目录ES6 入门教程1 ECMAScript 6 简介1.1 ECMAScript 和 JavaScript 的关系1.2 ES6 与 ECMAScript 2015 的关系1.3 语法提案的批准流程1.4 ECMAScript 的历史1.5 Babel 转码器1.5.1 安装Babel1.5.2 配置文件.babelrc1.5.3 命令行转码1.5.4 babel-node1.5.5 @b
转载
2024-05-10 22:06:27
81阅读
参考大神阮一峰的文章《测试框架 Mocha 实例教程》目前在使用Nodejs，但写完的程序很容易出错，那怎么办？需要引入单元测试去做基础的测试目前Nodejs用来做单元测试的工具接触的不多，现在只接触到Mocha，它是用来做单元测试的最好的工具之一。关于Mocha的基础教程，可以看一下阮一峰老师的博客：测试框架 Mocha 实例教程=》基本概念：describe()：测试区块，一个测试区块应该包含
转载
2023-11-09 09:48:26
166阅读
概念promise就是一个容器，里面保存着未来才会结束的事件的结果。(通常为异步操作的结果)promise是一个对象，可以获取异步操作的消息。promise对象是一个构造函数，用来生成promise实例。特点promise对象的状态不受外界影响。三种状态： pending（进行中），fulfilled（已成功），rejected（已失败）。只有异步操作的结果能决定当前状态。其他操作都无法改变状态。
转载
2023-08-28 18:56:04
99阅读
下图是ThoughtBot的Git使用规范流程。 第一步：新建分支 首先，每次开发新功能，都应该新建一个单独的分支（Git分支管理策略）。# 获取主干最新代码
$ git checkout master
$ git pull
# 新建一个开发分支myfeature
$ git checkout -b myfeature第二步：提交分支commit 分支修改后，就可以提交commit了。$ gi
转载
2023-10-09 22:32:46
593阅读
软工网络15团队作业4——Alpha阶段敏捷冲刺4.01.每天举行站立式会议，提供当天站立式会议照片一张。2.项目每个成员的昨天进展、存在问题、今天安排。成员昨天已完成今天计划完成郭炜埕完成新建话题界面的设计完善新建话题界面郑晓丽完成话题详情页面设计进行我参与的话题界面与话题详情页面的连接廖怡洁完成我的打卡动态页面设计完成新建打卡页面设计包梦榕完成首页页面的初步设计完成首页页面设计柯智青完成我的设
webpack是前端工程构建的一套工具，为什么一个程序称之为一套呢，是因为webpack其实是npm的一个模块，使用起来的话，这期间还需要很多其它模块来进行支持，所以我称之为一套工具。webpack的功能与grunt和gulp都是基于node的，所以希望你有一个node基础，如果还没有，那么先学习一下node吧，这是阮一峰的教程，很不错，不过还需要多了解node的API，可以访问官网学习。一、we
转载
2023-09-13 11:46:32
240阅读
Promise一、含义1. 概念2. 特点3. 基本用法4. 为什么要用 Promise1. 指定回调函数的方式更加灵活2. 支持链式调用，可以解决回调地狱的问题用Promise实现Ajax二、Promise的使用1. Promise 构造函数：Promise(executor) {}2. Promise.prototype.then 方法: `(onResolved, onRejected)
转载
2023-08-10 19:54:14
298阅读
