KID-1912’s Blog

初来乍到，请多指教

pixi.js

快速的2D sprite渲染引擎

Pixi.js 快速的2D sprite渲染引擎 官方文档 中文文档 安装 node npm i pixi.js import * as PIXI from 'pixi.js' cdn js <script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.1.3/pixi.min.js"></scri...

Posted by page on June 17, 2021

Canvas

Canvas API 提供了一个通过JavaScript 和 canvas元素来绘制图形的方式

Canvas 什么是canvas canvas是HTML5中的新增元素，支持使用js在该元素上绘制图像并对其控制；canvas绘制基于像素 canvas元素 可选属性 canvas只有两个可选属性：height/width，数值单位为px，默认为width300，height150; 允许设置css属性修改canvas大小，但画布大小不会自动同步，需手动修改width/h...

Posted by page on June 17, 2021

BOM

浏览器行为控制

BOM location location.reload：重载页面，传入参数值 true 将强制禁用缓存重载； location.replace：替换页面加载URL； 注： 调用 location 加载须确保不被多次调用，否则调用会覆盖，且导致不可预知错误； devicePixelRatio 物理像素：显示屏的物理像素点，与分辨率相关 CSS像素：用于显示图像的最小渲染单位； ...

Posted by page on June 9, 2021

Element-PLUS

基于 Vue 3 的UI组件库

Element PLUS 开始 安装：npm i element-plus -S 引入 完整引入 按需引入 自动导入 手动导入 详见 官方文档 主题 SCSS 变量 新建 src/assets/styles/element.variable.scss，编写scss变量覆盖；详见 主题 //...

Posted by page on June 3, 2021

微信小程序开发

从零开始构建微信小程序开发项目

差异 父元素flex:1子元素height:100%自适应不生效，父元素需追加height: 1px 事件传参：借助dataset 动态class：三元判断 双向绑定建议model:value=”” 微信小程序 请求封装两种形式 微信小程序重点内容 ...

Posted by page on June 3, 2021

微信公众平台

微信内部生态开发，包括服务号、订阅号、小程序、企业微信

微信公众平台 基本概念 登录： 登录即允许主动调用 wx.login 获取 openId 和 session_key 授权： 即被动 open-type 获取加密的用户数据给后台解密后返回 ID标识 ID用于标识用户与开发者，借此来实现微信服务 OpenID： 用户在一个小程序中的唯一标识（wx.login + code2Session） UnionID： 用户在一个开放平台所...

Posted by page on June 3, 2021

Element-UI

快速搭建后台vue库

Element-UI 开始 安装：npm i element-ui -S 引入 Element UI（@vue）插件 完整引入 按需引入 详见官方文档 布局 结构布局 <el-container>：外层容器 <el-header>：顶栏容器 <el-aside>：...

Posted by page on June 3, 2021

ESLint代码规范

统一代码质量与书写格式的规范

EsLint eslint官网：https://eslint.org/ 对项目代码的统一规范，包括代码质量的规范和代码格式的规范； 本质上通过eslint限制键值对代码添加限制规则；如 prefer-const': 'error' 即强制项目代码使用 const 声明变量 开始 安装：npm i eslint -D 生成配置文件 手动创建：文件格式可能是 .eslintrc.j...

Posted by page on April 8, 2021

chrome devtool 调试工具

使用devtool调试检测web程序

chromeDevtool 核心工具 Element 编辑 HTML 和 CSS、查看事件侦听器的元素工具 Console 查看和筛选日志消息、允许运行选定窗口的 JavaScript 的控制台 Source 查看页面的源目录与文件，用于打开和编辑代码、设置断点、逐步执行代码 Network 网路日志，监视来自网...

Posted by page on March 29, 2021

实习总结

接触了一家初创公司的代码

一段实习 项目结构 vue cli配置 vue cli 2 /build cli内置webpack配置代码 /config 项目开发环境配置 dev.env.js 开发环境变量 index.js 可自定义的webpack配置 prod.env.js 生产环境...

Posted by page on March 18, 2021

FEATURED TAGS
JavaScript 类库 vue
ABOUT ME

弱者道之动 反者道之用

✉️ heyutongxue@gmail.com

FRIENDS