源码地址 https://github.com/ustbhuangyi/better-scroll.git 原生滚动 .hello { overflow-y: scroll; } BetterScroll <script> import BetterScroll from 'better-scrol ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-20 11:00:00
                            
                                817阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            html: js: 先写滚动事件 method中写节流函数 throttle(func, wait) { let lastTime = null let timeout return () => { let context = this; let now = new Date(); let arg            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-21 13:50:21
                            
                                558阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1. Element
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库中文文档 | github地址
 
Element
 
2. vue-element-admin
vue-element-admin是基于 Vue2.0,配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前端技术栈,提炼了典型的业务模型,提供了丰富的功能            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-13 19:07:28
                            
                                2257阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            chenxuan0000              
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-15 00:03:50
                            
                                549阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            VUE源码解析——内置组件篇,学习Vue中内置组件的实现原理学习Vue中内置组件的实现原理 学习Vue中内置组件的实现原理<keep-alive><keep-alive>是Vue中内置的一个抽象组件,它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。(把一些不常变动的组件或者需要缓存的组件用<kee            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-17 11:16:12
                            
                                53阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            利用webpack配置px2rem-loader和lib-flexible来实现px转化rem1、安装npminstallpx2rem-loader-Dnpminstalllib-flexible-S2.参照官网配置方法//增加代码,px转rem配置(需要将px2remloader添加进loaders数组中)constpx2remLoader={loader:'px2rem-loader&            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-05-09 10:26:32
                            
                                3436阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                    Vue 移动端、PC 端适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。       &n            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-18 20:23:38
                            
                                1406阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            网页设计中的视差效果或视差滚动是以分层的图像以不同的速度或角度在网页中移动,从而产生一种美妙而有趣的3D错觉为特色的技术。本文收集了一些使用视差效果的网站希望能带给你一些启发和灵感。此效果使得滚动网页成为一种有趣的体验。这里我们搜集了7个视差和滚动效果插件。1.jQuery Scroll Path 这是一个自定义滚动路线的插件。它利用canvas来画直线和弧线,和它一起的还有自定义滚动条            
                
         
            
            
            
            # 实现jquery PC端富文本插件的步骤
## 1. 了解需求
在开始实现之前,我们需要明确这个富文本插件的功能和特点,以便于后续的开发工作。具体来说,我们需要确定以下几个方面的需求:
- 基本的文本编辑功能,如加粗、斜体、下划线等;
- 图片和视频的插入和编辑;
- 自定义样式和布局,如字体、字号、背景色等;
- 导入和导出文本内容的功能;
- 兼容主流的浏览器。
## 2. 环境准备            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-10-18 15:01:49
                            
                                182阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            背景在一pc端的web项目里,由于某些特性需要由动态语言处理,所以只在有需要使用vue来处理数据的页面,直接引入vue.js来处理。由于刚开始并没有打算使用前端来渲染数据和处理交互,所以使用了一些非vue的ui和插件,导致后来冲突坑点不少。非vue模块化下使用vue,虽然不能import vue文件,使用组件方式也有点恶心,但处理一些事情还是不错的。使用formdata提交表单数据先上代码&nbs            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-24 19:25:43
                            
                                579阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在学习Vue的过程之中,我发现不管是 BAT 大厂,还是创业公司,Vue 都有着广泛的应用,而且框架层出不穷,学习文档也越来越多,Vue也越来越受欢迎。下面是我整理的 Vue PC端和移动端的UI框架,建议收藏,方便以后学习的时候拿出来查看。Vue PC端框架1. Element中文文档:http://element-cn.eleme.io/#/zh...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-24 00:23:23
                            
                                1566阅读
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                             
         
            
            
            
            在学习Vue的过程之中,我发现不管是 BAT 大厂,还是创业公司,Vue 都有着广泛的应用,而且框架层出不穷,学习文档也越来越多,Vue也越来越受欢迎。下面是我整理的 Vue PC端和移动端的UI框架,建议收藏,方便以后学习的时候拿出来查看。Vue PC端框架1. Element中文文档:http://element-cn.eleme.io/#/zh...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-28 11:12:35
                            
                                2443阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            业务场景,可视化大屏右下角添加一个悬浮按钮,点击按钮页面滚动到顶部。jin'guo'g            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-18 10:51:07
                            
                                1404阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            pc端如何实现 1.当弹窗显示时,为body元素添加属性:overflow:hidden, 当关闭弹窗时移除该属性即可2.在弹窗的div上设置 @scroll.stop.prevent 3.前端页面弹框遮罩禁止页面滚动 3.出现弹窗时,为body元素添加position:fixed,这样主页面就禁止            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-12-01 22:57:00
                            
                                754阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            vue + 原生input 实现购物车选择按钮 + 修改原生input样式公司做了一个pc版的商城,我负责购物车订单这块,基于业务原因研究了购物车的逻辑实现,所以就有了以下的代码,本文用于记录,如果有兴趣的大神可以阅读源码。也可以直接使用。静态页面HTML部分<template>
  <div id="tree">
    <div class="tree">            
                
         
            
            
            
            Vue PC端框架
1. ElementElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库中文文档 | github地址 Element 2. vue-element-adminvue-element-admin是基于 Vue2.0,配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前            
                
         
            
            
            
            使用的方案 lib-flexible-computer + px2remLoader + postcss-px2remlib-flexible:阿里可伸缩布局方案
px2rem-loader:px 转 rem
postcss-px2rem: 将代码中px自动转化成对应的rem的一个插件
	下面这个插件会代替lib-flexible 更好一些 适用于pc
	npm i lib-flexible-co            
                
         
            
            
            
            vue 实现 rem 布局的 或者 vw 布局的方法一、实现 rem 布局移动端name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1"
/>
方法一、在 index.html 或者 main.js 中添加以下代码:
const setHtmlFontSize = () => {
let            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-09 12:11:32
                            
                                107阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            html文件:<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset='utf-8'/>
	<title>lesson1_自定义日历插件</title>
	<link rel="stylesheet" type="text/css" href="schedule/sc            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-04 21:17:46
                            
                                23阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            #1.新建一个Vue项目,并成功运行
vue init webpack mp-demo
#2.目录结构
因为在同一个项目中,分了移动端和PC端,所以我们在入口,页面,路由等地方都要把移动端和PC端区别开来。#3.修改配置文件
先说说我们要修改哪几个文件以及这几个文件的作用,都在build文件夹下:####utils.js
a> 计算资源文件存放路径
b> 生成cssLoaders用于加            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-02-03 20:12:54
                            
                                2925阅读
                            
                                                                                    
                                2评论