#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评论
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阅读
最近有一个需求就是 做一个类似浏览器搜索功能(ctrl + f ),我以为会有浏览器自带的api啥的,没想到啥都没有,只能自己写了...我找了个有人封装好的原生js插件叫find5,好像可以支持所有的浏览器;具体参考网址是: https://www.seabreezecomputers.com/tips/find5.htm我把它的插件下载下来了,文件名称是find5.js(名字
lib-flexible + px2rem Loader lib-flexible 阿里伸缩布局方案 px2rem-loader:px转rem; 依赖 首先需要安装 vue-cli 脚手架,这里我安装的是 cli3。 项目初始化完成后,在项目目录中安装 lib-flexible 和 px2rem-l ...
转载
2021-11-01 17:03:00
2153阅读
2评论
<table<tr<tdbgcolor=orange本文所有教程及源码、软件仅为技术研究。不涉及计算机信息系统功能的删除、修改、增加、干扰,更不会影响计算机信息系统的正常运行。不得将代码用于非法用途,如侵立删!</td</tr</table学浪PC端登录分析及实现环境win10Fiddlerchrome学浪PC端登录:aHR0cHM6Ly9zdHVkZW50LWFwaS5peWluY2Fpc2hp
原创
2022-12-12 22:46:28
298阅读
利用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阅读
方案 + :阿里可伸缩布局方案 : 转 安装依赖 引入依赖 引入 px转换成rem 的 和其他样式文件 最终是都是由 里的方法生成的,我们只需在 后再加上一个 即可, 的 选项意思是 1rem=多少像素,结合 的方案,我们将 的 设置成设计稿宽度的 ,这里假设设计稿宽为 中添加 放进loaders数
原创
2019-12-25 22:11:00
708阅读
背景在一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阅读
常看到各种app应用中使用自定义的键盘,本例子中使用vue2实现个简单的键盘,支持在移动端和PC端使用,欢迎点赞,h5 ios输入框与键盘 兼容性优化 实现效果: Keyboard.vue KeyInput.vue 使用demo 完整代码:https://github.com/dawnyu/vue.
转载
2018-11-14 21:07:00
187阅读
2评论
在安卓端通过蓝牙发送指令到PC端,java程序接收指令,并执行相应的动作。2.Android Framework学习指南,助力成为系统级开发高手。5.Android Je
原创
2024-08-09 10:52:32
48阅读
Vue PC端框架
1. ElementElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库中文文档 | github地址 Element 2. vue-element-adminvue-element-admin是基于 Vue2.0,配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前
vue + 原生input 实现购物车选择按钮 + 修改原生input样式公司做了一个pc版的商城,我负责购物车订单这块,基于业务原因研究了购物车的逻辑实现,所以就有了以下的代码,本文用于记录,如果有兴趣的大神可以阅读源码。也可以直接使用。静态页面HTML部分<template>
<div id="tree">
<div class="tree">
使用的方案 lib-flexible-computer + px2remLoader + postcss-px2remlib-flexible:阿里可伸缩布局方案
px2rem-loader:px 转 rem
postcss-px2rem: 将代码中px自动转化成对应的rem的一个插件
下面这个插件会代替lib-flexible 更好一些 适用于pc
npm i lib-flexible-co
VUE源码解析——内置组件篇,学习Vue中内置组件的实现原理学习Vue中内置组件的实现原理 学习Vue中内置组件的实现原理<keep-alive><keep-alive>是Vue中内置的一个抽象组件,它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。(把一些不常变动的组件或者需要缓存的组件用<kee
转载
2024-04-17 11:16:12
53阅读
下载(vue-touch)npm install vue-touch@next --savemain.js中引入:import VueTouch from 'vue-touch'
Vue.use(VueTouch, {name: 'v-touch'})开始使用 (用v-touch将要实现滑动的区域包住 并绑定相应事件)<v-touch @swipeleft='left' @swiperigh
转载
2024-05-06 14:26:35
716阅读
本文简单介绍一下vue项目移动端的rem适配准备。首先移动端肯定用的是vant组件库,在开发移动端之前,通常要做好rem适配,当然也可以的vw适配,这里简单介绍一下rem适配。首先看一下vant官网上的介绍需要这两个插件:步骤一:安装 npm i amfe-flexible步骤二:引用 (在main.js里面引用一下下)import 'amfe-flexible'步骤三:看效
转载
2024-04-07 13:07:12
639阅读
原理 只要知道什么时候滚动条到底部了,就知道了什么时间应该触发加载更多,当然有一些判断是不可少的,比如已经没有数据了,已经在加载中了就不要再次触发加载更多。 示例 简单数行代码,轻松实现加载更多 ...
转载
2021-09-30 15:15:00
545阅读
2评论