寒青 - SegmentFault 思否

Vue.js-开篇

2019-03-18

阅读 3 分钟

1.9k

学习笔记：Vue.js基础知识基础知识构造函数Vue的根实例new Vue({})，并启动Vue应用。 {代码...} 变量app代表这个Vue实例。其中，必不可少的选项是el，用于指定一个页面中已存在的DOM元素来挂载Vue实例，可以是HTMLElement，也可以是CSS选择器。 {代码...} 挂载成功后，可以通过app.$el访问该元素。Vue提供了很多常用...

使用Quasar设计Material和IOS风格的响应式网站

寒青

2019-02-28

阅读 21 分钟

9.7k

Quasar是一款基于Vue.js开发的UI框架，可以让你轻松构建网站简洁明快的界面，更重要的是它还能让你轻松做好RWD（响应式网站设计），除此之外还能帮助你加上PWA，使你的网页变成手机上的App。

文章链接：Vue.js基础教程开发工具准备：根据个人喜欢选择IDE，我使用的是WebStorm，推荐使用Atom和VSCode；安装git base和node.js；安装vue-cli，命令npm i -g @vue/cli；新建vue-cli项目：方法一：通过图形界面进行安装vue ui；方法二：通过命令行安装vue create project-name 运行项目npm run serve，端口8080...

Pro Git 学习笔记

寒青

2019-01-16

阅读 4 分钟

2.8k

Pro Git 学习笔记文档地址：Pro Git原文地址：PRO GIT 学习笔记 1、Git起步初次运行Git前的配置用户信息 {代码...} 文本编辑器设置默认的文本编辑器：git config --global core.editor emacs 查看配置信息 {代码...} 2、Git基础创建Git仓库在工作目录中初始化新仓库 {代码...} 克隆现有仓库 {代码...} url分ssh和h...

管中窥Vue

寒青

2018-11-13

阅读 2 分钟

1.9k

博客文章链接：管中窥Vue Vue和Angular、React.js的相同点和不同点？与React的相同：都使用了Virtual DOM 提供了响应式和组件化的视图组件将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。与React的区别：组件的响应式渲染 React的组件的数据状态发生变化时，它会以该组件为根，重新渲染...

数组大概知多少

寒青

2018-11-13

阅读 1 分钟

1.7k

博客文章链接：数组大概知多少判断一个变量是否为数组？可靠地检测数组方法 1.利用Object的toString方法 {代码...} 2.利用ES5的Array.isArray()方法 {代码...} 数组的原生方法有哪些？会改变自身的方法： copyWithin、fill、pop、push、reverse、shift、sort、splice、unshift 不会改变自身的方法： concat、includes...

网络知识面面观

寒青

2018-11-06

阅读 9 分钟

4.4k

建立TCP连接需要三次握手：首先Client端发送连接请求报文，Server端接收连接后回复ACK报文，并为这次连接分配资源。Client端接收到 ACK报文后也向Server端发发送ACK报文，并分配资源，这样TCP连接就建立了。第一步：客户端的TCP先向服务器的TCP发送一个连接请求报文。这个特殊的报文中不含应用层数据，其首部中的SYN标...

正则表达式手册

寒青

2018-11-01

阅读 3 分钟

原文链接：正则表达式手册表达式全集字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置。$匹...

CSS世界（文档）

寒青

2018-07-12

阅读 3 分钟

6.3k

整理完了《高性能JavaScript》这本书，往下就需要快速处理《CSS世界》，这本讲解CSS特性的书非常值得一读，内容完整，重点突出，实战性强，就是语言啰嗦。由于全书内容太多，而且需要一点一点的整理，所以放到了站点上，方便大家查看。

高性能JavaScript（文档）

寒青

2018-07-06

阅读 2 分钟

4.3k

最近在全力整理《高性能JavaScript》的文档，并重新学习一遍，放在这里方便大家查看并找到自己需要的知识点。前端开发文档高性能JavaScript 第1章：加载和执行脚本位置阻止脚本无阻塞的脚本延迟的脚本动态脚本元素 XMLHTTPRequest脚本注入推荐的无阻塞模式小结第2章：数据存取管理作用域作用域链和标识符解...

前端开发面试题

寒青

2018-06-25

阅读 24 分钟

