moxieBlog

# 前言本文记录所学的一点可视化知识 数据可视化 Skia 是 Chrome 和 Android 的底层 2D 绘图引擎，Skia 采用 C++ 编程，由于它位于浏览器的更底层，所以我们平常接触较少。 OpenGL（Open Graphics Library）是2D、3D图形渲染库，它可以绘制从简单的2D图形到复杂的3D景象。OpenGL 常用于 CAD、VR、数据可视化和游戏等众多领域。 Chrome 使用 Skia 作为绘图引擎，向上层开放了 canvas、svg、WebGL、HTML 等绘图能力。 canvas标签只是图形容器，相当于一个画布，canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成，相当于使用画笔在画布上画画。 1234// 注意：必须指定宽高---canvas标签默认宽度与高度 300 * 150// canvas标签的w|h务必通过canvas标签属性width|height设置// 切记不能通过样式去设置画布的宽度与高度这样canvas的坐标体系会出现问题<canvas id="charts ...

前言一些 VSCode 插件和配置记录 插件 相关插件配置 别名路径跳转 – @在项目中可以跳转（暂没配置） 翻译(英汉词典) –翻译（不用配置） Auto Rename Tag –HTML前后自动修改（不用配置） Chinese (Simplified) (简体中文) –不用配置 Code Spell Checker – 代码单词拼写检查 遇到不应该报错的单词需要配置 如：vuex（右键选择Ignore Words -> 添加到User里） DotENV – 环境变量文件支持插件 EditorConfig for Vs Code –配和项目中的编辑器.editorconfig文件使用（统一编辑器代码格式化） ESlint –js语法检查配和.eslintrc.js使用（暂未配置） JetBrains Icon Theme – 文件图标插件 Live Sass Compiler – 将scss转成css 配置不生成map文件 Live Server – 代理服务器HTML打开浏览器（自动监听变化 插件配置默认打开浏览器为Chrome Luke Dark ...

前言HTML（Hyper Text Markup Language）超文本标记语言，是用来描述网页的一种语言。 参考：小火柴的前端小册子 标签标签有单标签和双标签 注意：HTML标签对大小写不敏感，但要全小写。 实体HTML中某些字符是预留的，需要被替换为字符实体（如：&nbsp; ） 全局属性（一共16个） 属性名 值 作用 contenteditable true/false 指定是否可以在浏览器里编辑内容 data-* 用于存储页面或应用程序的私有定制数据 draggable true/false/auto 用户是否可以拖动元素注意：链接和图像默认是可拖动的 spellcheck true/false 规定是否对元素进行拼写和语法检查，对拼写错误的单词会在其下方出现红线 语法规范 文件应以 <!DOCTYPE ......> 首行顶格开始，推荐 <!DOCTYPE html> 声明文档编码charset，必须是 head第一个子元素<meta charset="utf-8"> ...

前言Git知识的补充 参考：阮一峰 Git 教程 命令stash暂存1234567891011121314151617181920212223# 保存当前未commit的代码git stash# 保存当前未commit的代码并添加备注git stash save "备注的内容"# 列出stash的所有记录git stash list# 删除stash的所有记录git stash clear# 应用最近一次的stashgit stash apply# 应用最近一次的stash，随后删除该记录git stash pop# 删除最近的一次stashgit stash drop# 暂存未被add 的文件，以及新加的文件，无 -u 不包含。git stash push --keep-index -u reset****重置重置后需要git push -f强制推送 123456789101112131415# 并且会改变暂存区git reset HEAD^# 倒退指针的同时，不改变暂存区git reset --soft HEAD^# 倒退指针的同时，改变工作区git ...

前言本文记录前端项目的工程配置等 vue的eslint1234567891011121314151617181920212223242526272829303132333435363738394041// 安装依赖yarn add eslint eslint-plugin-vue babel-eslint @vue/cli-plugin-eslint -D// 根目录新建 .eslintrc.js配置文件 .eslintignore忽略文件// .eslintignore 配置 build/*.js src/assets public dist // .eslintrc.js 配置/* 参考：https://eslint.bootcss.com/ */module.exports = { /* 若目录中有多个.eslintrc，ESLint将自动在要检测它们，（父->根） 直到找到root:true的eslintrc，它就会停止在父级目录中寻找， 再将所有的.eslintrc合并（为当前项目约定一个规则） */ "root&q ...

