Dorcas_FE的博客

原创 npm 下载包 error：CERT_HAS_EXPIRED

https://registry.npm.taobao.org/证书过期。

原创 页面子组件太多时数据传递

父组件向子组件传递数据时，推荐使用provide Inject.-如果使用props当层级多层时不好传递，-使用bus时，如果是父组件向子组件传递，由于父子生命周期，子组件bus.on必须在父组件bus.emit前执行所以父组件只能mounted生命周期写入，但是子组件过多父组件的mounted时机势必会慢，所以不推荐bus，且on还涉及解绑。背景：父组件调用接口获取必要参数，传递给子组件用于各组件页面调用接口展示

原创 vue3.0 element-plus弹窗样式穿透

// style 要加上scoped// custom-class不设置也可以:<el-dialog custom-class='my-dialog'></el-dialog>//其他的>>> :v-deep() /deep/ 试了都没有起作用// 生效 :deep(.el-dialog.my-dialog){}// 生效：外面包层自己添加的类名.my-page-class{ :deep(.el-dialog.my-dialog){ .el

原创 【tips】 mounted获取ref宽高

ref元素宽高时第一次异常这种问题的思路是，你可以在子组件mounted钩子中使用//子组件this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …渲染完毕 this.emit(‘eventGetHeight’,this.$el.offsetHeight);});父组件中监听eventGetHeight事件，并取得这个数据...

原创 [tips] for each和 await

和 async await 使用是异步循环 不能达到同步效果（map)也是如此同步循环使用 for for…of for in

原创 tips 小程序体验版和正式版本地存储共享？

微信小程序跳转正式版 存储了本地数据这时候打开体验版 也拿到了本地存储了的数据？？

原创 隐藏滚动条或更改滚动条样式

原创 文字超出显示省略号

文字超出

原创 接口数据模拟的几种方法

方法一：直接在public 下新建的json文件可以直接获取，注意的是json文件不要提交线上，.gitignore文件方法二：node运行js文件，使用express框架，项目代理到node运行的端口上方法三：使用mockjs库，可随机生成要的数据，但是在network 里面没有mymock.jsimportant Mock from ‘mocks’const Random = Moc...

原创 非全局安装react

npx create-react-app myapp注意npm源是不是淘宝镜像，非淘宝镜像可能会使后续命令报错

原创 IE兼容

ifream 嵌套的页面 不要使用rem 使用pxref非响应式 也就是说如果是写在v-if v-for 在mounted 获取不到，可使用updated

原创 【h5】canvas

这里推荐一个好用的在线编译器 https://jsbin.com/?html,js,outputhtml ： 推荐样式写行内样式<canvas id="mycanvas" width="300" height="300" style="border:1px solid black"></canvas>js: 对canvas的操作都写在js中var c = docu...

原创 vue3.0 项目真机测试

1 新增 vue.config.js2 手机和电脑连一个同样网络3 查看电脑IP地址， 输入命令行 ipconfigen0 :…inet 190…就是本电脑的地址4 vue.config.jsdevServer: {open: process.platform === “darwin”,host: “192.168.43.49”,// 填写本机IP地址port: 8080,...

原创 查看npm全局安装的工具和npm 出错

查看全局 : npm list -g --depth 0清除缓存 : npm cache clean -f淘宝镜像 :npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm run dev出现'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序错误, 删除之前的依赖包,统一用cnpm ...

原创 【JavaScript】属性名的遍历的方法区别forin，Object.keys，OwnProperty，Reflect.ownKeys

for in对象可枚举的属性名, 自有属性, 继承自原型的属性symbol类型的属性名获取不到拓展:可枚举和不可枚举属性let obj = { 99: 100, name: "kkk", Symbol(): "symbol" } Object.prototype.teach ="teach" for (let item in obj){console.log(item)...

原创 【tip】input 名称两端对齐

<div>姓名姓名</div>div{width:150px;height:20px;line-height：20px;background-color: pink;text-align:justify; // 重点}div::after{//重点 width:100%; content:""; display:inline-block; ...

原创 【JavaScript】基本类型、基本包装类型、引用类型、内置对象

基本类型字符串（String）数字(Number)布尔(Boolean)对空（Null）未定义（Undefined）Symbol引用类型对象(Object)数组(Array)函数(Function)基本包装类型var str = "hk"console.log(str.charAt(0)) //"h"这里的str是基本类型， 那这个str为何会调用方法呢？ 这...

原创 【JavaScript】textContent和innerText的区别

文字的排列：innerText ： 按照HTML结构的位置，嵌套元素的位置是同行还是分行，但都是顶头textContent ： 按照HTML结构中的位置， 文字的排行和缩进<div class="box"> jjjjj <div> 理论上来说李老师 <span>span</span> ...

原创 String()和.toString()的区别

调用方式String(值或者变量)变量.toString()undefined, null变量的值为undefined或者null 不能调用.toString()方法

原创 [vue] element-ui 中表格如果是嵌套数据的解决

1. row-key<el-table :data="rolesList" stripe style="width: 100%" row-key="id">2. 降低element-UI 版本npm i element-ui@2.4.11

原创 [vue] element-ui 中表单验证使用正则pattern

rules: {username: [{ required: true, message: '请输入用户名', trigger: 'blur' },{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }],mobile: [{pattern: /^1([38][0-9]|4[579]|5[0-3,5-9...