7.9k

1、<!DOCTYPE>声明位于HTML文档中的第一行，处于<html>标签之前，告知浏览器的解析器用什么文档标准解析。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。2、标准模式的排版和JS运行模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止...

JS思维导图

寒青

2018-06-20

阅读 2 分钟

18.2k

站点:前端开发文档推荐查看原文：JS思维导图 JS思维导图基本概念基本语句字符串基本及常用方法基本常用方法操作符数组基本及常用方法变量基本DOM操作字符串函数流程语句运算符数组函数基础正则表达式思维导图xmind地址：JS思维导图

正则表达式

寒青

2018-06-20

阅读 15 分钟

5.8k

查看原文站点，更多扩展内容及更佳阅读体验！查看原文：正则表达式正则表达式正则表达式是匹配模式，要么匹配字符，要么匹配位置。字符匹配两种模糊匹配正则表达式能实现模糊匹配模糊匹配，有两个方向上的模糊：横向和纵向横向模糊匹配横向模糊指的是，一个正则可匹配的字符串的长度不是固定的实现方式是使用量...

函数化组件

寒青

2018-06-12

阅读 4 分钟

2.5k

Vue提供了一个functional的布尔值选项，设置为true可以使组件无状态和无实例，也就是没有data和this上下文。这样用render函数返回虚拟节点可以更容易渲染，因为函数化组件只是一个函数，渲染开销要小很多。

Render函数

寒青

2018-06-10

阅读 4 分钟

4.2k

React和Vue2都使用了虚拟DOM技术，虚拟DOM并不是真正意义上的DOM，而是一个轻量级的JavaScript对象，在状态发生变化时，虚拟DOM会进行Different运算，来更新只需要被替换的DOM，而不是全部重绘。

Vue常用组件的开发

寒青

2018-06-07

阅读 3 分钟

5.1k

数字输入框只能输入数字，而且有两个快捷按钮，可以直接减1或加1。除此之外，还可以设置初始值、最大/小值，在数值改变时，触发一个自定义事件来通知父组件。

Vue-组件详解

寒青

2018-06-06

阅读 16 分钟

6.3k

要在父实例中使用这个组件，必须要在实例创建前注册，之后就可以用<my-component></my-component>的形式来使用组件。

Vue基础

寒青

2018-06-01

阅读 9 分钟

5.2k

查看原文站点，更多扩展内容及更佳阅读体验！ Vue基础构造函数Vue的根实例new Vue({})，并启动Vue应用。 {代码...} 变量app代表这个Vue实例。其中，必不可少的选项是el，用于指定一个页面中已存在的DOM元素来挂载Vue实例，可以是HTMLElement，也可以是CSS选择器。 {代码...} 挂载成功后，可以通过app.$el访问该元素。V...

Webpack附录

寒青

2018-05-30

阅读 3 分钟

2.9k

Webpack附录查看所有文档页面：全栈开发，获取更多信息。原文链接：webpack原理，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。常用 Loaders 加载文件 raw-loader：把文本文件的内容加载到代码中去，在 3-20加载SVG 中有介绍。 file-loader：把文件输出到一个文件夹中，在代码中通过相对 URL 去引用...

webpack原理

寒青

2018-05-30

阅读 17 分钟

45k

Module：模块，在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。

webpack优化

寒青

2018-05-27

阅读 39 分钟

9.1k

webpack优化查看所有文档页面：全栈开发，获取更多信息。原文链接：webpack优化，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。优化开发体验优化构建速度。在项目庞大时构建耗时可能会变的很长，每次等待构建的耗时加起来也会是个大数目。缩小文件搜索范围使用 DllPlugin 使用 HappyPack 使用 Par...

webpack实战

寒青

2018-05-25

阅读 48 分钟

13.2k

查看所有文档页面：全栈开发，获取更多信息。快马加鞭，加班加点，终于把这个文档整理出来了，顺便深入地学习一番，巩固知识，就是太累人，影响睡眠时间和质量。极客就是想要把事情做到极致，开始了就必须到达终点。原文链接：webpack实战，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。

webpack配置

寒青

2018-05-23

阅读 20 分钟

10.1k