前言本文是对vue2.0的重新学习后的补充知识点 v-for使用js实现vue是声明式编码（声明就行），下方的为命令式编码（一步一步走缺一不可） 123456789<ul></ul>// js部分var list = [{str: '第一个'}, {str: '第二个'}]var ul = document.querySelector('ul')var li = ''list.forEach(item => { li += `<li>${item.str}</li>` // 这里使用 += 可以拼接作用})ul.innerHTML = li vue初识1234567891011121314151617181920212223242526初识Vue：1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；2.Vue实例和容器是一一对应的；// 不能一个实 ...

前言本文记录微信小程序的知识点 微信小程序项目介绍小程序介绍文件后缀名 .json——JSON配置文件 .wxml——WXML模板文件 .wxss——后缀的WXSS样式文件 .js——后缀的JS脚本逻辑文件 项目的文件目录 pages目录：所有的页面都放这里 utils目录：自定义的一些函数 app.js文件：入口js app.json文件：项目整体配置 app.wxss文件：项目公共样式 其中的一些注意事项： json文件中无法使用注释，试图添加注释将会引发报错。 json中是key-value，Key 值加双引号或者是把双引号写成单引号是常见错误，另外不能有注释。 参考：微信文档 语法知识检查微信小程序版本更新12345678910111213141516171819202122232425262728293031323334353637function checkUpdateVersion() { if (wx.canIUse('getUpdateManager')) { const updateMa ...

前言文章记录uniapp知识点 uniapp项目目录 pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等 manifest.json 文件是应用的配置文件，用于指定应用的名称、图标、权限等。 App.vue是我们的跟组件，所有页面都是在App.vue下进行切换的，是页面入口文件，可以调用应用的生命周期函数。 main.js是我们的项目入口文件，主要作用是初始化vue实例并使用需要的插件。 uni.scss文件的用途是为了方便整体控制应用的风格。比如按钮颜色、边框风格，uni.scss文件里预置了一批scss变量预置。 unpackage 就是打包目录，在这里有各个平台的打包文件 pages 所有的页面存放目录 static 静态资源目录，例如图片等 components 组件存放目录 全局配置和页面配置全局配置globalStyle下方为常用的配置 文档地址 属性 类型 默认值 描述 navigationBarBackgroundColor HexColor #F7F7F7 导航栏 ...

前言博主的前端视频学习路线 黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程、 JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程(500多集)持续 2019全新javaScript进阶面向对象ES6 尚硅谷Web前端ES6教程，涵盖ES6-ES11 尚硅谷Web前端Promise教程从入门到精通 【尚硅谷】3小时Ajax入门到精通 黑马程序员Node.js全套入门教程，nodejs最新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解 尚硅谷JS模块化教程(js模块化精讲含commonjs、AMD、ES6、CMD规范) 尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通 尚硅谷VUE项目实战，前端项目-尚品汇(大型\重磅) Uni-App从入门到实战-黑马程序员杭州校区出品

前言本文记录了阅读的vue的相关书籍 vue.js实战–书籍记录12// 使用$el访问元素节点console.log(this.$el) 使用v-html的时候注意XSS攻击 12// v-pre指令可以跳过{{}}编译<span v-pre>{{ 这里的内容是不会被编译的}}</span> 过滤器可以接收参数，默认第一个参数是需要过滤的数值 一是计算属性可以依赖其他计算属性；二是计算属性不仅可以依赖当前Vue实例的数据，还可以依赖其他实例的数据 class的表达式过长或逻辑复杂时，可以绑定一个计算属性。 v-once也是一个不需要表达式的指令，作用是定义它的元素或组件只渲染一次，包括元素或组件的所有子节点。首次渲染后，不再随数据的变化重新渲染，将被视为静态内容，v-once在业务中也很少使用，当你需要进一步优化性能时，可能会用到。 v-show不能在template上使用。 v-for遍历对象属性时，有两个可选参数，分别是键名和索引；v-for还可以迭代整数。 访问sl ...