0%

视口

  • 视觉视口 (visual viewport)

    • 视觉视口默认等于当前浏览器的窗口大小
    • 通过 window.innerWidth 或者 window.visualViewport.width 获取大小
  • 布局视口 (layout viewport)

    • 布局视口是网页布局的基准, 大部分为移动设备布局视口默认值为 980px
    • 布局视口通过 document.documentElement.clientWidth 获取大小
  • 理想视口 (ideal viewport)

    • 理想视口是页面在移动端展示的理想大小
    • 通过 screen.width 获取大小
阅读全文 »

React

  • 用于构建用户界面的 javascript 库
  • Declarative(声明式) Component-Based(组件化)
  • 单向数据流

参考文档

JSX

  • JSX 全称 JavaScript XML,是一种类似于XML的 JS 扩展语法
  • React.createElement(component, props, ...children) 方法的语法糖

注意点

  • 标签内部不要使用单引号或双引号
  • 使用 js 表达式需要使用 { EXPRESSION }
  • 标签类名使用 className 指定,而不是 class
  • 行内样式需要传入对象,格式为 style=
  • 只能有一个根标签
  • 所有标签必须闭合,自结束标签或同名结束标签均可
阅读全文 »

Scoop 是一款强大的 Windows 包管理工具,可以通过命令行便捷快速的安装软件,类似于 Linux 下的 yum,apt,pacman 等工具。

安装配置

添加环境变量(自定义安装路径,可选)

1
2
3
4
5
6
# 用户环境变量
$env:SCOOP='D:\ScoopApp'
[environment]::setEnvironmentVariable('SCOOP',$env:SCOOP,'User')
# 全局环境变量
$env:SCOOP_GLOBAL='D:\GlobalScoopApps'
[Environment]::SetEnvironmentVariable('SCOOP_GLOBAL', $env:SCOOP_GLOBAL, 'Machine')
阅读全文 »

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,远程开发功能让服务器端写代码像在本地一样,虽然目前还是预览功能,但体验了一下我只能说真香。

强烈推荐 FiraCode 编程字体,只需体验三分钟,你就会跟我一样 … …

阅读全文 »

Git 简介

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

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

阅读全文 »