YZBTDIY

拥抱开源

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/

阅读全文 »