webpack配置查看所有文档页面：全栈开发，获取更多信息。原文链接：第2章配置，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。配置 Webpack 的方式有两种：通过一个 JavaScript 文件描述配置，例如使用 webpack.config.js 文件里的配置；执行 Webpack 可执行文件时通过命令行参数传入，例如 webpac...

jQuery学习笔记

寒青

2018-05-11

阅读 13 分钟

4.1k

jQuery大部分功能需要根据文档的DOM模型来工作，首先需要正确地解析到整个文档的DOM模型结构。使用jQuery需要在整个文档被浏览器完全加载后才开始进行。

前端开发文档

寒青

2018-05-09

阅读 1 分钟

8.3k

最近在整理全栈开发方面的技术细节，写成文档方便工作中查找，在这里分享这个站点。地址：前端开发文档全栈开发HTML5/CSS3HTML元素语义化标签CSS3样式CSS选择器CSS继承属性CSS3核心模块CSS盒子模型CSS背景图像CSS清除浮动CSS定位SVG指南弹性图片CSS BFCLessLess基础FontWeb字体CSS实例动画旋转下拉菜单飘带样式菜单二级...

Ajax技术细节

寒青

2018-05-08

阅读 2 分钟

2.6k

0：UNSENT 未发送，创建Ajax对象，默认值为01：OPENED 执行xhr.open2：HEADERS_RECEIVED 当前ajax请求已经发送，并且已经接收到服务器端返回的相应头信息3：LOADING 响应主体内容正在返回4：DONE 相应主体内容已经返回到客户端

Hybrid App系列之工具篇

寒青

2018-03-14

阅读 1 分钟

3.2k

直入正题，“磨刀不误砍柴工”，第一步介绍开发工具，主要是 DCloud集成的Hybrid App移动端开发框架。包括HBuilder、5+Runtime、MUI三个主要工具。

Node.js学习备案

寒青

2018-01-28

阅读 3 分钟

1.3k

最近在深入学习并争取尽快掌握Node.js的技术细节，考虑开一篇文章用于记录需要记录下来的概念、方法以及代码实例，方便在实际项目中进行查找。此篇会持续更新，或另开文章讨论更核心、关键的技术问题。

Vue过渡与动画

寒青

2018-01-21

阅读 5 分钟

4.6k

通过 Vue.js 的过渡系统，可以在元素从 DOM 中插入或移除时自动应用过渡效果。Vue.js 会在适当的时机为你触发 CSS 过渡或动画，你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。

Vue组件

寒青

2018-01-19

阅读 3 分钟

1.4k

组件系统组件可以扩展 HTML 元素，封装可重用的代码。 vue.js的核心组件：模板（template）——模板声明了数据和最终展现给用户的DOM之间的映射关系。初始数据（data）——一个组件的初始数据状态。对于可复用的组件来说，通常是私有的状态。接受的外部参数（props）——组件之间通过参数来进行数据的传递和共享。参数默认...

前端参考手册

寒青

2018-01-16

阅读 1 分钟

2.8k

CSS CSS参考手册 CSS参考手册 JavaScript ECMAScript5.1中文版 + ECMAScript3 + ECMAScript（合集）有趣的JavaScript原生数组函数 JSON JSON API :: 用 JSON 构建 API 的标准指南 JQuery jQuery API 中文文档正则表达式正则表达式元字符详解正则表达式语法 webpack webpack 中文文档 Zepto.js Zepto.js (1.2.0) API ...

正则表达式实例

寒青

2018-01-11

阅读 3 分钟

9.8k

收集在业务中经常使用的正则表达式实例，方便以后进行查找，减少工作量。常用正则表达式实例1. 校验基本日期格式 {代码...} {代码...} 2. 校验密码强度密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。 {代码...} 网友提供的解决检测特殊字符的方法 {代码...} 3. 校验中文字符串仅能是...

Vue-概念理解

寒青

2018-01-11

阅读 4 分钟

3.9k

更多详细内容，可以查看原文链接：Vue-概念理解渐进式框架组件系统客户端路由状态管理构建工具虚拟DOM MVVM模式 MVX模式是什么渐进式框架 Vue.js是一套构建用户界面的渐进式框架。声明式渲染和组件系统是Vue的核心库所包含内容，而客户端路由、状态管理、构建工具都有专门解决方案。声明式渲染所有的逻辑尽可...