weiqinl

web engineer


  • 首页

  • 分类

  • 归档

  • 标签

  • 关于

webpack的四个核心概念介绍

发表于 2017-08-17

前言

webpack 是一个当下最流行的前端资源的模块打包器。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成少量的bundle - 通常只有一个,由浏览器加载。

阅读全文 »

ECMAScript6-let与const命令详解

发表于 2017-08-12

前言

《ECMAScript入门》是一本开源的JavaScript语言教程,全面介绍ECMAScript6新引入的语法特性。
let和const命令,是第一章开始介绍,也是比较基础的知识。我在学习之后,把它总结记录下来,以便自己以后复习查看。
以下代码,于Chrome57 DevTools运行
node为6.3版本

先总结

先总结区别,再分别阐述

let 与 const 相同点和区别

1:let命令用来声明变量,用法类似于var,但是所声明的变量。
const声明一个只读的常量,一旦声明,常量的值就不能改变。
const保证的是内存地址不得改动。常量(内存地址保存的是值),复合类型的数据(内存地址保存的是指针)
2:两者都不存在变量提升。
3:两者都有暂时性死区(TDZ)。
4:两者都不允许重复声明。
5:两者为JavaScript新增了块级作用域。两者作用域,只在声明所在的块级作用域有效。

阅读全文 »

在webpack中使用Code Splitting--代码分割来实现vue中的懒加载

发表于 2017-08-07

当Vue应用程序越来越大,使用Webpack的代码分割来懒加载组件,路由或者Vuex模块, 只有在需要时候才加载代码。

我们可以在Vue应用程序中在三个不同层级应用懒加载和代码分割:

  • 组件,也称为异步组件
  • 路由
  • Vuex 模块

但是他们都有一些共同之处:自webpack2.0版本之后,他们都使用动态导入[译者注:也可以参考这个]。

阅读全文 »

cursor属性-显示的光标的类型(形状)的用法和定义

发表于 2017-07-04

在网页布局的时候,在特定的地方,光标形状各有区别。这个时候,就需要用到css的cursor属性。根据自身需要选择设置鼠标指针样式。

定义和用法

cursor 属性规定要显示的光标的类型(形状)。
该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。

阅读全文 »

Datatables插件1.10.15版本服务器处理模式ajax获取分页数据实例解析

发表于 2017-06-30

一、问题描述

前端需要使用表格来展示数据,找了一些插件,最后确定使用dataTables组件来做。

后端的分页接口已经写好了,不能修改。接口需要传入页码(pageNumber)和页面显示数据条数(pageSize),显示相应的数据。

阅读全文 »

Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目

发表于 2017-06-29

1. 前言

vue-cli 一个简单的构建Vue.js项目的命令行界面

整体过程:

$ npm install -g vue-cli 
$ vue init webpack vue-admin 
$ cd vue-admin 
$ npm install 
$ npm run dev 

后面分步说明。

阅读全文 »

使用Github+Hexo框架搭建部署自己的博客

发表于 2017-06-21

前言

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown (或其他渲染引擎 )解析文章,
在几秒内,即可利用靓丽的主题生成静态网页。

阅读全文 »

hexo指令

发表于 2017-06-21

Hexo指令

init

$ hexo init [folder]

新建一个网站。如果没有设置 folder ,Hexo 默认在目前的文件夹建立网站。

阅读全文 »

Hello World

发表于 2017-06-20

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1
$ hexo new "My New Post"
阅读全文 »

Windows环境下使用Hexo搭建Github静态博客

发表于 2017-06-18
注意: 此教程针对的是Windows系统。具体讲解了hexo的配置,其他配置只是略带提下。

本人一直想搭建个人博客,于是在网上找了资料,自己动手搭建发现并不难。
现在,把搭建过程记录下来。

hexo版本不同,有些配置也会不同。我把我机器配置发出来。

hexo-v.png

配置环境

本地机器,需要配置一些基础环境,才能更好的搭建hexo博客。

阅读全文 »
12
weiqinl

weiqinl

20 日志
23 标签
RSS
GitHub cnblogs
© 2017 - 2018 weiqinl
由 Hexo 强力驱动
主题 - NexT.Pisces