- 博客(20)
- 收藏
- 关注
RSS订阅原创 小红帽学前端 | 1.3 常用 HTML 元素
前言 上次我们介绍完 head 元素里面的东西，主要就是了解元数据的一些东西，也算摸明白整个 HTML 文件的一个结构了吧。然后聊了那么多枯燥的概念，今天来整点实际的，我们直接上手写页面，写一个丑的一批的网页简历（没有 CSS 写样式搭配，是真的丑。）。如下：借助这个来了解一下我们常用到的这么几个 HTML 元素。本文的笔记代码我丢到 GitHub 上面去了，最好可以去看看，然后自己琢磨搞出...
2019-09-14 20:57:05
1073
原创 小红帽学前端 | 1.2 了解 head 元素
前言 我们上次大概了解了 HTML 的那么一个结构。其中讲到我们有一个 head 元素，这个东西不能简单讲完。所以这边我们单独挖出来讲讲。1 定义学之前还是要先知道人家是啥，其实 head 元素人家也是一个元素，但是与一般元素不同，人家一般元素的内容是会显示在浏览器页面上的。head 元素里面的内容是不会显示在浏览器中的。他里面放着的是文档的各种属性和信息，包括文档的标题，样式和脚本的引用，元...
2019-09-01 16:09:28
256
原创 小红帽学前端 | 1.1 HTML 简介
前言 从今天开始，小红帽开始了学习前端的道路（假装从头开始）。开始第一天，定个小目标，理清 HTML 是一门怎么样的东西。知道他里面有什么玩意，在自己整一个 「Hello World ！」的 HTML 文本出来先。1 HTML 是啥？老套路，学啥东西先看看人家是啥玩意，这里的话。HTML 全称 HyperText Markup Language，翻译成中文是「超文本标记语言」。看翻译就知道，...
2019-08-25 23:23:04
180
原创 小红帽学前端 | 0 开头瞎BB
大家好，我是小红帽，一个前端小辣鸡。为了能够更好学习整理自己所学的前端知识，所以我打算不要脸的写一个初级前端学习的系列文章，同时也算作为一个分享和交流吧。至于为啥是初级前端学习咧，我想说我也想写个中高级前端的进阶教程啊，奈何我只是一个小辣鸡，写不了哇。1 What学习一个东西前，我们先解决一个「what」的问题，啥是前端咧？前端开发是干啥的？简单粗暴来讲，前端就是所有呈现在用户面前与用...
2019-08-17 09:07:46
487
原创 Vuex 模块化使用
前言 上回我们说了一下 vuex 的简单使用，最后面的时候有说了，由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。为了解决以上问题，Vuex 允许我们将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割，今天我...
2019-07-30 23:08:25
750
原创 Vue 项目尝鲜（五）路由切换
前言 前面我们在把 vue 项目搞起来了，也懂一点基本的操作，但是我们之前都是在 HelloWorld.vue 那个文件里面搞的，很明显我们一个项目不可能就只有那么一个视图的吧，我们一般是需要切换不同视图页面的，这个时候就要讲到我们的 vue-router 的了，在此在此之前我建议你先去看一下官方文档了解一下。1 准备我们既然要进行视图路由切换，那么原有的目录结构，就不够我们用啦，这个时候我们...
2019-07-27 22:24:41
285
原创 Vuex 基础使用
前言 vuex 是 vue 官方出的一个全局的状态管理模式，可以理解为一个 vuex 项目的全局变量吧，再构建大型项目的时候，我们可能会需要用到它。下面就来学一下怎么去使用它吧（本文偏向于具体使用，如要深入学习，请看官方文档）。1 安装我们要用啥就要先装啥，直接 npm install 就行了npm install vuex2 文件结构vuex 的也是 vue 项目中的一个模块，使用我...
2019-07-27 22:15:43
125
原创 Vue 项目尝鲜（四） 使用 ElementUI 布局
前言 上回我们搭了项目，也大概了解了 vue 项目的结构啦，也熟悉一点基本操作，但是一定会感觉这个页面好像有点丑，看不下去，要美化一下。但是我们不是 UI，然后你要是不幸审美和我一样差的话，这个要我们自己搞页面就有点难受了，一般我们会使用模仿他人，或者使用 bootstrap 这样的 UI 库来帮我们搞出一套好看的页面出来，那么 vue 这边咧，它这边也有很多 UI 组件库可以用，并且用起来更加方...
2019-07-07 08:47:34
1011
原创 Vue 项目尝鲜（三） 常规 Vue 操作
前言 上回我们项目也跑起来了，目录结构也简单了解了，现在我们就开始将我们之前看文档的那些东西，在这边操作一下吧，如果你之前没有看过 vue 文档的话，也没事，先看完我这个，然后再回去学习官方文档。预备工作这次的话，我们就先用一些简单的，用的比较多的几个地方。然后我们这次的操作全在 component 文件夹里面那个原来的 HelloWorld.vue 里面搞了，就先不用 vue-router ...
2019-07-07 08:44:36
123
原创 Vue 项目尝鲜（二） 项目结构简析
前言 上回我们成功搭建运行了一个 vue 项目，这次的话我们来捋一捋这个项目的结构，当然也是简单看看，深入的话，其实我也不是很懂（手动捂脸）目录结构首先我们大概看一下他的结构，然后我们一个一个捋。.├── README.md├── build│ ├── build.js│ ├── check-versions.js│ &nb...
2019-07-07 08:39:10
127
原创 Vue 项目尝鲜（一） 搭建项目
前言 vue 是现在很火的一个前端开发框架，它容易学上手快，基本已经成为一名前端工程师的标配了。但是我们如果一开始只是看官方文档的话，有时候会感觉有点虚，这个时候就要搞整个项目来抚慰一下自己，证明一下自己。这次我就手把手教大家做自己的 vue 前端项目啦。注： 搭项目只是为了大家心里有个底，要想好好学 vue，还是得老老实实看文档。配环境建项目之前我们需要配好下面几个环境Node &am...
2019-07-07 08:26:17
145
原创 Node 项目调试
前言 作为一个程序员，感觉我们其实打代码的时间不多，大部分时间都在在调试上，所以如何调高我们调试的效率，这就成了我们的一个大问题了，经过在网上的搜索与自己的探索，就推荐这两种好用的调试方法吧1 Chrome 调试因为 V8 检查器集成允许使用 Chrome 调试协议将 Chrome DevTools 附加到 Node.js 实例以进行调试。所以我们可以直接用 Chrome 进行调试。这个就最...
2019-07-07 08:10:08
526
原创 JS 数组的方法学习汇总
前言 在 JS 中我们数组用的是比较多的了，它自带了很多方法可以用，省去了我们时间，特别是 ES6 当中对数组的扩展让数组具有了更强大的功能，为了以后使用数组的时候能够充分发挥数组的特性，在这里对数组的方法进行一次汇总吧。说明 标题后的标识 * 是说明该方法会改变原数组对数组元素的操作push() & pop() *push() 向数组的末尾添加一个或更多元素（就是传进去的参数），...
2018-12-19 21:50:34
140
翻译 简单学习 Promise 对象
引言 Promise 是异步编程的一种解决方案，比传统的解决方案——回调和事件——更合理且强大。最近的项目要用到这个，就参考阮一峰老师的《ES6标准入门》这本书简单学一下了。1 Promise 的含义所谓 Promise ，简单来说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上来看，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提...
2018-12-13 09:45:03
140
原创 Vue 父子组件间的通信
前言 在 Vue 项目中父子组件的通信是非常常见的，最近做项目的时候发现对这方面的知识还不怎么熟练，在这边做一下笔记，系统学习一下吧。1 父组件传值给子组件1.1 传值写法父组件传值给子组件，这个就比较常见了，直接用 props 就可以了。但是就算是 props 子组件那边也有三种写法，如下面代码所示：父组件<!-- 两种情况 --><!--静态传值-->&l...
2018-12-12 12:38:15
117
原创 express 项目分层实践
前言 上次我们搭建了一个基本的 express 后台，但是这样的项目结构的可扩展性，维护性和代码复用性都不是很好，参照之前学习 JavaWeb 时候的四层架构设计，用分层的思想来对 express 进行一点小优化，进一步提高代码的可拓展性。本文的源代码在 Github 上，建议看着代码来看这篇文章。1 四（五）层结构概念这个就简单说一下，所谓四层架构就是 Model实体层，Dao层（数据访问层...
2018-12-09 19:27:48
1107
5
原创 手把手快速搭建 express 后台
前言 想必很多小伙伴开始学 node 的时候想搞个项目出来却不知道怎么下手吧，这个教程的话就是教大家用 express 框架简单粗暴搭建一个可以用的后台出来，然后关于 node 和 express 的其他知识，大家还是需要自己去看看文档了解一下。1 环境准备express 既然是基于 node 的开发框架，首先 node 那些肯定都配好了吧，这个就自己搞去。然后下面就是要搞 express 的...
2018-12-09 19:26:34
711
原创 Vue 自定义指令实现点击元素外触发事件
前言 最近搞了毕设，需要实现一个场景，点击一块区域，弹出一个编辑区域，点击页面的其他地方的时候，这个编辑区域就隐藏，本想想之前写模态框一样写个方法的时候，突然觉得可以尝试用 vue 相关的东西优雅的解决这个事情，然后就学了下面的自定义指令了。前置知识既然要用 Vue 的自定义指令，那么肯定要了解一下 Vue 自定义指令的相关知识啦，关于这部分的内容，看我之前写过的《Vue 自定义指令》或者...
2018-11-27 23:58:42
11665
2
原创 Vue 自定义指令
前言 最近搞了毕设，需要实现一个场景，点击一块区域，弹出一个编辑区域，点击页面的其他地方的时候，这个编辑区域就隐藏，本想想之前写模态框一样写个方法的时候，突然觉得可以尝试用 vue 相关的东西优雅的解决这个事情，然后就学了下面的自定义指令了。Vue 自定义指令定义直接看官网的介绍吧（觉得官方文档说的很清楚了，所以我基本都是抄他的了）。除了核心功能默认内置的指令 (v-model 和 ...
2018-11-26 23:51:31
83
原创 JS 中的深拷贝与浅拷贝
前言 最近在写项目的时候涉及到一些父子组件传递个对象或者数组通信啥的，或者是直接复制添加对象啥的，直接使用赋值的时候总会出错1 什么是深拷贝&amp;浅拷贝见名知义，无论是深拷贝还是浅拷贝，都是 copy 的问题。就是 copy 的时候出现的两种情况。区分起来也挺简单的，举个例子，假设 B 是 A 复制过来的，当我们修改 A 的时候，B 也随之改变了，那么这个就是浅拷贝，那要是 B 没有随 A...
2018-11-25 23:50:02
143
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人