摘要: 效果图 小程序加载链接 微信嵌入链接代码相当简单 1、index.wxml加载一个web-view组件,动态绑定地址 <!--index.wxml--> <view class="container"> <web-view src="{{ webSrc }}"></web-view> </view> 阅读全文
posted @ 2021-11-08 17:58 杂学不精 阅读(1343) 评论(0) 推荐(0)
摘要: 周末周末继续找轻松的话题,程序猿的小浪漫,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)
摘要: 不足 官网原文如下: 简单来说不足有二: 1、所有属性都会合并到组件里面,所以相同命名会冲突。 2、写完就定下来了,不够灵活 vue3 提供了 setup,来解决这些问题。 个人见解,其实在vue2的时候就很少使用mixin来抽象逻辑,一般抽象逻辑都会使用一个封装的js对象。而mixin更多的是像封 阅读全文
posted @ 2021-10-28 00:15 杂学不精 阅读(643) 评论(0) 推荐(0)
摘要: Hybrid APP 优势 网上查了一圈,没有找到符合我内心的描述,所以就算忽略吧,反正优点很多,这不是我们要说的重点,忽略几百字或者几十字总有的 解决方案--jsbridge Hybrid网上很多,比较大型的方案还是推荐jsbridge,其最大优势在于方便于扩展,下面文章都是基于jsbridge来 阅读全文
posted @ 2021-10-27 00:44 杂学不精 阅读(162) 评论(0) 推荐(0)
摘要: 本想简单写写,没想到说清楚已经变成了一篇很长的帖子,欢迎当笔记搜藏起来。 props / emits 父子组件通信 props一般负责向子组件传递数据 下面是一个简单的例子,父组件向子组件传递了一个title,子组件负责显示title。 // child-component.vue <templat 阅读全文
posted @ 2021-10-25 21:40 杂学不精 阅读(347) 评论(0) 推荐(0)
摘要: 周末愉快--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)
摘要: 最近有小伙伴跟我聊起setup函数,因为习惯了vue2.x的写法导致了,setup用起来觉得奇奇怪怪的,在一些api混编的情况下,代码变得更加混乱了,个人觉得在工程化思想比较强的团队中使用setup确实能更好的使用模块化开发,但是用得不好的话也确实降低了代码的可读性。本篇文章是从使用角度来聊聊set 阅读全文
posted @ 2021-10-24 02:13 杂学不精 阅读(1430) 评论(0) 推荐(0)
摘要: 起因 现在市场上各种跨平台开发方案百家争鸣各有千秋,个人认为最成熟的还是hybird方案,简单的说就是写H5各种嵌入,当然作为前端工程师最希望的也就是公司采用hybird方案当作技术路线。 所谓的hybird方案很多时候单独指h5嵌入app页面,本专辑讲的却比这个要广泛很多,作者想写一个基础框架嵌入 阅读全文
posted @ 2021-10-22 23:55 杂学不精 阅读(843) 评论(0) 推荐(0)
摘要: 移动端页面切换一般都具有动画,我们既然要做混合开发,做完之后还是不能看起来就像一个网页,所以我们基于vue-router扩展了一个页面切换push和pop的动画。这是一篇比较硬核的帖子,作者花了不少精力来写 先上效果图 再贴核心代码 router文件夹下,新建transition-extend.js 阅读全文
posted @ 2021-10-21 23:13 杂学不精 阅读(795) 评论(0) 推荐(0)