css选择器常用技巧
摘要：
:not选择器 /* 排除第一个li 给其他的li加样式 */ ul>li:not(:first-child){border-top: 1px solid #000;} /* 排除最后一个li */ ul>li:not(:last-child){color:red} /* not连续使用 排除第一个 阅读全文
posted @ 2021-01-16 10:55 章画 阅读(77) 评论(0) 推荐(0) 编辑
9 vue-router
摘要：
操作DOM模拟实现hash路由 主要利用了window.addEventLIstener('hashchange',callback)事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp 阅读全文
posted @ 2021-01-13 20:01 章画 阅读(82) 评论(0) 推荐(0) 编辑
el-upload 图片转base4
摘要：
/** * 将上传的图片文件转为base64格式 * @param {file} file */ Vue.prototype._getBase64 = function (file) { return new Promise((resolve, reject) => { const reader = 阅读全文
posted @ 2021-01-12 16:13 章画 阅读(228) 评论(0) 推荐(0) 编辑
vuex todo案例
摘要：
vuex：全局公共状态；请求数据缓存 ADD /DELETE/UPDATA都需要dispatch通知vuex去拉去最新的数据（保持和数据库同步） 阅读全文
posted @ 2021-01-11 22:03 章画 阅读(59) 评论(0) 推荐(0) 编辑
element.ui 省市级联选择器
摘要：
原始数据 const obj= { "aa": { "110000": "北京市", "120000": "天津市", "130000": "河北省", "140000": "山西省", "150000": "内蒙古自治区", "210000": "辽宁省", "220000": "吉林省", &q 阅读全文
posted @ 2021-01-11 18:54 章画 阅读(1278) 评论(0) 推荐(0) 编辑
4.1 初版Scanner (token) 只能 扫描普通字符串
摘要：
const templateStr=`<h3>我今天买了一部{{thing}}手机，花了我{{money}}元，心情好{{mood}}啊</h3>`; 初步实现普通字符串的扫描和生成token export default class Scanner { constructor(templateSt 阅读全文
posted @ 2021-01-09 21:31 章画 阅读(157) 评论(0) 推荐(0) 编辑
3 mustache webpack搭建开发环境
摘要：
使用webpack搭建构建工具 npm init -y npm i webpack@4 webpack-cli@3 webpack-dev-server@3 html-webpack-plugin -D npm i mustache -S webpack.config.js const path = 阅读全文
posted @ 2021-01-09 19:12 章画 阅读(85) 评论(0) 推荐(0) 编辑
2 mustache的内置tokens
摘要：
tokens 模板字符串templateStr--编译-->tokens--结合数据-->dom字符串 上面templateStr、templateStr1、templateStr2、templateStr3统统是模板字符串 tokens:是模板字符串的js表示方式。本质是一个js嵌套数组（2维、3 阅读全文
posted @ 2021-01-09 19:09 章画 阅读(137) 评论(0) 推荐(0) 编辑
1mustache基本使用
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文
posted @ 2021-01-09 19:07 章画 阅读(115) 评论(0) 推荐(0) 编辑
better-scroll
摘要：
VScroll.vue 作为子组件（也可叫做公共组件）。这里用插槽。不用props .props 父传子传数据，子代VScroll拿到数据，但是VScorll里面的滚动内容确实不定。（数据不定最关键是样式不定也叫不统一）。于是用插槽，插槽：父组件直接传html结构。在外面处理好再传递进来给子组件展示 阅读全文
posted @ 2020-12-31 09:54 章画 阅读(113) 评论(0) 推荐(0) 编辑
