分享
扫一扫
超级会员免费看
瑆箫
前端开发相关的技术博客,包含前端技术、前端教程、前端素材资源下载等服务。提供全面的web前端开发、小程序开发、前端自动化、前端性能优化等技术文章，如需功能开发提供开发说明，微信：ayw2050（请备注，否则不通过）
展开
-
vue.js获取body高度
的高度，并将其存储在Vue实例的数据对象中。然后，我们可以在模板中使用这个值来显示或渲染内容。如果需要在窗口大小改变时更新高度，我们可以添加一个事件监听器来监听。事件，并在事件触发时更新数据。最后，在组件销毁前，我们移除事件监听器，防止内存泄漏。在上述示例中，我们首先在。原创 2024-06-23 15:29:52 · 426 阅读 · 0 评论 -
Vue 2 将于 12 月 31 日到达生命周期终点
当Vue 2最终达到生命周期结束时，对我来说将是一个激动人心的时刻，与此同时，我对我们面前的未来感到前所未有的兴奋。Vue 3生态系统充满了创新，Vue 3.4目前处于测试阶段，对编译器和运行时都进行了性能改进。我们也在Vapor Mode上取得了良好的进展。原创 2023-12-29 13:31:25 · 1003 阅读 · 0 评论 -
谈谈CSS3 硬件加速(GPU 加速)
CSS3 硬件加速又叫做 GPU 加速，是利用 GPU 进行渲染，减少 CPU 操作的一种优化方案。页面css做图片滑动，滚动，特别是手机端，可能出现卡顿，闪白等情况，解决这些动画卡顿的情况，我们通常可以采用GPU加速的方式。由于 GPU 中的 transform 等 CSS 属性不会触发 repaint，所以能大大提高网页的性能。CSS 中的以下几个属性能触发硬件加速：如果有一些元素不需要用到上述属性，但是需要触发硬件加速效果，可以使用一些小技巧来诱导浏览器开启硬件加速通过-webkit-tr原创 2022-07-09 17:00:22 · 2588 阅读 · 0 评论 -
html特殊符号总结
特殊符号原创 2022-06-08 12:50:29 · 311 阅读 · 1 评论 -
uniapp收藏组件扩展使用方法
1.实现的效果为二选一，类似于单选按钮（也可以选择其他），这里仅供参考具体页面代码如下： <view class="mode"> <view class="item clearfix"> <view class="icon fl"> <image src="/static/images/zx_icon_01.png"></image> </view> <view原创 2022-04-27 09:12:32 · 616 阅读 · 0 评论 -
vue2.0指令介绍
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue指令</title></head><body> <script type="text/javascript" src=" https://c...原创 2019-05-09 22:22:02 · 327 阅读 · 0 评论 -
vue2.0目录结构介绍
1.安装好项目，目录如下：.我们修改Helloworld.vue文件：然后重新打开，自动会刷新：原创 2019-05-07 13:39:44 · 1367 阅读 · 0 评论 -
使用vuethink搭建项目
1.下载vuethink:http://www.vuethink.com/2.这是配置好的：https://download.csdn.net/download/mo3408/109668543.解压后将下面两个文件放到php工具箱的根目录：3.将install.sql导入数据库，然后修改php里的database.php4.打开frontEnd,修改main.js：将ax...原创 2019-02-20 16:08:13 · 1000 阅读 · 2 评论 -
vue2.0路由使用方法
1.创建一个vue项目：2.打开src下的components，在里面创建一个Mess.vue文件：3.在HelloWorld.vue加上跳转：4.打开router里的index.js,引入Mess:5.运行项目的效果：这就是vue使用路由的简单例子。...原创 2019-02-15 11:00:08 · 566 阅读 · 0 评论 -
运行vue项目时控制台出现视觉警告的解决办法
1.找到webpack.base.conf.js这个文件：将以下代码删除或者注释： ...(config.dev.useEslint ? [createLintingRule()] : []),2.重启项目：npm run dev原创 2019-01-23 16:07:31 · 4283 阅读 · 0 评论 -
Mpvue小程序的最新规范
mpvue 是一款使用 Vue.js 开发微信小程序的前端框架。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为 H5 和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序，或开发小程序后希望将其转换为 H5，mpvue 将是十分契合的一种解决方案。目前， mpvue 已经在美团点评多个实际业务项目中得到了验证，因此我们决定将其开源，希望更多技术同行一起开发，应用到更广...原创 2018-12-31 15:48:28 · 455 阅读 · 0 评论 -
vue面试知识点总结
一、对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。在MVVM架构下，Vi...原创 2018-11-18 08:22:09 · 342 阅读 · 0 评论 -
Vue 数据动态过滤实践
问题是这样的：页面从后台拿到的数据是由0、1之类的key，而这个key代表的value比如0-女、1-男的对应关系是要从另外一个数据字典接口拿到的；类似于这样的Api： { "SEX_TYPE": [ { "paramValue": 0, "paramDesc": "女" }, { "paramValue": 1, "paramDesc": "原创 2018-10-20 21:56:56 · 646 阅读 · 0 评论 -
Vue开源项目库汇总
最近做了一个Vue开源项目库汇总，里面集合了OpenDigg 上的优质的Vue开源项目库，方便移动开发人员便捷的找到自己需要的项目工具等，感兴趣的可以到GitHub上给个star。UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件 Vux ★6802 - 基于Vue和WeUI的组件库 mint-ui ★4776 - Vue 2的移动UI元素 iview...原创 2018-09-28 21:22:13 · 1001 阅读 · 0 评论 -
安装vue的详细方法
1.安装node.js,按照一步一步点击安装即可。2.输入以下命令查看版本：出现版本说明node.js安装成功。3.安装vue架构：npm install --global vue-cli或者cnpm install --global vue-cli4.创建：vue init webpack my-project5.安装依赖：npm install...原创 2018-08-31 20:15:09 · 494 阅读 · 2 评论 -
在vue中使用radio无法选择多个的原因
1.每组的name名要相同2.label的for绑定的值与radio的值相同（:bind绑定）3.有时可以使用v-model（代表每一组）原创 2018-08-10 11:29:19 · 3022 阅读 · 0 评论 -
vue页面跳转简单的传参方式
利用绑定:href给a标签，将值传给href,如果是使用v-for里循环的值，格式为字符串+值（记得不要加{{}}）也可以使用window.open跳转传参，另个页面使用search方法接收数据vue的路由方法也可以，建立文件夹router/index.js或者引入router.js(架构版)开发版和生产版是没有的...原创 2018-08-08 00:45:34 · 1279 阅读 · 0 评论 -
vue传值到另一个页面
声明式：<router-link :to="...">编程式：router.push(...)这两种方式 都可以实现跳转链接，在上篇文章继续，通过A组件跳转链接到B组件并且传参数。1、router.push使用router/index.jsexport default new Router({routes: [{path: '/',na...原创 2018-08-07 20:13:09 · 11547 阅读 · 0 评论 -
安装vue调试工具vue-devtools的方法
安装: 1.到github下载：git clone https://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包12cd vue-devtoolscnpm install3.修改manifest.json文件把"persistent":false改成true 4.编译代码npm run build 5.扩展Chrome插件Chrome浏...原创 2018-06-12 21:13:14 · 756 阅读 · 0 评论 -
开始使用vue.js2.0的基本教程
Vue 介绍Vue.js 是什么 Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 A...原创 2018-06-12 21:05:30 · 1097 阅读 · 0 评论 -
vue上传多张图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http://www.jq22.com/jquery/vue.min.js"></script>...原创 2019-09-20 16:15:00 · 722 阅读 · 0 评论