首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue 2.x 折腾记
CRPER
创建于2021-05-10
订阅专栏
Vue 2.x 折腾记,从折腾到体系
等 23 人订阅
共25篇文章
创建于2021-05-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue 2.x使用ant-design-vue 1.6.2版本,jsx写法下弹出组件报ant-portal指令异常解决姿势
今天遇到这个问题,我觉得有必要放出来.
Vue 2.x折腾记 - (22) Vue 打包图片在safari不显示的问题
safari(桌面、手机)不显示图片,其他浏览器都是正常的。 一一排查下来,啥毛病都没,资源也没有被拦截(safari的资源管理器可以看到图片资源)。 google大法,群友,没有一个人能说出个所以然。 只能说具体问题要具体分析,才能找到问题根源并且解决。
Vue 2.x折腾记 - (21) CNZZ统计在引流页中的应用姿势
因为单页面开发,所以统计代码的封装和考虑点是我们需要着手设计的(比如维护性)。 我这边用的是第一种,为了方便定位问题,采取问答式来写这篇水文。 就是 .env 文件 + 模板插值 来实现; 前者是环境配置文件,后者是模板语言。 接着看我业务代码的实现,来加深你的了解。 为什么要…
Vue 2.x折腾记 - (20) JSX在业务中的具体实践以及跟React书写的差异化
Vue JSX:让Vue支持JSX来书写代码的一个开发构建依赖。 最近已经到1.0 正式版了,稍微梳理下,就落实到具体业务去尝试。 更多的姿势可以看上面仓库的README,这里只说说我用到的。 总体来说还是挺实用的,一些情况下写起来舒服很多。 vue jsx 这个开发依赖解析还…
Vue 2.x折腾记 - (19) 基于Antd Design Vue 封装一个符合业务的树形组件
仔细翻了下对应的文档(antd vue),发现有那么一个树形控件,但是没有上面部分全局控制的功能。 那么只能自己动手改造出一个符合业务的了,有兴趣的看官可以瞅瞅。 第三版是改由按钮组去实现,发现可以很好的解决极端的情况,可以分解成三种情况去实现。 至此,符合我们业务的一个树组件…
Vue 2.x折腾记 - (18) 用Vue的Inject Provide结合Event Bus来实现局部的状态维护
想拆分成对应的组件(全部写在一起是贼恐怖的事情),又不想用Vuex这类来实现。 那最终的方案就是Vue的eventbus了, 这只是一种方案的实现。
Vue 2.x折腾记 - (17) 基于Ant Design Vue 封装一个配置式的表单组件
写了个类似上篇搜索的封装,但是要考虑的东西更多。 具体业务比展示的代码要复杂,篇幅太长就不引入了。 操作父的props会造成死循环(在有slot的情况下,因slot-scope拿的是父props经过computed后的值)。 已经改用其他实现姿势,抽离成独立组件,再联动数据。
Vue 2.x折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件
因为前段时间用过React来写过项目(用了antd),感觉棒棒的。 其他特性等,具体可以看下面的思维导图. 具体业务的封装中还要复杂的多,还结合了一些自定义封装组件,展示出来代码篇幅太长。 实现出来的代码量贼多,因为每细化多一层组件,复杂度就越高。各种互相回调来实现。 要实现一…
Vue 2.x折腾记 - (15) 捣鼓一个中规中矩loading组件
说作为全局的页面loading ,但是自己想了想,还是选择画一个。 一开始想过用svg,canvas,最终还是选择了css3+js来实现这个效果。 除了常规的引入使用,还支持函数调用,挂载了一个$loading。 props的传递没有做增量合并(递归每个key赋值),直接浅复制…
Vue 2.x折腾记 - (14) Nuxt.js 2 正式版升级采坑以及部署姿势改动
前言记录下过程遇到的一些问题及修正知识;之前用的nuxt1.4,仅做备忘录,有兴趣瞧瞧,没兴趣止步;问题开发模式正常,部署模式下找不到静态资源因为我这边用的nginx,这个需要配置下nginx静态资源
Vue 2.x折腾记 - (13) Nuxt.js写一个常规音频的播放组件,动态注入微信,新浪微博的js-sdk
微信和微博,若没有用其官方的js-sdk初始化,没法播放。 有不对之处请留言,会及时修正,谢谢阅读。
Vue 2.x折腾记 - (12) Nuxt.js写一个校验访问浏览器设备类型及环境的中间件
有不对之处亦或者更好的实现请留言,会及时修正,谢谢阅读。
Vue 2.x折腾记 - (11) @Vue/Cli 3.0.0 图形化项目管理,相当人性化
后方多图,感兴趣的可以瞧瞧,不感兴趣的请止步,免得浪费你的时间,谢谢.. 其他不多说,今天只想演示下Web端UI初始化... 5.创建完毕会有一个管理后台...相当酷炫.. 6. 插件更新直观体验 7. 项目配置的可视化 想知道大概写起来是什么样的么.. 不过目前来说,用ts …
Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
一般入门级的无需太早考虑这方面的,只要专心学好Vue的使用姿势便可。 这种情况一般报错信息可以看到是哪个包抛出的信息,一般卸载这个模块,安装重新安装下即可。 官方解释如下: data 必须声明为返回一个初始数据对象的函数,因为组件可能被用来创建多个实例。 Vue 在2.2的时候…
Vue 2.5 && 2.5.1(Bug Fixes) 正式发布!! 带来大量的更新!
其中包括核心库对TS的支持更加完善,错误捕获的提升,函数式组件,服务端,更多的事件修饰符,简化插槽的使用,注入可以增加默认值等~~~~ https://gist.github.com/yyx990803/9bdff05e5468a60ced06c29c39114c6b(墙:详细)
Vue 2.x折腾记 - (10) 给axios做个挺靠谱的封装(报错,鉴权,跳转,拦截,提示)
前言不推荐完全copy过去,可以看看我是如何针对我这边业务;做的一个axios的封装及实现的思路需求及实现统一捕获接口报错弹窗提示报错重定向基础鉴权表单序列化实现的功能统一捕获接口报错:用的axios
Vue 2.x折腾记 - (9) 写一个挺靠谱的typeahead组件
而且有些瑕疵,还有也不方便传入数据和响应数据.. mapData : 搜索的列表数据,肯定是外部传入了...
Vue 2.x折腾记 - (8) 写一个挺靠谱的多地区选择组件
我也不想这么个玩意的,但是产品需求就是有这么个东东。 上基友社区找了下,又木有这类型的组件,只能自己动手丰衣足食了。 虽然过程遇到了许许多多的坑点,但总算是搞出来了。 箭头是iconfont,支持外部传入,默认是我这边的cdn的啦.... 我们这边的后端大佬说不限制的id均为0…
Vue 2.x折腾记 - (7) 写一个挺不靠谱的Vue-Echarts组件
上基友社区看了下,发现对echarts的封装都是打包进去的,想想就还是算了。 图表这货.说实在的,若不是整个系统大量用到,打包进去没必要。 CDN是个好东西,我们完全可以写一个异步加载JS然后封装按需调用。 至于你能学到什么,见仁见智了,若有所收获就是我这文章的意义所在了 。 …
Vue 2.x折腾记 - (6) 写一个不大靠谱的backToTop组件
当然不是用scrollTo直接调位那种,没有过渡效果怎么说得过去,还是捣鼓出来了。 一堆过渡效果,字符串格式,其实就是滚动的计算函数..
下一页