经验
关注
分享
扫一扫
文章平均质量分 53
AwesomeDevin
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
zustand 带着 zustand-vue / zustand-pub，它们来了！！！
为什么是 zustand / zustnad-vue / zustand-pub ? 前端状态管理框架对比。原创 2023-03-14 16:47:09 · 691 阅读 · 0 评论 -
【状态管理】zustand 中文文档，它来了！！！
是不是觉得 Redux 很难用？想用 Context 代替，但是你知道吗，Context 也有个很大的缺点：context value发生变化时，所有用到这个context的组件都会被重新渲染，即使 component 需要的 state 可能根本沒有变动。基于 context 维护的模块越多，影响范围越大, 某些情况下会导致页面明显卡顿。另外，它依赖 Context Provider 包裹你的应用程序。那么试试 zustand 吧，当然你可以选择 mobx，zustand 与 mobx 最大的差别在于原创 2023-03-06 16:42:24 · 5698 阅读 · 0 评论 -
解决Vue computed计算属性中使用$refs进行dom操作时出现undefined问题
解决办法Vue.component('my-component', { data(){ return { isMounted: false } }, computed:{ property(){ if(!this.isMounted) retu...原创 2018-04-30 14:56:24 · 20077 阅读 · 2 评论 -
解决Vue/小程序中 针对数组（列表） 实现倒计时 倒数效果越来越快的问题
你可能会使用watch监听list由于watch监听数据变化，对数据进行遍历时，当只有一个item符合条件时倒计时正常，一旦多个item符合条件,if语句内执行了一次以上，由于多个item发生改变会多次触发watch,导致倒计时越来越快,错误效果 watch={ List(val){ //var timer = setInterval(...原创 2018-05-02 18:39:47 · 2844 阅读 · 0 评论 -
【微信小程序】微信小程序保存二维码海报到相册，以及解决二维码不够清晰的问题
小程序保存二维码海报添加 canvas 元素 <canvas class="poster" canvas-id="poster" style="width:300rpx;height:300rpx;"原创 2018-06-20 10:58:21 · 7857 阅读 · 1 评论 -
【微信小程序 】 数据更新，视图无法更新时，使用setData()更新视图，并解决setData()赋值对象属性及数组问题
在Vue中，当我们对数据进行修改时，视图也会发生变化，微信小程序也提供的一样的功能，但是需要使用官方提供的setData()方法,如下:Page({ data: { isShow: false }, changeStatus(){ this.setData({isShow : true}); console.log(this.data.isShow); ...原创 2018-07-16 10:59:48 · 15107 阅读 · 0 评论 -
【微信小程序】清空input内容
在vue中,我们清空input值往往是clear(){ this.inputValue = '';}然而在微信小程序中，直接使用setData()赋值是无法清空input的值的，我们需要绑定一个form，这样做:<form bindreset="formReset"> <input type="text" placeholder="请输入订单号" ...原创 2018-07-16 16:08:51 · 4152 阅读 · 0 评论 -
【webpack 从0到1构建】webpack4持久化缓存优化方案,小白也能看懂的构建过程
之前一直对webpack只是了解到一些皮毛，最近抽空学习了一些持久化缓存的必要性以及方案，并自己进行了一次从0到1的项目配置，在此分享一下，方便大家一起交流学习，有写错或理解错的地方还请大佬多多指点。开题1. 缓存的作用每次代码需要更新时，服务器必须重新部署，客户端也必须重新下载资源。因为从网络中获取资源会很慢，这显然非常低效。这就是为什么浏览器会缓存静态资源的原因。但是这样做有一...原创 2018-07-19 19:48:28 · 1669 阅读 · 0 评论 -
【微信小程序】 隐藏小程序 导航栏/TabBar
1、页面不存在于app.json中的 tabBar.list2、使用wx.navigateTo 跳转到新页面3、 微信基础库1.9.0开始支持api wx.hideTabBar/wx.showTabBarwx.hideTabBar({ animation:true //是否需要过渡动画})wx.showTabBar({ animation:true //是否需要...原创 2018-07-26 11:56:09 · 12182 阅读 · 1 评论 -
【简单好用，支持图片懒加载】 vue-waterfall2 基于Vue.js 瀑布流 懒加载 组件
vue-waterfall21.宽度自适应,数据绑定2.自定义程度高3.使用极为简便,适用于PC/移动端4.提供resize(强制刷新布局)/mix(扰乱布局) API，一般情况下不需要用到5.后期将持续更新，提供animation（过渡动画）Demohttp://47.105.188.15:3000/Installationnpm install --save vue-wa...原创 2018-11-16 14:26:55 · 6622 阅读 · 4 评论 -
深入讲解离线缓存及其用法
why:应用程序缓存为应用带来的优势：离线浏览：用户可在应用离线时使用它们速度：已缓存资源加载速度块减少服务器负载：浏览器只从服务器下载更新过的资源usages:在html标签添加manifest属性<!DOCTYPE HTML> <html manifest="../js/demo.manifest"> ...原创 2018-04-30 14:48:20 · 4431 阅读 · 0 评论 -
Vue用户进行页面切换(路由跳转)时，动态改变路由的动画(transition效果)
当我们在使用Vue-Router时，为了用户有更好的视觉效果及体验，我们通常需要实现基于路由的动态过渡效果在Vue中,&amp;amp;amp;amp;amp;amp;amp;lt;router-view&amp;amp;amp;amp;amp;amp;amp;gt; 是基本的动态组件，所以我们可以用 &amp;amp;amp;amp;amp;amp;amp;lt;transition&amp;amp;amp;amp;amp;amp;a原创 2018-03-19 11:25:05 · 13985 阅读 · 2 评论 -
javascript创建对象的几种方式
javascript创建对象的几种方式原创 2017-03-29 10:27:13 · 420 阅读 · 0 评论 -
python中 format的使用
自python2.6开始，新增了一种格式化字符串的函数str.format()，可谓威力十足。那么，他跟之前的%型格式化字符串相比，有什么优越的存在呢？让我们来揭开它羞答答的面纱。语法它通过{}和:来代替%。“映射”示例通过位置In [1]: '{0},{1}'.format('kzc',18) Out[1]: 'kzc,18' In [2]: '{},{}'.format('kzc'转载 2017-05-06 13:16:11 · 755 阅读 · 0 评论 -
Vue 实现 拖拽文件到网页进行文件上传【JS/JQ 原理也是一样的】
Vue通过操作Dom元素 实现 拖拽文件到网页进行文件上传【JS/JQ 原理也是一样的】原创 2017-09-22 18:17:48 · 8474 阅读 · 0 评论 -
对jq插件进行封装
介绍jq插件的封装及其关系原创 2017-07-28 16:30:02 · 1535 阅读 · 0 评论 -
JS实现继承的几种方式
前言JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。原创 2017-03-29 10:21:44 · 504 阅读 · 0 评论 -
python datetime 常用的几种处理日期的方式
python datetime 日期处理原创 2017-11-01 09:53:59 · 2415 阅读 · 0 评论 -
用于操作cookie的js模块,使用简单(ES5/ES6 两种版本都有)
使用es6封装的一个用于cookie增删改查的js模块原创 2017-10-15 13:09:04 · 2149 阅读 · 0 评论 -
使用openpyxl进行excel操作
openpyxl模块用来读写Excel文件。openpyxl工作时，在内存中创建Excel工作簿和工作表，然后在工作表中的单元格中进行各种数据编辑和样式编辑操作，或在工作表中绘制图形，最后再保存文件写入到Excel中。官方文档： http://openpyxl.readthedocs.io/en/default/1. 基本操作1.1. 引入openpyxl库import...原创 2018-02-11 15:03:21 · 14016 阅读 · 1 评论 -
jquery 获取元素实际宽度高度
以前写代码中，每当需要获取元素的实际“宽度”（这里的宽度是指元素宽度加上其边距）时，都需要用元素宽度加上margin值才行，今天发现一个叫outerWidth(options)的方法 ,很好用。完成了原来需要用一段来操作做的工作。 这个方法不适用于 window 和 document 对象，可以使用 .width() 代替。 下面是其简单介绍 outerWidth(option原创 2017-02-28 16:50:05 · 3175 阅读 · 0 评论