vuejs中的默认插槽-具名插槽-作用域插槽三者的比较

2022-05-16
阅读 9 分钟
1.5k
Vue中的插槽是一个非常强大的功能,在复用组件模块的时候,针对相似的结构,拥有不通的内容时,使用插槽就非常方便,一定程度上可以减少在模板中使用大量的逻辑判断,控制显示不通的内容

vuejs中的普通方法/计算属性computed与监听属性watch四者的比较

2022-01-12
阅读 18 分钟
1.2k
在vue中,实现同一个功能需求,可以使用普通方法,也可以使用computed属性以及watch属性,对于它们的使用,刚开始时,存在着一些困惑
封面图

如何在 vuePress中添加博客导流公众号-即输入验证码解锁全站文章

2020-11-19
阅读 7 分钟
2.9k
如今,打开一些网站,发现阅读文章前,先要关注公众号,获取验证码,才能解锁文章,这波操作虽然有点“流氓”,但是白嫖的适当付出一点也没有什么,毕竟写文章输出是真的费时间,尊重作者的劳动成果.

小程序-页面与页面间如何进行传递数据(通信)

2020-11-11
阅读 14 分钟
2.7k
前言在小程序中组件与组件之间的通信是通过在引用组件处,在自定义组件上添加自定义属性实现的,子组件内部通过properties进行接收更多关于组件与组件之间的通信可参考小程序实现自定义组件以及自定义组件间的通信这篇文章那页面与页面之间又如何传递数据?您将阅读完本文后,将收获到:页面间跳转携带参数(通过url的方式)传...

小程序-实现自定义组件以及自定义组件间的通信

2020-10-30
阅读 11 分钟
4.1k
前言对于组件的封装,在小程序当中对于多个页面的复用有着重要的作用,小程序中注册的每个页面都是独立的页面的显示view层与逻辑层是通过data进行绑定关联,若需要更改页面中的数据,则通过setData的方式进行修改那么在小程序中如何自定义组件,以及自定义组件之间是如何进行通信呢实例效果完整效果可见原文通过上面一个简单...

小程序-实现小程序与小程序之间的跳转

2020-10-23
阅读 2 分钟
2.5k
前言小程序与小程序之间互相可以跳转,形成流量的循环.在小程序中怎么实现的呢小程序中提供了两种方式实现小程序与小程序之间的跳转使用 API 方式跳转如下示例代码所示 {代码...} 如下是逻辑代码 {代码...} 使用小程序跳转的 API 就上面几行代码使用标签方式跳转如下是wxml代码 {代码...} 使用标签的方式跳转,非常简单,只...

小程序-实现自定义动画弹框/提示框

2020-10-23
阅读 5 分钟
2.7k
前言在小程序中,用户与界面进行交互时,有一些用户反馈提示,例如:触发某个按钮,从底部弹出框,从顶部弹出等如今,有一些现成的 UI 库,虽然已经实现了的,但若只是为了实现一个底部弹出框或者自定义提示框,不引用第三方 UI 库怎么手动原生方式去实现呢,最主要的是怎么去实现动画css3 实现动画如下是wxml代码 {代码...} 如下是...

小程序-实现折叠面板-手风琴效果

2020-10-16
阅读 5 分钟
2.8k
无论是在小程序还是 h5 网页,折叠菜单,手风琴是一个非常常见的效果,如今也有很多现成的 UI 组件库已经实现了这一效果的,但有时候在写原生小程序时,单单就是一个折叠菜单效果,却要引入整个 UI 库,有点得不偿失

小程序-实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)

