![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 90
Dandelion_drq
这个作者很懒,什么都没留下…
展开
-
自己动手写一个移动端日期选择器组件
本文实现的日期选择器组件功能包括支持配置最大最小时间范围,支持切换不同的时间模式(比如年月日/年月/年月日时分秒),支持配置默认选中日期,以及支持自由嵌套在页面中使用。跟着文章一起来造个简单的轮子吧~原创 2022-02-12 18:39:37 · 3967 阅读 · 0 评论 -
小程序性能优化实践总结
项目简述 & 问题先简单介绍一下项目,就是一个比较常规的点餐小程序。界面如图:左边是分类菜单,右边是长列表,有多个分类的商品,单个分类滚动完后可以继续滚动切换到下一个分类,同时左边的分类菜单选中态会跟着切换到当前商品列表显示的分类。考虑到更好的用户体验,以及参考了美团等点餐小程序,这个商品列表的数据是一次性返回的。目前遇到的问题就是,当商品数量比较多时,首次渲染时间很长,而且页面会卡顿。优化方向逻辑优化小声bb:其实就是原来代码(由于历史原因)写得太烂了……OTL先放个图????原创 2020-10-28 14:54:41 · 561 阅读 · 0 评论 -
如何正确地 reset Vuex module state
这是项目之前遇到的一个bug,最终发现是由于 reset Vuex state 不正确,污染了 initState 导致的,隐藏得还挺深的,在这里记录一下。原创 2020-03-24 00:16:05 · 896 阅读 · 0 评论 -
网页如何与小程序交互通信
概述网页与小程序交互和通信需要在小程序里使用 web-view 组件打开网页,而且被访问的网页需要引入微信的 js-sdk,通过 js-sdk 提供的接口来给小程序发信息。具体可以参考小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html小程序后台配置业务域名这是小程序开发的限制,在 ...原创 2019-10-01 15:35:04 · 2295 阅读 · 0 评论 -
Nuxt 报错:render function or template not defined in component: anonymous
问题在 dev hot reload 模式下开发,本来是好的,添加了一段代码之后出现了这个错误。详细的错误信息如下:这提示看起来是系统级的错误,没什么头绪。于是google之,是找到挺多有提到这个错误的 issue,然而……都没看到有解决办法。好吧,还是靠自己先看一下。于是撤销大法好。。。我先注释掉添加的那部分代码,保存,果然没有再报错了。那就看看这部分添加的代码咯~分析&...原创 2019-05-07 00:42:02 · 8925 阅读 · 0 评论 -
不使用 vue-cli 与 vue 模版,使用 Vue2.x + webpack4.x 从零开始一步步搭建项目框架
说明这是我根据慕课网上的一个课程 Vue+Webpack打造todo应用 过程一步步搭下来的框架,去掉了业务相关的逻辑。项目最终的效果包括了引入vue框架;使用CSS预处理器;使用babel;引用图片等静态资源;区分开发环境与生成环境,并做相应优化等。基本接近真正做项目时候的配置。**但是!!**毕竟是我个人根据练习课程搭的框架,跟真实工作可能有区别,请谨慎直接用于工作环境!!!项目的最终...原创 2018-11-01 17:10:05 · 3972 阅读 · 3 评论 -
Echarts 折线图y轴标签值太长时显示不全的解决办法
问题分析解决办法问题先看一下正常的情况 再看一下显示不全的情况 所有的数据都是从后台取的,也就是说动态变化的,一开始的时候数据量不大不会出现问题,后面y轴的值越来越大的时候就出现了这个显示不全的情况。分析先贴一下页面代码HTMLdiv class="row-wrapper"> div class="div-flex" st原创 2018-02-06 14:54:58 · 71334 阅读 · 8 评论 -
H5 audio 音频标签自定义样式修改以及添加播放控制事件
说明:需求要求这个音频标签首先要是可适配移动端浏览器的,音频样式就是参考微信做的。最终效果如下: 具体实现思路:H5 的 标签是由浏览器负责实现默认样式的。所以不同的浏览器样式不一样,有些还不太美观。所以我们一般会去掉默认样式,自己重新写。具体操作是定义 的时候去掉 controls 属性,这样就可以隐藏原生的 audio, 然后就可以加上自己写的 html原创 2017-08-28 14:43:54 · 26722 阅读 · 23 评论 -
EasyUI datagrid 使用小结
用了 Easyui 框架一段时间了,这个前端框架用起来还是挺方便的,也有很多现成的控件,看看官方文档应该还是能比较快用起来的。 在这里记录一下遇到过的bug或者当初耗了一点时间实现的功能吧……1. datagrid 跳到指定页var pager = $('#dg').datagrid('getPager'); // 获取分页Paper对象var pageSize = pager原创 2017-01-22 16:13:14 · 1493 阅读 · 0 评论 -
EasyUI combobox 的使用
获取值与设置值var val = $('#id').combobox("getValue"); // 获取值$('#id').combobox("setValue", 1); // 设置值初始化数据,增加一个“选择所有”的选择并默认选中该选项。// 初始化人员function initEmployee() { $.get('/api/Employee',原创 2017-01-22 16:16:53 · 1309 阅读 · 0 评论 -
EasyUI 修改 Messager 消息框大小
需求是要修改确认消息窗口的大小。简单的调用方法是这样的:$.messager.confirm('操作确认', '确定批量编辑文章?', function (r) { ...}这个时候生成的弹窗默认宽度是300,高度是自适应的。这些在chrome执行 $.messager.defaults 可以看到。 所以我们要修改的话把这些默认值需要修改的重新定义一下,覆盖掉就好了。 代码如下:$.m原创 2017-05-16 17:35:01 · 16914 阅读 · 2 评论 -
EasyUI DataGrid 实现单行/多行编辑功能
要实现 EasyUI DataGrid 的可编辑很简单,在需要编辑的列添加 editor 【编辑器】就可以了。单行编辑// 初始化数据列表function initDatagrid() { $('#dg').datagrid({ loadMsg: '数据加载中请稍后……', striped: true, url: '/api/Employ原创 2017-02-22 22:30:52 · 13015 阅读 · 0 评论 -
EasyUI 动态创建对话框Dialog
// 拒绝审批通过function rejectApproval() { // 创建填写审批意见对话框 $("<div id='reject-comment'> </div>").dialog({ title: '请填写拒绝审批通过意见', closable: true, width: 350, height: 250原创 2017-02-22 21:13:45 · 2614 阅读 · 0 评论 -
ASP.NET使用UEditor
介绍ueditor前端基础部署,以及.net后台的部署配置,还有图片上传的压缩问题。原创 2016-10-24 22:33:10 · 4026 阅读 · 0 评论