- 博客(24)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue data 和 methods 的解释
主要是 proxy 代理，正常访问是 this.name ,但是挟持了一下就变成了 this. _data.name。赋值的时候同样。然后把 methods 的中的方法，在 vm 上也来了一份，就可以 vm.方法名。不懂的是，vm 与 this 怎么交互的，_data 这个东西只给了 vm，结果 this 也有了。...
2022-07-06 15:18:35
344
1
原创 echarts 大屏适配
两篇文章：大屏适配解决方案 - 掘金更新！移动端最佳适配解决方案出炉第一个项目：vw,vh 适配<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">在项目的 index.html 添加。npm i postcss-px-to-viewport安装 postcss-px-to-viewport 库，把 px 转 vw/vh/...
2022-05-18 09:37:48
2005
1
原创 记录小技巧
删除数组中的某一项this.pageList= this.pageList.filter((item: any) =>item.fullPath!== key)更新全部数组（实测有时无效）更新全部的数组，用 Vue 从新写的数组方法 this.titleOption.reverse();翻转数组
2021-10-12 18:29:53
88
原创 js 变量在css中使用
<img ref="pictureImg" :src="biggerSrc" class="pictureImg" :style="{ transform: `rotate(${deg}deg)`, }" />html 中写// css 中的旋转角度变量、宽度变量、高度变量 private deg = 0;js.
2021-09-28 12:09:04
354
原创 antd 汉化 locale
//汉化日历importzhCNfrom'ant-design-vue/es/locale/zh_CN';<a-config-provider:locale="locale"><divid="app"><divid="nav"><router-view></router-view></div></div><...
2021-08-30 12:33:30
625
原创 ant design tree 二次点开，展开图标消失问题解决
解决方法，再次更新组件 <a-tree :key="treeKey" :load-data="onLoadData" :tree-data="treeData" @select="treeSelect" :defaultSelectedKeys="defaultSelectedKeys" :defaultExpandedKeys="defaultExpandedKeys"
2021-08-27 14:04:24
1019
原创 节流和防抖
节流：规定时间内只能执行一次。if (!time) { console.log('诶，不让你执行'); return false; } time = false; setTimeout(() => { console.log('诶，我执行了'); time = true; }, 3000)防抖：规定时间如果有新的触发，从新计时。let timeNum = null; function bb() {
2021-08-14 17:50:23
93
原创 双层 foreach 引起的莫名其妙的问题
const arr = [1, 5, 3]; const arr1 = [1, 2, 3, 4, 5, 6] arr.forEach((num) => { arr1.forEach((num1, ind) => { if (num === num1) { console.log(ind, '0 4 2'); // 第一次 0，第二次 1 arr1.splice(ind, 1) } }) }) conso...
2021-08-12 17:19:02
225
原创 组件内监听 Vuex 中的值
private get path() { return newMenuModule.path; } @Watch('path') getPath(newVal: string, oldVal: string) { if (newVal !== oldVal) { this.getVuexState(); } }先从 Vuex 中获取到本页面作为计算属性，然后监听计算属性...
2021-08-09 11:15:56
82
原创 记一次失败的 blob 流下载图片
需求：后台返回的是 blob 数据流，我要转为图片并下载实现：// TODO 二维码下载 const res = await isLegal(id); if (res.code === 200) { const file = await downER(id); const blob = new Blob([file]); const fileName = 'erweima.png'; const dlink = document.
2021-08-04 14:01:56
836
原创 antd 下拉框不跟随滚轮滚动
下拉框 默认是相对于 body 定位，用getPopupContainer 设置相对于父级定位private getPopupContainer() { return (triggerNode: any) => triggerNode.parentNode; }:getPopupContainer="getPopupContainer()"或者:getPopupContainer="(triggerNode: any) => triggerNode.parentN.
2021-07-20 14:58:20
705
原创 封装 antd 的 table scope
感谢https://www.cnblogs.com/vickylinj/p/14629519.html <a-table :columns="columns" :data-source="data" :row-selection="rowSelection()" :rowKey="rowKey" :pagination="false" > <template v-for="co.
2021-07-17 11:54:20
314
原创 想后台访问图片，要在 hearder 中写入 token
大佬原文地址Bold 对象在 html 中显示需求：图片上传的服务器，然后从服务器里面拿图片的时候需要在请求的 header 中写入 token ，用于后台验证分析：img 标签的 src 是浏览器默认想后台访问，中间的操作我们修改不了解决：看到某不知名的大佬的文章说，先把图片下载下来，然后再赋值给 img 展示。具体实现：通过 Object.defineProperty 给 img 设置一个新的属性 authSrc ，然后访问后台设置 token，拿到值转换为 base64 赋值给 s
2021-06-25 11:38:40
1291
转载 Vue 数据绑定
计算机是执行程序的机器，程序是指令和数据的集合。Vue是尤玉溪团队采用特定的规则进行操作数据的框架。至于里面的规则都是为了使页面显示在计算器上进行权衡之后的相对优秀的规则。根据 Vue 数据驱动页面，UI = render(state)。状态 state是输入，页面 UI 输出，都是用户定的，不变的是render()，特定的规则。...
2021-06-15 15:12:12
84
原创 记一次心态爆炸安装 react-devtools
按着步骤一步一步的安装https://github.com/facebook/react-devtoolsdianji
2021-06-11 11:40:54
120
2
原创 react+antd 创建项目
1、创建项目npx create-react-app demo或yarn create-react-app demo创建项目没什么坑
2021-06-10 14:01:31
299
转载 前端代码规范
HTML1、块级标签独立一行推荐：<div> <h1></h1> <p></p></div><p><span></span><span></span></p>不推荐：<div><h1></h1><p></p></div>...
2021-05-31 16:22:44
140
原创 21/5/27 canvas
小程序canvas总结遇到的问题：无法获取canvas实例 canvas 接收的px要做成rpx 当把canvas当组件调用时，图片不显示 canvas绘画线上图片失败 canvas绘画文字不能换行 当把canvas当做组件调用时，在父组件会高度失效解决：1、无法获取canvas实例小程序不能用document属性，wx.createOffscreenCanvas这个也已经废除了微信上给的例子是这样的Page({ onReady() { const quer
2021-05-28 17:15:10
202
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人