- 博客(224)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 动态表单探索（二）—— 联动优化
文章目录前言改进内容修改数据结构联动处理前言前文联动修改通过深层遍历匹配方式去解决，若表达内容庞大复杂就会显得很繁琐，而且性能不高。为解决这一问题，考虑通过订阅发布的方式去触发相关联动的改变。改进内容修改数据结构1、添加option用于携带自身相关属性；2、triggers为联动数组（便于绑定多个内容），用于联动相关元素，发布事件；3、action为订阅内容，监听相应事件，修改自身状态<template> <div class="call_status">
2021-12-17 15:23:26
1500
4
原创 jest单测知多少
jestmock一个不存在的文件const { myFunc } = require('does not exist')jest.mock('does not exist', () => ({ myFunc: () => 'hello', obj: {} }), { virtual: true });test('mock file that does not exist', () => { expect(myFunc()).toBe('hello')
2021-11-09 18:22:37
1286
原创 动态表单探索（一）
文章目录背景数据格式实现思路想法1:数据——虚拟dom——视图想法2:复合组件方式思路2实现（组件划分）基本组件复合递归组件页面组件难点背景根据后端返回的不同类型，直接动态渲染不同表单数据格式treeData:[{ type: 'HInput', title: '患者姓名', value: ''},{ type: 'HRadio', title: '性别', label: [{ title: '男', checked:
2021-09-27 21:00:18
408
原创 小程序云开发介绍
文章目录小程序云开发官网小程序云开发w3c教程serverless什么是云开发云开发为什么会出现小程序传统后台和云开发比较小程序云开发特点小程序云开发流程1、创建工程2、开通资源配额3、创建环境4、小程序端项目配置5、云函数端项目配置6、数据库操作7、数据存储8、本地调试11、运维监控（数据库、存储、云函数、短信等）云函数目录说明常见问题及解决方案小程序云开发官网小程序云开发w3c教程serverless字面理解serverless = server + less (无服务器或者少服务器)Ser
2021-06-08 16:04:15
1461
原创 小程序单页面应用，解决跳转10层问题
解决思路自定义导航头每一个页面为一组件，wx:if判断初次加载，hidden处理返回，onShow确保页面渲染
2021-06-02 15:30:03
976
原创 npm问题——npm ERR! code ELIFECYCLE
问题原因npm install安装的是package-lock.json中的指定版本，而不是package.json中适配你本地环境的版本。解决方案（1）第一步npm cache clean --force（2）第二步 删除node_modules文件夹linux上：rm -rf node_moduleswindow上: 直接手动删除（3）如果有package-lock.json文件就删除它，没有不用管，直接跳到第（4）步linux上：rm -rf package-lock.jsonwi
2021-05-08 10:21:58
1088
原创 React装饰器配置
配置装饰器一、安装依赖yarn add @craco/craco craco-lessyarn add @babel/plugin-proposal-decorators二、新建config-overrides.js添加下面的话进行配置const { override,addDecoratorsLegacy } = require('customize-cra')module.exports = override( addDecoratorsLegacy())三、重启项目..
2021-05-08 10:18:52
225
原创 yarn使用中的问题
There appears to be trouble with your network connection. Retrying…npm 和 yarn 混用导致的，删除 yarn.lock 文件后重新 yarn设置淘宝镜像代理yarn config set registry https://registry.npm.taobao.org
2021-05-08 10:17:42
271
原创 小程序相关注意事项
缓存相关localStorage、cookie都会长期存储（杀进程也没用，存储于微信中），且同一个h5页面在不同小程序中会共用，因为共用的是同一套webview。sessionStorage为短期存储（杀进程立即消失），且同一个h5页面在不同小程序中不会共用。...
2021-05-08 10:09:39
109
原创 小程序内嵌H5页面
概况使用 标签能在小程序中打开外部网页，但是要打开的网页的域名必须跟小程序的业务域名（业务域名可以在小程序的后台管理界面添加）一致，否则在真机上是打不开的。如果开发工具上勾选了‘不校验域名’，在开发的时候还是能打开的，但也没用，线上是打不开的。不管有没有内容， 会占满整个屏幕。 内嵌H5，更新代码发布上线可以绕过审核。index.wxml<web-view src="https://www.baidu.com/"></web-view>h5页面内使用JSSDK 1
2021-05-08 10:08:26
1651
原创 你不知道的CSS
文章目录模仿border的dashed绘制虚线CSS绘制箭头模仿border的dashed绘制虚线dashed虚线间隔随浏览器而定，且可能虚线长短不一可以使用linear-gradient来解决height: 3px; background:linear-gradient(to right, rgba(122, 171, 244, 0.5), rgba(122, 171, 244, 0.5) 14px,transparent 14px, transparent);background-size:
2021-05-08 10:04:40
179
原创 虚拟机中操作目录、文件
虚拟机中操作文件/目录指令行为touch file新建文件（默认新建文件，实际是修改文件的时间戳）touch /file在根下新建一个文件mkdir test新建目录rm file删除文件rm -f file删除文件rm -r test删除目录rm -fr test删除目录及下面的文件cat test.txt查看文件内容vi test.txt打开文件cp test.txt aaa.txt/目录复制文件或目录到新文
2021-04-07 17:57:22
7908
原创 vite2+vue3初探
文章目录vite介绍项目创建创建命令安装依赖启动相关变化script setup语法vite.config.js内基础配置jsx使用（仅用于在单文件中使用）数据mockUI库整合服务封装路由状态管理单元测试打包发布vite介绍官网Vite (法语单词“ fast”，发音为/vit/)是一种新型的前端构建工具，它可以显著改善前端的开发体验。它由两个主要部分组成:一个通过本机 ES 模块提供源文件的开发服务器，具有丰富的内置特性和快得惊人的热模块替换(HMR)一个构建命令，它将代码与 Rollup
2021-02-28 16:12:19
2337
原创 针对Vue打包生成的vendor和app文件过大的优化
1、组件按需加载现在大多的ui库都是以组件的形式进行处理，所以只需导入需要模块的即可element-ui按需引入2、去掉生成map文件打包时会生成map文件，而map文件一般都比较大，可以取消生成map文件（1）config/index.js找到productionSourceMap把true改为false3、cdn引入通过外部引入的方式引入这些UI组件库，从而减少打包文件过大的问题（1）index.html引入外部文件，并且加上（2）main.js去掉在页面引入vue和vue-rou
2021-02-07 16:30:06
1105
原创 大话前端
曾梦想仗剑走天涯，看一看世界的繁华。。。你是否梦想着成为一个侠客，游走于天地之间。。。你是否幻想过，有一天偶得一本武林秘籍，走上人生巅峰。。。殊不知迈入前端门槛的那一刹那，我们已然成为了一名武者。。。浏览器（江湖）有人的地方就是江湖浏览器是前端施展武学的地方，那便是江湖js（内功、招式）万变不离其宗，JS便是我们的根本，其他的一切都是基于此js原理（作用域、原型等）即是内功，内功的修炼程度决定着我们能走多远js事件则为一些基本招式，是其他招式的雏形html + css（武器）html
2021-01-26 14:13:10
189
2
原创 Vue3响应式原理实现（简单手写）
//设置缓存let toProxy = new WeakMap()let toRaw = new WeakMap()//proxy配置const baseHander = { get(target, key){ const res = Reflect.get(target, key) // 收集依赖 track(target, key) // 递归寻找 return typeof res=='object' ? reactive(res) : res
2021-01-25 22:32:42
387
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人