10 2021 档案

周末愉快——程序猿的浪漫css画玫瑰礼盒
摘要：周末周末继续找轻松的话题，程序猿的小浪漫，css画玫瑰。 先上效果图 开花 开箱 体验地址：http://120.27.68.231:9999/html/giftrose.html 盒子关键css说明 1、盒子父级设置三条关键属性。 transform-style: preserve-3d; // 阅读全文
posted @ 2021-10-31 00:12 杂学不精 阅读(137) 评论(0) 推荐(0)
让代码简洁而优雅——恰到好处的使用数组的各种方法
摘要：本以为今天的帖子会很简单，越写越觉得啃了块硬骨头。 判断是否是数组 没啥好说的推荐 Array.isArray，示例： Array.isArray([1, 2, 3, 4]); // --> true Array.isArray({ a: 1, b: 2 }); // --> false Array 阅读全文
posted @ 2021-10-29 14:45 杂学不精 阅读(158) 评论(0) 推荐(0)
vue3.x连官网都不亲的选项——Mixin
摘要：不足 官网原文如下： 简单来说不足有二： 1、所有属性都会合并到组件里面，所以相同命名会冲突。 2、写完就定下来了，不够灵活 vue3 提供了 setup，来解决这些问题。 个人见解，其实在vue2的时候就很少使用mixin来抽象逻辑，一般抽象逻辑都会使用一个封装的js对象。而mixin更多的是像封 阅读全文
posted @ 2021-10-28 00:15 杂学不精 阅读(643) 评论(0) 推荐(0)
当vue遇上Hybrid APP
摘要：Hybrid APP 优势 网上查了一圈，没有找到符合我内心的描述，所以就算忽略吧，反正优点很多，这不是我们要说的重点，忽略几百字或者几十字总有的 解决方案--jsbridge Hybrid网上很多，比较大型的方案还是推荐jsbridge，其最大优势在于方便于扩展，下面文章都是基于jsbridge来 阅读全文
posted @ 2021-10-27 00:44 杂学不精 阅读(162) 评论(0) 推荐(0)
vue3.x组件间通信，实用小技巧都在这里
摘要：本想简单写写，没想到说清楚已经变成了一篇很长的帖子，欢迎当笔记搜藏起来。 props / emits 父子组件通信 props一般负责向子组件传递数据 下面是一个简单的例子，父组件向子组件传递了一个title，子组件负责显示title。 // child-component.vue <templat 阅读全文
posted @ 2021-10-25 21:40 杂学不精 阅读(347) 评论(0) 推荐(0)
周末愉快--css画大熊猫
摘要：周末愉快--css画大熊猫周末找了点轻松的话题，css画大熊猫。 先上效果图 欢迎竞猜大熊猫到底说了什么？？ 再上源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev 阅读全文
posted @ 2021-10-24 23:13 杂学不精 阅读(126) 评论(0) 推荐(0)
vue3.x新特性之setup函数，看完就会用了
摘要：最近有小伙伴跟我聊起setup函数，因为习惯了vue2.x的写法导致了，setup用起来觉得奇奇怪怪的，在一些api混编的情况下，代码变得更加混乱了，个人觉得在工程化思想比较强的团队中使用setup确实能更好的使用模块化开发，但是用得不好的话也确实降低了代码的可读性。本篇文章是从使用角度来聊聊set 阅读全文
posted @ 2021-10-24 02:13 杂学不精 阅读(1431) 评论(0) 推荐(0)
js判断移动端浏览器类型，微信浏览器、支付宝小程序、微信小程序等
摘要：起因 现在市场上各种跨平台开发方案百家争鸣各有千秋，个人认为最成熟的还是hybird方案，简单的说就是写H5各种嵌入，当然作为前端工程师最希望的也就是公司采用hybird方案当作技术路线。 所谓的hybird方案很多时候单独指h5嵌入app页面，本专辑讲的却比这个要广泛很多，作者想写一个基础框架嵌入 阅读全文
posted @ 2021-10-22 23:55 杂学不精 阅读(843) 评论(0) 推荐(0)
vue3.x移动端页面基于vue-router的路由切换动画
摘要：移动端页面切换一般都具有动画，我们既然要做混合开发，做完之后还是不能看起来就像一个网页，所以我们基于vue-router扩展了一个页面切换push和pop的动画。这是一篇比较硬核的帖子，作者花了不少精力来写 先上效果图 再贴核心代码 router文件夹下，新建transition-extend.js 阅读全文
posted @ 2021-10-21 23:13 杂学不精 阅读(795) 评论(0) 推荐(0)
vue3.x非兼容的变更
摘要：走马观花似的看看从vue2.x开始到vue3.x的一些非兼容性的变更，这样在将来升级过程中遇到那些奇奇怪怪的不能用的时候，就会很容易解决啦。 #全局 API 全局 Vue API 已更改为使用应用程序实例 全局和内部 API 已经被重构为支持 tree-shake #模板指令 组件上 v-model 阅读全文
posted @ 2021-10-21 23:12 杂学不精 阅读(94) 评论(0) 推荐(0)
vue3.x相对于vue2.x生命周期改动
摘要：vue3.x已经正式发布了，部分小伙伴已经用了vue3.x开发，部分小伙伴还在观望中，下面是两个影响比较大的改动 1、beforeDestroy和destroyed不能用了。 这个应该是vue2.x项目升级为vue3.x项目影响最大的地方，突然发现项目中beforeDestroy和destroyed 阅读全文
posted @ 2021-10-21 23:12 杂学不精 阅读(63) 评论(0) 推荐(0)
vue3.x自定义组件双向数据绑定v-model
摘要：vue2.x 语法 在 2.x 中，在组件上使用 v-model 相当于绑定 value prop 并触发 input 事件： <ChildComponent v-model="pageTitle" /> <!-- 是以下的简写: --> <ChildComponent :value="pageTi 阅读全文
posted @ 2021-10-21 23:09 杂学不精 阅读(634) 评论(0) 推荐(0)
vue3.x全局$toast、$message、$loading等js插件
摘要：有时候我们需要使用一些类似toast，messge、loading这些跟js交互很频繁的插件，vue3.x这类插件的定义跟vue2.x插件稍大，而且相对变得复杂了一点点。 第一种、需要时创建，用完移除 这种做法相对损耗性能，当一些显示隐藏频率不是特别高的插件可以如此封装。 1、新建loading.v 阅读全文
posted @ 2021-10-21 23:09 杂学不精 阅读(806) 评论(0) 推荐(0)
vue3.x全局插件和组件
摘要：做vue项目的时候，总有一些小组件或者工具类，我们需要频繁的使用，每个使用的地方再去引用相对比较麻烦，当然也有一些好处，尤其是配合组件异步加载的时候，能最更好的减少项目首次加载的体积，从而优化一些体验。 全局js插件 因为vue3.x js插件的全局使用也有调整，这里稍微说下简易的全局js引入。 # 阅读全文
posted @ 2021-10-21 23:06 杂学不精 阅读(578) 评论(0) 推荐(0)
vue3.x异步组件
摘要：在大型应用中，我们可能需要将应用分割成小一些的代码块，并且只在需要的时候才从服务器加载一个模块 vue2.x 曾经简单的异步组件 components: { AsyncComponent: () => import('@/components/AsyncComponent.vue') } vue3. 阅读全文
posted @ 2021-10-21 23:04 杂学不精 阅读(202) 评论(0) 推荐(0)
vue3.x移动端适配px2rem
摘要：1、什么是px2rem px2rem是一个插件能将px自动转换为rem，以适配各种不同的屏幕尺寸。前端开发可以直接使用设计稿量出的尺寸或者蓝湖给出的px进行布局，这样极大的提高了开发效率。 2、前提条件 1、vue3.x新建的项目，这里只说vue3.x的适配，因为vue2.x一般都创建很久了，或者不 阅读全文
posted @ 2021-10-21 23:03 杂学不精 阅读(356) 评论(0) 推荐(0)