0

Vue之MVVM模型和MVC模型

MVVMMVVM简介核心思想:分而治之(不同业务代码放到不同业务模块当中,通过特定逻辑组织到一块)MVVM其实是 M、V、VM,即 Model-View-ViewModel 的缩写。它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得 ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库,专注于View 层。它的核心是 MVVM 中的 VM,也就是 ViewModel。 ViewModel负责连接 View 和 Model,保证视图和数...

阅读全文>>

0

总结50个Vue知识点,全都会你就是神

1. Vue的优点?Vue的缺点?优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由,数据与视图分开缺点:单页面不利于seo,不支持IE8以下,首屏加载时间长2. 为什么说Vue是一个渐进式框架?渐进式:通俗点讲就是,你想用啥你就用啥,咱也不强求你。你想用component就用,不用也行,你想用vuex就用,不用也可以3. Vue跟React的异同点?相同点:1.都使用了虚拟dom2.组件化开发3.都是单向数据流(父子组件之间,不建议子修改父传下来的数据)4.都支持服务端渲染不同点:1.React的JSX,Vue的template2.数据变化,React手动(setState),Vu...

阅读全文>>

0

分享20款响应式CSS框架,你平时开发用的是哪一款?

使用 CSS 框架是当前大部分前后端开发人员都会选择的,CSS框架的好处是帮开发人员节省了开发时间,提高了工作效率,改善用户体验,并且能很好的解决各种浏览器之间的兼容性问题。当然也会存在代码冗余,影响网站打开速度,但是对于好处来说这些问题都不是问题。接下去我会分享我所知道的所有的CSS框架,尽量把网络上现有的框架都收集起来,方便网友们的选择和比较。(框架顺序不代码框架的好坏)Bootstrapwww.bootcss.comBootstrap 就不多做介绍了属于老牌框架了,国内教程地址:www.bootcss.com(非官网),该网站目前已经整理了从2.0~5.0的所有教程资料。layuiwww...

阅读全文>>

0

一个号称最完整的Vue UI组件库的Vue组件框架——PrimeVue

介绍PrimeVue是一个在Github上开源的,功能强大、易于使用、多功能、高性能的 Vue UI 组件库,可帮助Web开发者构建高性能的UI页面,在当前Vue3生态的生态下(PrimeVue全面支持Vue2和Vue3),是对Vue3生态的一个极大的补充和促进!我们来简单地看一看PrimeVue有何过人之处!Githubhttps://github.com/primefaces/primevue特性80+ 组件primevue涵盖了高质量的80多个常用的组件MIT开源许可完整的 UI 套件基于 MIT 许可证免费提供,源代码可在 GitHub 上获得,主题系统建立在与设计无关的基础架构上,从...

阅读全文>>

0

一些不好记却很好用的 CSS 属性

前言在写过一段时间 CSS 之后,大家对于常见的属性应该都很熟悉,例如最基本的 display、position、padding、margin、border、background 等等,在写 CSS 的时候不需要特别查什么东西,很顺的就可以写出来。这些属性之所以常见,是因为许多地方都用得到,而有些 CSS 属性只能使用在某些特定的地方,或者只有在某个特定的情境之下才会出现。我经常会忘记这些没不常的属性,但有时候这些属性其实特别重要。所以本文介绍一些我觉得不太好记但是却很好用的 CSS 属性,也是顺便帮自己做个笔记。input 的外框与 “|” 的颜色比起 border, outline 是一个...

阅读全文>>

0

H5项目适配系统深色模式方案

一、背景随着 iOS 13 的发布,深色模式(Dark Mode)越来越多地出现在大众的视野中,支持深色模式已经成为现代移动应用和网站的一个潮流,前段时间更是因为微信的适配再度引起热议。深色模式不仅可以大幅减少电量的消耗,减弱强光对比,还能 提供更好的可视性和沉浸感。如何切换深色模式iOS:“设置”--“显示与亮度”--“外观”,选择“深色”Android:“系统设置”--“显示”--“深色模式”。二、问题如果系统设置了深色模式,H5页面不做相应的处理,会出现背景色冲突、深色文字显示异常,深色图标显示异常等一些显示上的问题。所以,需要对深色模式进行一些适配。我尝试了一些方案:三、H5项目适配深...

阅读全文>>

1

使HTML 5数字输入仅接受整数

这两年我看到很多关于这方面的文章和帖子,这的确是一个非常方便的东西。但是,太多的实现还是有漏洞,残缺不全的实现,等等。整体概念是合理的:使用HTML 5属性来限制可以发送到服务器的内容,然后使用Javascript增强它,以限制用户可以在第一个地方输入的内容。所以让我们来看看这些问题,并更好地实现它。问题1,不好的脚本最常见的缺陷是缺乏适当的降级功能。 如果您要在“electron”或“nw.js”中构建完整的堆栈应用程序,那很好,但是这种形式的东西通常在面向公众的网站中没有位置。就像我经常说的那样,高质量的脚本应该增强已经在工作的页面,而不是用户使用它的唯一方法。解决办法?使用 patter...

阅读全文>>

1

jQuery3.6.0终于来了!全新版本有不同?

时隔将近一年, jQuery团队终于揭开了等待已久的3.6.0发布版的神秘面纱,带来了全新的、精简过的选项,以及新的主要功能、改进和bug的修复。更新后的jQuery有哪些特点?又给我们带了什么样的全新体验?今天的文章小渡就为你一探究竟!1、什么是jQueryjQuery简写jq,Query是查询的意思,jQuery顾名思义就是一个让JavaScript更加方便的查询和控制页面控件的库。很多人把jQuery定位为一个JavaScript框架,这是不严谨的。框架是解决方案的轮子,而jQuery的本质是js文件,是对原生js进行浓缩和优化后,进一步封装成的超集(库)。jQuery设计的宗旨是“Wr...

阅读全文>>

1

Vue 中 强制组件重新渲染的正确方法

有时候,依赖 Vue 响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据。或者,我们可能只想抛开当前的DOM,重新开始。那么,如何让Vue以正确的方式重新呈现组件呢?强制 Vue 重新渲染组件的最佳方法是在组件上设置:key。当我们需要重新渲染组件时,只需更 key 的值,Vue 就会重新渲染组件。这是一个非常简单的解决方案。当然,你可能会对其他方式会更感兴趣:简单粗暴的方式:重新加载整个页面不妥的方式:使用 v-if较好的方法:使用Vue的内置forceUpdate方法最好的方法:在组件上进行 key 更改简单粗暴的方式:重新加载整个页面这相当于每次你想关闭应用程序时都要重...

阅读全文>>

1

前端开发-VantUI的Tab标签页组件

VantUI是移动端h5开发比较火的一个ui框架// 网站地址 https://vant-contrib.gitee.io/vant/#/zh-CN/今天介绍Tab标签页的使用引入import Vue from 'vue'; import { Tab, Tabs } from 'vant'; Vue.use(Tab); Vue.use(Tabs);基本使用通过 v-model 绑定当前激活标签对应的索引值,默认情况下启用第一个标签。<van-tabs v-model="active"> <van-tab title="标签 1">内容 1</van-tab&g...

阅读全文>>