前言经历了前面几篇文章的痛苦经历以后，我终于深刻领悟到了那句“学海无涯苦作舟”呀！ o(╥﹏╥)o 看来小凡我前端学习的路还很漫长呀！大家也要继续努力呀！加油！！咳咳......一不小心又跑题了，我们言归正传，今天继续给大家分享一个有趣的动效，一个会跟大家撒娇的旗帜徽章。一、效果展示及思路分析1.效果展示 截了好久的图，终于还是放弃了，动画速度实在是太快了，我手速实在是太low了o(╥﹏
浏览大型网站，特别是图片比较多的图片，如大型的电商网站，你会发现处了第一屏外，往下滚动的时候图片才加载出来，没必要一开始加载就要把全部图片加载出来，这样子打开网面的速度得到了很好提高。以下是笔者目前所想到的思路，如果有更好的思路，望不吝赐教。其实实时加载图片思路很简单，页面一开始加载的时候把不需要一开始就加载的图片（如第二屏以下的图片，反正是要往下滚动才能看到的，不如把它们设置成往下滚动的时候再实
一．<template>和<block>Uniapp项目的基本结构是<template></template>里面在包裹一个<view></view>。但是uniapp还支持在<template></template>模板里面嵌套<template></template>和<
转载
2024-05-19 09:41:01
887阅读
我们通常给小程序或者app开发后台时，不可避免的要用到可视化的数据管理后台，而vue和Element是我们目前比较主流的开发管理后台的主流搭配。所以今天石头哥就带大家来一起学习下vue3和Element plus的开发。准备工作1，下载HBuilderX 开发者工具 2，安装node和npm至于如何下载开发者工具和安装node我就不说了，大家自行百度即可。一，vue3项目创建1-1，HBuilde
在进行uniapp开发时，经常会用到模板（template）来提供页面的结构和样式，方便开发者快速搭建页面。在uniapp中，可以通过uni.template来引入模板，并通过类似Vue的语法进行使用。下面将详细介绍如何使用uniapp的模板功能，帮助小白开发者理解和实践。
### 一、uniapp模板功能的使用流程
下面是使用uniapp模板功能的基本步骤：
| 步骤 | 操作 |
| -
原创
2024-05-07 10:43:19
335阅读
前言：最近在改造vue-cli 2.x + webpack2.x的项目时，由于之前路由是静态的，没有根据菜单权限动态生成前端路由。所以想对此进行改造，然后碰到了一些问题和坑，现在总结一下，避免以后继续踩坑。先来说一下vue项目，组件懒加载的几种方式。1. require（AMD规范）{
path: '/demo',
name: 'Demo',
component: reso
转载
2024-10-09 09:52:11
364阅读
1. 需求描述最近开发的一个项目，涉及到这样一个需求：随着项目的不断推进，后台管理功能逐渐增多，与此同时，静态路由表也逐渐扩大，需要把静态路由方式转换为动态路由方式。要完成这样一个转换，有几个技术要点需要解决，其中一个就是需要Vue动态加载组件，那么，Vue动态加载组件的常用方式有哪些呢？2. Vue动态加载组件的两类方式Vue加载组件主要有正常加载和懒加载，示例代码如下：//正常加载
impor
转载
2024-04-02 09:28:42
392阅读
使用 Vue.js 开发所有前端应用的框架开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。周边生态丰富发送请求methods: {
getMsg(msg) {
console.log('getMsg:', msg);
},
async loadData() {
1. 前言 2. toast 消息提示 3. loading 提示框 4. modal 模态弹窗 1. 前言uniapp 交互反馈文档: uni.showToast(OBJECT) | uni-app官网消息提示 是项目中不可缺少一个功能，比如: 表单提交成功后的提示，操作成功后的提示，此外，询问框和加载动画也是经常使用。uniapp 提供了该 API，详细用法参考官方文档&n
最近项目重构，因为之前一直在使用 vue-element-admin 框架，但是该项目的定位是后台集成方案，不太适合当基础模板来进行二次开发。因为该项目集成了很多你可能用不到的功能，会造成不少的代码冗余。如果你的项目不关注这方面的问题，也可以直接基于它进行二次开发。作者这里用的是 vue-element-template 版本，有什么需要都可以去 vue-element-admin 复制。 集成方
转载
2024-05-13 19:08:41
135阅读
这里增加一篇介绍下进度条动画效果如何添加，前几篇的进度值被修改后，切换效果比较生硬。另外也在第四篇基础上，对图形略作修改。在查看uniapp文档时，没有发现重绘执行函数，小程序中有Canvas.requestAnimationFrame；所以在uniapp这里，我们使用setInterval来实现，完成后运行也很流畅。添加动画后效果如下图：一、创建对应页面1.1 创建charts.js文件/**
转载
2024-05-03 22:18:01
207阅读
以下方法只适用于 Vue1.0 版本，推荐系数由高到低排列。通常我们会在组件里的 template 属性定义模板，或者是在*.vue文件里的 template 标签里写模板。但是有时候会需要动态生成模板的需求，例如让用户自定义组件模板，或者设置组件的布局。例如要做一个类 select 的组件，用户传入 options 数据，通过 value prop 获取选中值，最基本的原型如下。Vue.comp
转载
2024-03-22 09:47:45
108阅读
目录前言一、动态路由是什么？二、如何实现1.登录时将获取的路由信息存入vuex2.持久化处理3.加载动态路由总结前言最近在学习vue3时，准备用vite+vue3弄一个后台管理系统，于是准备看看动态路由的实现方式。一、动态路由是什么？动态路由，顾名思义是动态获取的，是可变的。我们可以根据不同的角色身份加载不同的路由，使用动态路由不仅更加灵活，还便于维护，我们可以将路由信息存入数据库，前端只需通过一
转载
2024-10-29 23:55:26
72阅读
# 如何实现jquery加载template
## 一、流程
首先，我们来看一下整个过程的流程图：
```mermaid
erDiagram
数据库 --> 服务器: 发送请求
服务器 --> jQuery: 返回数据
jQuery --> 页面: 加载模板
```
整体来说，实现"jquery加载template"的过程主要包括三个步骤：发送请求、返回数据、加载模
原创
2024-04-11 06:56:43
52阅读
类型处理模板元编程的另一要素便是类型处理，英文叫type traits，所以也被翻译为「类型萃取」。其实这里的「萃取」并没有多么高大上的意思，类比前面章节介绍的「数值计算」，数值计算的结果应该是一个数值，而类型处理的结果就应该是个类型。条件类型最简单的类型处理就是进行条件选择，类似于if-else，如果条件为真则返回类型1，为假则返回类型2。STL中提供了std::conditional，其实现如
HTML <view class="zz-sel-box"> <view @click="changeMoney(0)" :class="{selStyle:money == 0}" class="zz-sel-item"> 其他面额 </view> <view @click="changeMoney(300)" :class="{selStyle:money == 300}" class="zz-sel-item">
原创
2021-02-25 18:37:36
351阅读
点赞
1评论
HTML <view class="zz-sel-box"> <view @click="changeMoney(0)" :class="{selStyle:money == 0}" class="zz-sel-item"> 其他面额 </view> <view @click="changeMoney(300)" :class="{selStyle:money == 300}" class="zz-sel-item">
原创
2021-02-25 18:37:36
3213阅读
文章目录1. render 函数1.1 为什么正常情况下的写法不能生效？1.2 使用完整版的vue.js来解决没有模板解析器的问题1.3 使用render函数来解决没有模板解析器的问题2. 修改Vue Cli脚手架的默认配置3. ref属性(被用来给元素或子组件注册引用信息(id的替代者))4. props 配置项(父传子)4.1 props 第一种方式：(只接受)4.2 props 第二种方式：
转载
2024-08-13 09:30:26
160阅读
白话uni-app https://ask.dcloud.net.cn/article/35657
文件内代码架构的变化以前一个html大节点，里面有script和style节点；现在template是一级节点，用于写tag组件，script和style是并列的一级节点，也就是有3个一级节点。 1 <template>
2 <view>
前言在日常编码中，需要引入很多第三方插件，很多插件在不同的页面均有调用，如果多个入口均调用了这些插件，那么每个调用的地方，都会被webpack打包到对应的js中，这造成了不必要的浪费。这期我们学习如何动态导入，避免重复导入。还有懒加载机制，只在需要加载时才加载，加快项目启动速度。动态导入我们先来看看，多文件入口怎么实现，其实很简单，只需要在webpack.config.js中的entry配置多个p
