Dorcas_FE的博客

原创 【tips】微信小程序wxs 注意

使用： var keys = object.keys(styles);一些js的方法，本来想直接在模板上用，然后。它定义了一个objet.wxs。

原创 【tips】文字的四种对齐方式

文字对齐方式

原创 【tips】hover的时候改变img元素的图片地址

vue直接改动css更换图片地址

原创 【tips】el-select没有赋值但是初始化回显了

鼠标移上去是没有clearable图标的。下拉框的list是异步的，且没有默认选中值。别的都正常，就是有一个下拉框竟然回显了。

原创 【记录】Termius使用上传.pem私钥文件部署代码

.pem私钥文件部署代码

原创 简单听记和讯飞听见的实时录音转文字

讯飞听见和百度的简单听记，实时语音转文字场景简单对比。

原创 微信小程序自定义tabbar切换高亮需要点两次的问题

首页因为是第一个页面，此时没有变化所以不执行，等到第二个，第三个的时候，activeIndex有了变化，然后开始执行observe。最后突然想到，当时看微信文档的时候，好像提到了一句什么不需要多余的setData之类，当时不以为然，毕竟就点击的时候setData也没多setData啊。在page的show周期，添加getTabBar方法，有人说这样成功了的，而且官方文档也有这个说法。3.在想，是不是页面引用组件的时候，我写的不对。你第一次执行的时候，setdata一下，它就自己存储了。

原创 【tips】小程序在工具-构建npm报错

NPM packages not found. Please confirm npm packages which need to build are belong to

原创 【tips】Macpro m1 Node Sass安装依赖失败

老项目好久没运行了，发现node-sass一堆报错运行不了了。试了下网上的办法，可以了。如果有类似问题，可以尝试一下。

原创 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...