文章列表

# 前言 v-charts 基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,可轻松生成常见的图表 曾被 echarts 支配过的恐惧,之前查看文档找配置时让我头皮发麻 今天使用 v-charts 感觉还是记不清有哪些配置,于是就手动整理总结写个小栗子 # 起步 指定版本安装 npm i v-charts echarts@4.9.0 -S入口文件引入 // main.jsimport Vue from 'vue'import VCharts from 'v-charts'import App from...

# 前言 uni-app 太能吹了,我差点就信了,不过爷最喜欢吹了 DCloud 公司拥有 800 万开发者、数百万应用、12 亿手机端月活用户、数千款 uni-app 插件、70 + 微信 /qq 群 # 常用布局组件 view:块级元素,类似于 div,用来处理大布局 text:行内元素,处理文本 image:行内块元素,是图片标签 mode="aspectFill" button:type="primary" 绿色的大按钮 block:没有意义,只是为了包裹元素,但是编译时不会产生标签 swiper:...

# 起步 安装 npm i -g @vue/cli创建 vue create mypojectnpm run serve# vsCode 插件 vetur :代码高亮 Vue VSCode Snippets :输入 vbase- 生成代码基本结构 Vue<template> <div></div></template><script> export default { data() { return {}...

# 前言 简单了解 websocket 协议 # http 协议 一种无状态协议,一次请求一次响应称为一次会话,发了请求才能收到响应,服务端无法主动给客户端推送消息,多次会话无法产生任何记录,通信完成立即断开连接 # websocket 协议 允许 Client 和 Server 建立长连接,不限次数互相推送消息,除非服务端或者客户端主动断开,否则连接会一直保持 # websocket...

# 前言 Express 基于基于 Node.js 平台,快速、开放、极简的 Web 开发框架 # Express 项目生成器 全局安装脚手架 npm i express-generator -gyarn global add express-generator查看版本 express --version# Express 创建应用 -h 参数可以列出所有可用的命令行参数 express -h可以设置模板引擎 express myapp -eexpress myapp --pugexpress --view=pug myapp初始化安装依赖 cd myappnpm i 或 yarn#...

# 前言 所有的关系型数据库都是使用 SQL 语句查询数据,是一门独立的语言 # 增加数据 -- 如果不写字段,那么所有的字段对应的值都要写,id 默认写 nullINSERT INTO users VALUES(值1, 值2, ...);-- 如果加入了字段,那么值一定是跟字段对应的,注意不能为 null 的字段INSERT INTO users (字段1, 字段2, 字段3) VALUES (值1, 值2,值3);# 删除数据 -- 删除指定的数据DELETE FROM users WHERE id = 3;-- 一般数据会做软删除,其实就是给个标记,进行修改就可以了# 修改数据 --...

# 前言 复习 ES6 部分知识 # 闭包 闭包让你可以在一个内层函数中访问到其外层函数的作用域,那么也就是函数的标识符跨作用域 # 标识符 标识符是变量名、函数名、函数的形参、对象的属性 # 实例 fn() 创建了一个局部变量 num 并且返回一个匿名函数,它没有自己的局部变量,然而它可以访问到外部函数的变量。外部函数返回内部函数,内部函数标识符要跨作用域 function fn() { var num = 10; return function () { return num; }}let r =...

# 前言 shoka 主题真是太好看啦 # 应用主题 在应用主题之前,至少安装 hexo-renderer-multi-markdown-it 和 hexo-autoprefixer 安装 multi-markdown-it 强烈建议 --ignore-scripts 跳过 Chromium 内核的下载 即便使用魔法我也没有安装成功等到后面出问题可就太难受了 详细解释可以看作者的原文 npm un hexo-renderer-marked --save# npm i hexo-renderer-multi-markdown-it --savenpm i...

# 前言 这里有空更新吧,我实在是太懒了 主题更新后可能某些美化内容不再适用 # 搞怪恶搞网页标题特效 在 /root/myblog/themes/Butterfly/source/js 中新建 crash_cheat.js <!--崩溃欺骗 + OriginTitle --> var OriginTitle = document.title; var titleTime; document.addEventListener('visibilitychange', function () { if (document.hidden)...

# 前言 Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。 # 概念 entry: 入口,指定的打包从这个文件开始,寻找依赖。 output: 出口,最终打包输出到哪里去 loader: webpack 默认只能打包 JS 文件,loader 可以转换为能够被...