- 博客(18)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 uni-app nvue文件图片无法显示问题
使用`uni-app`框架开发`app`，在`nvue`文件中使用静态图片，开发环境浏览器运行可展示，发不成`app`后始终无法展示！！！
2023-11-13 10:10:21
613
原创 Vue 渲染带script标签的内容
后端返回一个带有 标签的字符串，前端去展示，项目前端架构为vue2，尝试使用v-html，but v-html不支持script标签，会令其失效...
2022-07-25 22:00:31
1757
4
原创 微信小程序scroll-view内容未充满触发滚动条结束方案
一、问题描述微信小程序scroll-view标签下内容并未充满整个屏幕，但是右侧却出现了滚动条二、原因scroll-view下第一个view标签使用 margin 导致了垂直方向的内容塌陷三、解决方案通过百度在微信小程序社区看到一个方案<view style="content: ''; overflow: hidden;"></view>四、总结小吐槽一下：感觉微信小程序的开发总是那么的莫名其妙...
2022-03-04 16:42:18
645
原创 面试题-原型链
一、题目这个题目只要考的是原型链相关的知识function Foo(){ getName = function(){ console.log(1); }; return this;} Foo.getName = function(){ console.log(2);}Foo.prototype.getName = function(){ console.log(3);}var getName = function(){ co
2021-08-17 10:23:00
94
原创 vue.js是如何实现对Array数组的监听
设计思路-如何追踪变化我们需要知道什么时候数组发生了变化，Array原型中可以改变数组自身内容的方法有7个，分别是push、pop、shift、unshift、splice、sort和reverse。那么我们是不是就可以认为，当要触发上述方法是就代表的数组要发生变化了，但是由于ES6 之前js没有提供元编程的能力，也没有去拦截原始方法的函数，所以我们可以用自定义的方法去覆盖原生的原型方法。用一个拦截器覆盖Array.prototype。之后，每当使用Array原型上的方法操作数组时，其实执行的都是
2021-07-28 14:34:16
313
原创 vue渐进式框架
一、vue 一个渐进式框架所谓渐进式框架，就是给框架分层核心部分为视图层渲染，往外是组件机制，在此基础上是路由机制，在添加状态管理，最外层是构建工具；其实，我们要知道的一件事是vue 1.x的时候是只包含视图层渲染，即核心部分的，但这导致 vue 在大型框架上应用产生的一些困难，在大小不同项目需要来回切换框架或思维模式。尤雨溪希望可以通过一个方案来灵活的适应不同大小的应用所以vue 加入慢慢加入了不同的官方辅助工具，像路由 router啊、构建工具 vue-cli啊、还有vuex啊都加入了进来
2021-07-20 16:38:03
357
原创 JS 前端实现多条件查询/检索/搜索功能
一、需求为了项目演示demo 或者 就是小数据量 需要前端自行实现多条件查询功能，同时支持多个条件共同查询，例如下图：二、解决方案多说无益直接上才艺handleSearch() { // form是查询条件 console.log(this.form); // 备份了一下数据 let arr = this.tableDataCopy // 通过遍历key值来循环处理 Object.keys(this.form).forEa
2021-06-28 14:00:38
11913
9
原创 面试题-JS对象取值
一、题目题目采摘之某公众号，内容原创！const bird = { size: 'small'}const mouse = { name: 'Mickey', small: true}mouse.bird.size 是否无效？mouse[bird.size] 是否无效？mouse[bird["size"]] 是否无效？二、分析首先回顾js关于对象取值的知识const bird = { size: 'small'}// 一般取值方式，通过 . 访问对象的
2021-03-04 15:08:52
234
2
原创 JSON.parse(JSON.stringify(undefined))报错
一、现象使用数据时涉及到了简单的深拷贝数据，我使用了简单粗暴的JSON.parse(JSON.stringify(***))来做，但这引发了一个未知错误（其实是自己无知了），即我深拷贝的这个对象的值会有undefined的时候，此时就会报错JSON.parse(JSON.stringify(undefined))// 报错Uncaught SyntaxError: Unexpected token u in JSON at position 0 at JSON.parse (<a
2021-02-24 14:45:18
6802
1
原创 Ant Design Vue form表单validateFields无效果
一、问题现象Ant Design Vue的form组件，在点击提交时，无表单校验效果即无红字提示，但浏览器开发者工具（F12）有日志输出；逐个点击时，校验还都能触发，很奇怪。二、解决方案直接上才艺：请仔细核对自己的表单检验中是否使用了自定义校验validator使用排除法即先将自定义校验全部注释掉，再次点击提交，此时应该是可以看到校验效果了，再将自定义校验逐一放开，并测试，即可将问题定位三、反思通过以上的定位检查后，应该就可以发现问题所在了，其实是自定义校验的代码出错了，但没有错
2021-02-18 10:55:57
4578
1
原创 Http状态码
一、Http状态码当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。下面是常见的HTTP状态码：200 - 请求成功301 - 资源（网页等）被永久转移到其它URL404 - 请求的资源（网页等）不存在500 - 内部服务器错误二、HTTP状态码分类HTTP状态码由三个十进制数字
2021-02-02 09:42:18
94
1
原创 new Date() ios兼容性问题
一、问题当时间格式为2020-10-10 10:10:10时，即日期使用-连接时，ios会无法识别，返回invalid Date无法识别和转换二、解决方案// planA：直接将 - 替换为 / 这样安卓和IOS就都可以识别了new Date("2020-10-10 10:10:10").replace(/-/g, "/");// planB：使用moment.js解决 import moment from 'moment';//使用moment设置时间moment('2020-10-
2021-01-27 13:13:47
458
原创 uniapp：swiper+scroll-view自适应高度和滚动
一、问题原因niapp的swiper组件，默认大小为150px（swiper组件是类似于PC端的Tab页，左右切换，详情见官方文档）这显然不符合我们平时的业务需求当有大量数据需要渲染时，我们就需要swiper的高度为自适应的，同是配合scroll-view实现区域滚动效果二、代码多说无益，直接上才艺<swiper :current="current" duration="400" @change="swiperChange" :style="{height:swiperheight
2021-01-25 15:21:33
3064
6
原创 Echarts 如何设置图表自适应窗口大小
一、单个图表自适应窗口大小原理：利用echarts中的resize函数这里我的echarts 是绑定到了vue的data对象中,所以是this.chart如果没有挂在到vue上 就正常写就完事了（懂的都懂，O(∩_∩)O哈哈~）// 获取echarts对象this.chart = echarts.init(this.$el, "macarons");// 设置echarts属性（省略了）this.chart.setOption({......})// 重点：当窗口或者大小发生改变
2020-09-01 11:29:38
12385
4
原创 elementUI级联选择器（Cascader）clearCheckedNodes无效的解决方法=＞即.clearCheckedNodes is not a function
问题最近在使用 elementUI级联选择器（Cascader）发现clearCheckedNodes（）的使用不是想象中的那样。报错：TypeError: this.$refs.tree.clearCheckedNodes is not a function目的清空级联选择器的内容和选中高亮的状态正确打开方式！！！！ // 清空选中的节点 this.$refs.tree.$refs.panel.clearCheckedNodes(); // 设置为空可以让节点不高亮显示 thi
2020-08-27 14:14:35
11041
12
原创 ES6大法好----要将map()方法学以致用啊
贴心小提示第一次写文章！！！这不是一份知识分享的文章，时自己对工作中的感悟：要学以致用！！！业务需求微信小程序----手动实现了一个类似多选框的功能，未选中时为空心，选中时为实心（内容打码了，公司项目）实现原型使用的是vant-ui weapp 的van-tag标签，通过动态的控制plain属性（是否为空心样式）具体js代码这是我第一版的思路:通过点击事件获取当前标签的唯一值，已选中的标签我会将他的唯一值存入到一个数组中，通过唯一值去做对比，如果已经在数组中了，则将他从选中
2020-08-18 16:04:31
120
1
空空如也
小白求解，表示一脸蒙蔽
2016-10-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人