源码地址 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
利用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
网页设计中的视差效果或视差滚动是以分层的图像以不同的速度或角度在网页中移动,从而产生一种美妙而有趣的3D错觉为特色的技术。本文收集了一些使用视差效果的网站希望能带给你一些启发和灵感。此效果使得滚动网页成为一种有趣的体验。这里我们搜集了7个视差和滚动效果插件。1.jQuery Scroll Path 这是一个自定义滚动路线的插件。它利用canvas来画直线和弧线,和它一起的还有自定义滚动
转载 1月前
321阅读
# 实现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
#1.新建一个Vue项目,并成功运行 vue init webpack mp-demo #2.目录结构 因为在同一个项目中,分了移动PC,所以我们在入口,页面,路由等地方都要把移动PC区别开来。#3.修改配置文件 先说说我们要修改哪几个文件以及这几个文件的作用,都在build文件夹下:####utils.js a> 计算资源文件存放路径 b> 生成cssLoaders用于加
vue
转载 2021-02-03 20:12:54
2925阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5