源码地址 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评论
                            
                                                 
                 
                
                             
         
            
            
            
            前言因为移动端设备屏幕尺寸非常多,碎片化严重。为了兼容市面上的不同手机,我们要给我们的项目中去进行响应式布局。rem适配方案原生rem写法注意: 1rem 的大小 = 根元素html的font-size的字体大小<script>
    // 页面重置事件
    get()
    window.onresize = function() {
        get()
    }            
                
         
            
            
            
            wc-view移动端图片浏览插件安装npm i wc-view --save-dev使用i            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-22 18:54:26
                            
                                349阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                    最近项目需求,需要做一个移动端的日历,类似于安卓原生日历。网上找了很多成熟的插件都不是想要。偶然的机会发现某篇博客上有人写的有类似的,于是拿过来稍加改造,终于可以用了。在这里非常感谢这位博主,省去我很多的开发时间。附上此博客地址:        废话不多说,直接附上代码供大家参考:<templat            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-26 17:49:21
                            
                                1008阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            瀑布流插件:importwaterfallfrom'vue-waterfall2'Vue.use(waterfall)   <div class="seat_box"2: isChoose }"></d...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-01-03 14:53:46
                            
                                1070阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            第一次tv端开发,记录下来我的坎坷路程最近做TV端的项目,需要用到焦点移动。网上各种各样的插件层出不穷,用用就发现不是这有问题就是那有bug,要一直填坑,搞得头都大了。搞了好久,最后使用了vue-tv-focusable下面是安装以及我项目中能用到的。安装 npm i -S vue-tv-focusablenpm地址:https://www.npmjs.com/package/vue-tv-foc            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-10 17:11:07
                            
                                1083阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.src文件夹下的components-》table -》index.js
import MTable from './table.vue';
import MyTable from './table1.vue';
export default (Vue)=>{
  Vue.component("MTable", MTable);
myTable", MyTable)
}
2.src文件            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-15 20:31:29
                            
                                77阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            以前都用的是 echarts 插件,这次的项目要用 vue-echarts 插件。vue-echarts 和 echarts 的区别:vue-echarts是封装后的vue插件, 基于 ECharts v4.0.1+ 开发,依赖 Vue.js v2.2.6+,功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。echar            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-29 13:19:30
                            
                                324阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            【饿了么】—— Vue2.0高仿饿了么核心模块&移动端Web App项目爬坑(一)     前言:学习Vue.js高仿饿了么课程过程中,总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍:项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标                  
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-22 11:38:53
                            
                                395阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            最近有一个活动页需要在移动端浏览器分享网页到微信,QQ。虽然每一个浏览器都有分享到微信的能力,但不是每个都提供接口供网页来调用。及时有提供,浏览器暴露出的api也各不相同,而我写NativeShare的目的只是为前端开发者提供一致的a            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-15 14:55:38
                            
                                316阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最近有一个活动页需要在移动端浏览器分享网页到,。虽然每一个浏览器都有分享到的能力,但不是每个都提供接口供网页来调用。及时有提供,浏览器暴露出的api也各不相同,而我写NativeShare的目的只是为前端开发者提供一致的api来调用浏览器的原生分享组件。大小uglify + gzip =            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-09-21 13:29:00
                            
                                396阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            今天分享一下快速使用jQuery+zepto.js的技巧,需要的记得收藏1.jQuery的引入:本地下载jQuery(后面简称jq)的源文件,开发版本使用非min版,线上使用min版,zepto.js类似,同样的一些基于jq的插件也是如此用法,如果使用requreJs也就是模块化加载注意插件的依赖性;zepto.js(可以认为是移动端简版jq,用法基本相同,唯一不同的是点击事件的触发,一个是cli            
                
         
            
            
            
            这篇文章主要介绍了Vue.js 2.0 移动端拍照压缩图片上传预览功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方,本来移动端开发H5应用,准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用,但是在拍照上传的实现过程中遇到了无法调用plus的H5+接口的问题,所以最后拍照上传功能还是使用input            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-28 19:35:36
                            
                                117阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # jQuery 移动端遮罩底部弹出实现教程
本文将会帮助你实现一个简单的移动端底部弹出遮罩效果。为了更好地理解整个流程,我们首先将会列出步骤,然后我会详细介绍每一步需要做的事情,并提供相应的代码示例。
## 流程概览
我们将整个过程分为以下步骤:
| 步骤编号 | 步骤名称                | 描述            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-13 03:39:33
                            
                                93阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}">    <div>        <div>            <span class="pages">共 {{allCounts            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-09-09 14:21:19
                            
                                563阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}">    <div>        <div>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-04 13:37:54
                            
                                310阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            这里我写一下我自己用的vue 移动端适配 ,可能跟别人的不一样。但是效果是一样的。我            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-02-27 15:46:50
                            
                                733阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            8 个月前Mint UIGitHub:github.com/ElemeFE/mint项目主页:mint-ui.github.io/#Demo:elemefe.github.io/mint-文档:mint-ui.github.io/docs/#由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。自 6 月初开源以来,根据社区和团队内部的反馈,修复了一些 bug 并新增了            
                
         
            
            
            
            使用vue心得,聊聊vue            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-28 16:27:48
                            
                                237阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一般情况下如果全部应用CDN或者直接全局使用,直接根据文档就行,我这里重点讲一下这个UI的框架按需引入以及REM适配(官网也有提到,只不过有点模糊,新手入门要研究一会,我只是阐述重点,以提高效率),下面开始:第一步不用说照着官网进行安装,NPM或者是yarn,都是可以的npm i vant -S
or
yarn and vant安装之后我们在babel.config.js中进行配置插件:mod