0%

Vue 简介

  • Vue 是一套用于构建用户界面的 JavaScript 渐进式框架
  • Vue 提供 MVVM 数据双向绑定,专注于UI层面,核心思想:数据驱动、组件系统

库和框架

  • 库是为实现特定功能而封装的代码片段
  • 框架是开发项目的一套完整解决方案

MVVM

  • Module 模型,数据访问,对应前端的 javascript 对象
  • View 视图,对应前端 dom
  • ViewModule 视图模版,视图与模版数据交互
阅读全文 »

webpack 简介

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。

核心概念

  • entry(入口)webpack 开始构建的入口模块,从该入口开始构建并计算直接或间接依赖的模块或库
  • output(输出)webpack 对文件的命名和输出
  • loader(加载器)对于非 js 文件处理需要依赖 loader
  • plugins(插件)plugins 将不同的事件运行在不同生命周期的 hook(钩子)中提供具体功能
  • mode(模式)内置优化参数,可选 production(生产模式) developement(开发模式)none(无优化参数)
阅读全文 »

Ajax 简介

  • ajax 全称为 Asynchronous Javascript And XML,就是异步的 js 和 xml
  • ajax 请求是一种特殊的 http 请求,可以动态更新网页数据而无需重载页面
  • 浏览器使用 XHR(XMLHttpRequest)对象或 fetch 函数发送 ajax 请求
阅读全文 »

IDE 的选择

VSCode

对于开发者来说,一个好的开发工具至关重要,在众多 IDE 中 我选择了 VScode,微软的一款轻量级开发工具,对应的开源版本为 VSCodium,就像 Chrome 与 Chromium,有开源版本我当然会用开源版本,但 VScode 的远程开发功能在 VSCodium 中无法使用,这一点使我暂时放弃了 VSCodium,远程开发功能让服务器端写代码像在本地一样,虽然目前还是预览功能,但体验了一下我只能说真香。

个人使用免安装的 ZIP 包,直接解压,开箱即用。

阅读全文 »

Git 简介

Git 是一款开源的分布式的版本控制系统,由 Linux 之父 Linus Torvalds 开发,最初的目的是为了便于维护 Linux 内核,如今已成为最流行的版本控制系统。

官网:https://git-scm.com/

阅读全文 »

jquery 简介

jquery 是一个快速,小巧,功能丰富的 javascript 库。其独特的 API 使 html 文档的遍历,事件处理,动画和 Ajax 等变得简单。

使用

1
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.js"></script>
阅读全文 »

canvas

  • <canvas> 标签是一个图形容器,需要使用 javascript 来绘制图形
  • <canvas> 标签是 inline-block 元素,标签内部是浏览器不支持 <canvas> 标签时显示的内容
  • <canvas> 元素默认宽度 300px,默认高度 150px,只能通过标签属性设置宽高,不能通过 css 设置(会改变像素的宽高比),不需要写单位,以像素计数
阅读全文 »