随笔分类 - 前端开发
前端开发经验总结
摘要：增强用户体验和代码健壮性 1.语法错误，代码异常 2.请求异常 3.静态资源加载异常 4.Promise异常 5.跨域Script err 6.奔溃卡顿 https://segmentfault.com/a/1190000018754274
阅读全文
摘要：function filterWordHtml(str){ let reg = /<!--StartFragment-->([\s\S]*)<!--EndFragment-->/m let result = str.match(reg)[1] return result.replace(/[\\\n
阅读全文
摘要：需要放在 public 目录, 之前的static 被移除了. 加上 ${process.env.BASE_URL}变量 <video > <source :src=`${process.env.BASE_URL}video/04.avi` type="video/mp4"> </video>
阅读全文
摘要：await html2canvas(getById("winyh"), { height:500, allowTaint: true, useCORS: true, }).then((canvas) => { let base64url = canvas.toDataURL('image/jpeg', 1.0 ); // document.body.appendChild(canvas); });
阅读全文
摘要：Uncaught TypeError: Cannot read property 'toLowerCase' of undefined 原因是 没有导出 export default { name:"Test" } index.js 文件 import Test from './src/main.v
阅读全文
摘要：重点：parcel index.html 需要引入 index.js 否则不自动刷新
阅读全文
摘要：起因：需要搭建一个自动打包处理 sass / js （es6），自动监听文件变化时浏览器自动刷新的开发环境 项目目录 project build -css -js *.html src -html -sass -js 先放 gulpfile.js 文件，其他的详细配置稍后再介绍
阅读全文
摘要：1.首先启动本地的docker 2.下载 cnpm 仓库 3.进入到 cnpmjs.org目录 4.通过docker-compose.yaml启动容器 5.浏览器访问：127.0.0.1:7002 即可访问（127.0.0.1:7001 是registery 注册地址） 6.修改cnpm注册地址 7
阅读全文
摘要：在 clipboard = new ClipboardJS(".copyLink"); 执行前做销毁判断，避免多次监听。.copyLink 目标元素 class
阅读全文
摘要：这是 vue.config.js 配置方法 需要安装的依赖： 文件里使用 如果不配置 md loader ，引入demo.md 后 的console.log() 输出的是一个vue模板解析对象(vue-loader处理后的对象)。 配置后输出的是 将 md 语法解析后的 html 字符串
阅读全文
摘要：在封装 zswui react ui 组件库的时候，尝试了下 github的 packages 包设置，然后就给自己挖坑了。 zswui 这是一个从零开始配置，实现组件开发测试的项目。 因为设置了 gihub 的 packages 配置，去掉就好 "publishConfig": { "regist
阅读全文
摘要：<html> <script> window.onload = function(){ var json = { "options":{ "name":{ "first":{ "some":{ "age":20 } } } }, "checks":{ "nums":{ "done":{ "word":"nice" } } } } let arr = [] function
阅读全文
摘要：github 开源地址：zswui github 说明文档：wiki 1.新建目录wui （1）进入到 wui 目录 执行 npm init 命令初始化项目。更具提示信息填充将会生成的 package.json 文件。 （2）新建 webpack.config.js 打包文件。 （3）新建 READ
阅读全文
摘要：1. 安装 cli 2.安装 antd-design-vue 3.配置按需加载 4.配置less 5.项目中引用 6.启动项目 预览效果 7.封装组件 新建 packages 目录，packages 目录下新建 index.js 文件对外集中抛出配置。 每个组件在 packages 目录下以 单个目
阅读全文
摘要：var json: { PRow0: { style: { width: 10 } }, PTable1: { style: { height: 20 } } } const jsonToArrTree = (json) => { let data = Object.keys(json).map( (item) => { let ops = { title:item, key:nanoid(),
阅读全文
摘要：v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。 （绑定 computed 上的值无效） 或者深度克隆也可以避免 修改不是在 mutati
阅读全文
摘要：HTTP 定义了一组请求方法, 以表明要对给定资源执行的操作。指示针对给定资源要执行的期望动作. 虽然他们也可以是名词, 但这些请求方法有时被称为HTTP动词. 每一个请求方法都实现了不同的语义, 但一些共同的特征由一组共享：: 例如一个请求方法可以是 safe, idempotent, 或 cac
阅读全文
摘要：antd 用 customize-cra 方式引入 sass 只需要安装：node-sass 即可
阅读全文
摘要：记录基于 antd 封装业务组件并发布到npm 上的过程：(TS + React + Sass) 初始化项目： 1.yarn create react-app winyhui --typescript 引入antd 2.yarn add antd 高级配置 我们需要对 create-react-ap
阅读全文
