摘要：
contenteditable // 指定元素内容是否可编辑 例子: <template> <div class="interactBubbleBox"> <el-scrollbar style="height: 100%; overflow: hidden"> <div> <p v-for="it 阅读全文
摘要：
https://github.com/niklasvh/html2canvas.git 遇到的问题 1. input 框截图不全 // 不支持input元素 通过转换元素解决 2. background-image: repeating-linear-gradient(-45deg, #000, # 阅读全文
摘要：
1. 明确需求沟通疑难点 2. 与后端沟通确定入参的数据结构，根据入参的数据结构及页面设计Dom布局，数据结构 如下： 下拉数据 [ { attrName: '标题', attrValue: 'titleName', type: 'input' },] 检索数据 [{ key: "", option 阅读全文
摘要：
1. 开发vue结合element ui 开发新增/编辑的模态框组件 遇到的问题汇总： 1）数据结构梳理，dom结构设计，结合element ui组件的实例特性开发（model，rules, ref, vildedata, resetFields） 2）数据初始化配置 3）vaild验证数据源即: 阅读全文
摘要：
配置前端环境 1. 安装 node 及 npm （可nvm 版本管理处理） 2. 安装 git 或 是svn 代码管理工具 3. 安装编辑器 vscode 安装 vue 语言识别插件： Vetur 安装中文语言系统插件：@category:"language packs" （Chinese (Sim 阅读全文
摘要：
安装 ESLint (ESLint - Pluggable JavaScript linter) $ npm i -g eslint 安装Airbnb语法规则 $ npm i -g eslint-config-airbnb规范总结：Airbnb前端编码规范总结_浩时代的博客-CSDN博客 项目的根目 阅读全文
摘要：
vue3 是基于 vite构建工具 1） 快速冷启动不需要等待打包 2） 即时热模块更新 3） 实现了真正的按需加载，不用等整个应用加载完成 1. 安装稳定版本vue即 3.0.4 // npm install vue@next //来源：安装 | Vue.js (vuejs.org) 2. 安装配 阅读全文
摘要：
移动端项目可以用postcss-pxtorem插件将px转换为rem单位 1. npm i postcss-pxtorem -D // 安装 2. 修改配置文件 postcss.config.js module.exports = { plugins: { 'autoprefixer': { bro 阅读全文
摘要：
项目常用风格： [*.{js,jsx,ts,tsx,vue}] // 指定生效类型文件 charset=utf-8 // 编码风格选utf-8避免混乱 indent_style = space // 缩进风格为空格 indent_size = 2 // 缩进2格 trim_trailing_whit 阅读全文
摘要：
对CSS进行转换适配插件的配置文件 常用的插件有 1. autoprefixer 浏览器前缀转换 2. postcss-pxtorem 移动端px转换rem适配单位 例： module.exports = { plugins: { 'autoprefixer': { browsers: ['Andr 阅读全文