2020-10-14
阅读 3 分钟
3.1k
背景有时候,因为业务需求,在小程序当中,需要跳转到 h5 网页,或跳转到公众号,形成流量的闭环,那在小程序当中怎么实现呢?实例效果不支持gif图展示,完整效果见这里前提条件该小程序与需要跳转至的公众号(订阅号/服务号)进行了绑定关联使用小程序开放能力web-view实现跳转(承载网页的容器。会自动铺满整个小程序页面,个人类...

微信小程序-实现 tab-及多个列表选项切换

2020-10-11
阅读 4 分钟
6.5k
背景在小程序中实现tab选项切换是一个非常常见的效果,对于固定几个tab切换或许轻而易举,但若出现多个,对于有些新手,却不知道怎么控制您将阅读完本文后,将获取到两种方式实现tab切换效果,但凡以后遇到类似的需求,都可以实现(本文重点)实例效果具体实现代码微信 wxml 代码 {代码...} 微信wxss代码 {代码...} 切换逻辑js代...

React 基础(10)-React 中编写样式 css(styled-components)

2020-09-16
阅读 13 分钟
5.9k
React 是一个构建用户界面的 js 库,从UI=render()这个等式中就很好的映射了这一点,UI的显示取决于等式右边的render函数的返回值.

React基础(9)-React 中发送 Ajax 请求以及 Mock 数据

2020-09-16
阅读 7 分钟
2.7k
 前言在 React 中,render 函数返回的结果,取决于组件的 props 和 state我们都知道 UI 页面上的数据不是写死的,往往是从后端的数据接口中拿到的然后将真实的数据填充到页面上 ,那么应该在哪个生命周期函数中发起请求?又如何发起 Ajax 请求呢以及有哪些方式? 以及我们怎么样模拟一个后端数据接口?示例API返回如下json对象...

React基础(8)-React中组件的生命周期

2020-02-13
阅读 6 分钟
3k
为了进一步的了解React的工作过程,已经晓得了怎么编写React组件,知道了React的数据流,那么是时候学习React组件的生命周期了,每个组件都包含生命周期方法,生命周期如同四季更替,一个人的生,老,病,死.在每个特殊的年龄阶段,做这不同的事情

React基础(7)-React中的事件处理

2020-01-17
阅读 20 分钟
1.8k
props与state都是用于组件存储数据的一js对象,前者是对外暴露数据接口,后者是对内组件的状态,它们决定了UI界面显示形态,而若想要用户与界面有些交互动作

React基础(6)-React中组件的数据-state

2020-01-12
阅读 10 分钟
1.7k
前言 组件中的state具体是什么?怎么更改state的数据? setState函数分别接收对象以及函数有什么区别? 如何划分组件的状态数据,进行自我的灵魂拷问,以及props与state的灵魂对比 那么本节就是你想要知道的 如果想阅读体验更好,可戳链接-React学习(6)-React组件中的数据,内有视频 React中的state 一个组件最终渲染的数据结...

React基础(5)-React中组件的数据-props

2020-01-11
阅读 15 分钟
1.2k
将一个大的应用按照功能结构等划分成若干个部分(组件),对每个部分(组件)进行分开管理,与组件相关的东西放在一起,达到高内聚的目的,而不同组件又各自独立管理达到低耦合的效果。

React基础(4)-理清React的工作方式

2020-01-11
阅读 9 分钟
1.1k
在接触React之前,我们也许习惯了DOM编程,那它相比于原生JS,JQ编程方式,究竟有什么区别?React的工作方式是什么样子的?所谓的虚拟DOM又指的是什么?以及React的工作方式的优点有哪些?

React基础(3)-不可不知的JSX

2019-11-05
阅读 9 分钟
4k
前言 JSX中添加属性有什么要注意的?以及JSX中的子元素是怎么操作的? 组件的大小写问题,使用拓展运算符,以及怎么循坏遍历一个对象 JSX中的prop指的是什么?以及表单的labe应该要注意什么? 以上问题即使自己很清楚,但是否有时却总是道不清,说不明?那么读完本文,就豁然开朗了 JSX添加特定属性 自定义标签拓展了原生HTML标签...

React基础(2)-深入浅出JSX

2019-10-18
阅读 8 分钟
2.5k
既然前端UI显示就是HTML,CSS,javascript,那么把实现一个功能的所有代码放在一个文件里管理,也是一种宏观上代码的封装,模块化处理.

React基础(1)-create-react-app

2019-10-17
阅读 6 分钟
1.2k
尽管三者实现业务最终的目的都能达成一致,但是各有特色,其中任何一框架,个人觉得,都博大精深,可圈可点,要学习的内容有很多,我也仅仅是浅尝辄止而已.