E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vue3.0移动端适配
HTML文档中折行的使用,10_h5是如何做
移动端适配
的?折行的时候如何实现不断行...
一、百分比适配1、要点元素的宽度使用了百分比来定宽,根据屏幕的宽度进行自适应适合页面内容结构均匀分配,固定高度,结构不是很复杂,注意要设置viewport视口内容宽度等于设备的宽度使用百分比定宽的元素,百分比参考的是该元素最近的,定了宽度的父元素2、示例固定高度,宽度自适应,100%比做适配*{padding:0;margin:0;}body{font-size:16px;overflow:hid
Mr.Zzzzzzz
·
2024-09-10 06:59
HTML文档中折行的使用
解决Vue 2.0 安装 vue-router 不成功问题
报错信息:vue解决办法:这是因为npmivue-router默认下载的是
vue3.0
版本对应的,这里需要指定下载版本
[email protected]
什么都是已存在
·
2024-09-08 21:32
javascript
vue.js
【卷起来】
VUE3.0
教程-04-表单输入绑定
Hello,各位老铁,今天我们继续给大家讲解
VUE3.0
教程,本期我们讲述一下VUE中的表单输入绑定,在实际开发过程中,表单的输入是我们常见的功能,那么我们接下来看看,VUE是如何处理的。
听潮阁
·
2024-09-06 12:03
VUE
3.x
html5
css
css3
vue.js
layui
scss
vue
移动端适配
postcss-px-to-viewport
在之前有一种流行已久的
移动端适配
方案,那就是rem,我想下面这两句代码,有不少老移动端都不会陌生:constdeviceWidth=document.documentElement.clientWidth
我是七月
·
2024-09-01 09:59
手把手学习
Vue3.0
:CSS样式基础和HTML5基础收藏
背景最近在做管理系统的时候我还不会用Vue,时间紧任务重就先用J2EE那套,利用layUI先实现了。现在从头学习前后端分离技术来搞,在做的过程中对CSS和HTML5的基础语法都已经全忘了,正好总结一下,其实也没有什么好总结,就是一个搜集一下语法手册,用的时候方便查查。我也顺便弄明白了一个事情,就是到底人们常说的H5到底是什么,当我从知乎上看明白后,心中一万个草拟吗奔腾而过。如果你有幸读到我这篇文章
帅哥趣谈
·
2024-09-01 01:43
手把手学习Vue3.0
vue
大屏可视化项目之vue3-seamless-scroll无缝滚动组件(一)——基本使用_vue seamless scroll官网
exportdefaultdefineComponent({name:“App”,components:{Vue3SeamlessScroll},setup(){constlist=ref([{title:“
Vue3.0
2401_84411822
·
2024-08-31 18:01
vue.js
javascript
前端
vue3.x+typescript 配置全局属性-vue3配置全局axios
下面是在
vue3.0
定义源文件找到的一段说明注释/***Custompropertiesaddedtocomponentinstancesinanywayandcanbeaccessedthrou
我爱张智容
·
2024-08-31 16:37
移动端适配
方案 postcss-px-to-viewport
安装npminstallpostcss-px-to-viewport--save-dev或yarnadd-Dpostcss-px-to-viewport根目录下新建postcss.config.js文件module.exports={plugins:{autoprefixer:{},'postcss-px-to-viewport':{viewportWidth:750,//视窗的宽度,对应的是我们
有没有认真工作
·
2024-03-12 21:43
postcss
javascript
前端
vue3速查笔记
文章目录一、创建
Vue3.0
工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理
一只小白菜~
·
2024-03-11 12:40
vue
笔记
vue3
vue
vue3+vite+vant
移动端适配
记录
1、根节点rem适配1.1、body需要设置一个默认的字体大小,可以设置为16pxbody{font-size:16px;height:100vh;}#app{max-width:750px;min-width:320px;overflow:hidden;min-height:100vh;margin:0auto;}1.2、动态设置根节点rem-->importloginfrom'./page/l
baidu_41921865
·
2024-02-28 09:19
一
HTML类
javascript
html
前端
【每日前端面经】2023-02-25
等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序/H5/RN等应用多端适配怎么做固定布局(PC)window.screen分类加载CSS@media媒体查询vh+vw+rem百分比布局响应式布局
移动端适配
怎么做同上偏工程化如何做字体大小的适配通过媒体
糠帅傅蓝烧牛肉面
·
2024-02-26 06:47
每日前端面经
前端
面试
微信小程序之开发会议OA项目
tabs组件会议管理会议OA项目-投票会议OA项目-个人中心前言文章含源码资源,投票及个人中心详细自行查看源码即可小程序没有DOM对象,一切基于组件化储备知识理解事件机制理解组件化理解数据绑定Flex布局
移动端适配
方案建议
空空_k
·
2024-02-20 10:03
微信小程序
微信小程序
小程序
会议OA
手写一个Vue的简单双向绑定实例!
采用的是数据劫持结合发布和订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter值,在数据变动时,发布消息给订阅者,出发相对应的监听回调(当然这是在
Vue3.0
一浅小屋和你
·
2024-02-20 08:24
html5
移动端适配
;检测浏览器信息函数
html5
移动端适配
//动态改变font-size大小(functionchangeFontSize(){letresizeEvt='orientationchange'inwindow?'
小王今天也要加油鸭~!
·
2024-02-20 02:30
项目中error总结
html5
前端
html
推荐几个基于
Vue3.0
全家桶的优秀开源项目
PPTistPPTist是一个基于Vue3.x+TypeScript+Pinia+AntDesignVue+Canvas的在线演示文稿(幻灯片)应用,还原了大部分OfficePowerPoint常用功能,实现在线PPT的编辑、演示,支持导出PPT文件。演示地址:PPTIST-在线演示文稿源码地址:GitHub-pipipi-pikachu/PPTist:基于Vue3.x+TypeScript的在线
一只理智恩
·
2024-02-19 23:23
vue
开源
Vue3.0
商店后台管理系统项目实战-vue3搭配Element Plus框架使用
侧边栏导航vue3搭配ElementPlus框架使用ElementPlus基于Vue3,面向设计师和开发者的组件库文档:https://element-plus.gitee.io/zh-CN/安装#NPM$npminstallelement-plus--save图片.png安装完成之后开始引入打开main.js的文件这里接口文档上是有说明的,直接根据文档上的教程来写图片.pngmain.jsimp
祈澈菇凉
·
2024-02-19 22:40
css篇---
移动端适配
的方案有哪几种
移动端适配
移动端适配
是指同一个页面可以在不同的移动端设备上都有合理的布局。
婷宝_知萌
·
2024-02-19 19:32
前端
css
前端
前端Vue必问面试题
1,
Vue3.0
为什么要使用proxy在Vue2中,0bject.defineProperty会改变原始数据,而Proxy是创建对象的虚拟表示,并提供set、get和deleteProperty等处理器
·
2024-02-19 15:24
前端vue.js
vue2.0和vue3.0v-model使用对比
我们在写项目的时候,经常自定义组件,并且需要传参,刚好v-model是一个双向绑定,所以我们会把v-model的思想使用到各个自定义组件中在vue2.0中,v-model只能对应一个变量在
vue3.0
中
糖小羊儿
·
2024-02-19 14:22
Vue3快速上手
目录1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建
Vue3.0
工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1
__畫戟__
·
2024-02-15 06:40
VUE
ES6
vue.js
vue3
Vue3快速上手
Composition
API
setup
【
Vue3.0
实战逐步深入系列】基于axios+elementui实现一个动态可配置的投票功能
【千字长文,熬夜更新,原创不易,多多支持,感谢大家】前言小伙伴们大家好。前面文章我们引入了elementui组件库,对我们的投票功能做了一下简单的美化,在经过一番的折腾后终于我们的投票模块在保证了功能的情况下,也变得美观了两全其美。然而一次只能做一个主题的投票显得太过单调,并且投票主题都是定死的,如果想换其它主题就不得不修改源码了。今天我们在前面投票功能的基础上进行一个扩展:投票还是投票,但是要让
一笑程序猴
·
2024-02-15 05:35
VUE
javascript
前端
vue
vue3
移动端适配
1.rem适配1.1安装postcss-plugin-px2rem(推荐),也可使用官网的postcss-pxtoremnpmipostcss-plugin-px2rem--save1.2postCss配置//vue.config.jsmodule.exports={css:{loaderOptions:{postcss:{plugins:[require('postcss-plugin-px2r
浅忆_0810
·
2024-02-14 14:25
Vue3.0
(五):Vue-Router 4.x详解
Vue-Router详解vue-router教程认识前端路由路由实际上是网络工程中的一个术语在架构一个网络的时候,常用到两个很重要的设备—路由器和交换机路由器实际上就是分配ip地址,并且维护着ip地址与电脑mac地址的映射关系通过映射关系,路由器才知道要把数据发送给哪台电脑而路由在软件工程中出现,最早是由后端实现的,同时随着web的发展,路由也经历了一些阶段后端路由阶段前后端分离单页面富应用其核心
前端大菜鸟_
·
2024-02-14 09:28
Vue3.0
vue.js
前端
javascript
路由守卫
vue-router
Vue3.0
(六):VueX 4.x详解
Vuex4状态管理什么是状态管理在开发中,我们的应用程序需要处理各种各样的数据,这些数据需要保存在应用程序的某一个位置,对于这些数据的管理,就是状态管理目前前端项目越来越复杂,多组件共享同一数据的状态很常见,因此需要一个更加方便地状态管理库Vuex状态管理在Vuex中,组件通过读取Vuex中的State数据状态,显示到页面上而组件想要修改State中的数据,需要通过Dispatch,提交Mutat
前端大菜鸟_
·
2024-02-14 09:58
Vue3.0
javascript
vue.js
ecmascript
Vue3.0
(七):Pinia状态管理
Pinia状态管理最初是作为一个实验为Vue重新设计状态管理,让它用起来像组合式APIPinia和Vuex的对比为什么要用PiniaPinia最初是为了探索Vuex的下一次迭代会是什么样子,结合了Vuex5核心团队讨论中的很多想法最终,团队意识到Pinia已经实现了Vuex5中大部分的内容,所以最终决定使用Pinia来代替Vuex与Vuex相比,Pinia提供了一个更加简单的API,具有更少的仪式
前端大菜鸟_
·
2024-02-14 09:58
Vue3.0
vue.js
pinia
移动端适配
问题解决方案
文章目录一、
移动端适配
1、什么是
移动端适配
2、认识视口3、
移动端适配
方案3.1媒体查询3.2js动态计算3.3使用库4、rem计算的方法4.1手动计算4.2通过less计算4.3postcss-pxtorem4.4
KIKIo_
·
2024-02-14 06:25
前端
javascript
前端
css
前端学习的笔记第二篇
:设计的页面,既要在浏览器打开,又想要在手机端打开,就涉及到
移动端适配
。html里的常见标签标题标签&&段落标签&&换行标签注释标签目的:提高代码的可读性,使程序猿能够更轻松地理解和掌握代码。示
fly in the sky !
·
2024-02-13 19:48
前端
前端
学习
笔记
使用Provide和Inject设计Vue3插件
查看CompositionAPI文档,在
Vue3.0
中,使用Provide和Inject进行依赖项注入将更为常见。
魂斗驴
·
2024-02-13 14:47
vue和react的区别
vue和react的区别:一.定位:两者都是UI层的框架,vue是数据响应式的框架;二.vue使用的语法是template,react使用的语法是JSX;三.
vue3.0
推出了hooks:compositionapi
XiaoMai
·
2024-02-13 13:41
移动端适配
的方法
由于不同的公司项目要求不同,适配方法也不同有的禁止图片等资源缩放,会使用左右padding的写法此处用的方法皆为缩放1通过meta适配,说白了就是缩放varphoneScale=parseInt(window.screen.width)/750;varoMeta=document.createElement('meta');oMeta.charset='utf-8';oMeta.name="vie
dd_db_
·
2024-02-12 08:58
【
Vue3.0
】- Composition API
什么是CompsitionAPIVue.js3.0允许我们在编写组件的时候添加一个setup启动函数setup是CompositionAPI逻辑组织的入口Countis:{{state.count}},doubleis:{{state.double}}import{reactive,computed}from'vue'exportdefault{setup(){conststate=reactiv
啦啦啦喽啰
·
2024-02-11 21:57
【小编推荐②】Laravel10 +
Vue3.0
前后端分离框架通用后台源码
演示网址:https://download.notestore.cn/20231212/账号:admin密码:admin注意事项:后端项目部署,尽量用域名,不要用phpartisanserve,启用后端项目,否则会出现后台无法登录问题服务器环境:PHP8.2[已测]Mysql5.740[已测]目录结构:/backend(后端目录)/frontend(前端目录)/resource(资源目录,包含数据
·
2024-02-11 17:23
laravelvue3
vue3.0
运行报错
Node.js17版本opensslErrorStack:[‘error:03000086:digitalenveloperoutines::initializationerror’]报错描述D:\workspace\ideaproject\RuoYi-Cloud\ruoyi-ui>
[email protected]
小刘今天你改bug了吗
·
2024-02-11 15:44
webpack
前端
javascript
vue3.0
中的双向数据绑定方法
1.为什么要替换Object.defineProperty替换不是因为不好,是因为有更好的方法使用效率更高Object.defineProperty的缺点:1.在Vue中,Object.defineProperty无法监控到数组下标的变化,导致直接通过数组的下标给数组设置值,不能实时响应。push()pop()shift()unshift()splice()sort()reverse()目前只针对
为光pig
·
2024-02-11 11:43
vue3.0
和 2.0的差异
对比学习2.0和3.0并记录学习收获:·3.0比2.0快2倍·3.0去掉了filter,么有beforeCreatecreated,用setup取代·reactivity是可以单独作为库使用的·单独功能可以抽离取代了mixin优于mixin解决上下反复横跳·支持多个子节点fragment·setup里没有this·Proxy实现响应式不需要setdelete兼容性并不好·响应式方面性能得到很大提升
前端大镖客_
·
2024-02-10 11:24
vue
移动端适配
(px转vw)postcss-px-to-viewport配置 安装postcss-px-to-viewport
npminstallpostcss-px-to-viewport//postcss.config.js文件module.exports={plugins:{'postcss-px-to-viewport':{unitToConvert:'px',//需要转换的单位,默认为"px"viewportWidth:375,//视窗的宽度,对应的是我们设计稿的宽度viewportHeight:1334,//
如饥似渴的人
·
2024-02-10 11:30
【高频前端面试题--TypeScript篇】
作者:“码上有前”文章简介:前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言高频前端面试题--
Vue3.0
篇什么是TypeScript?
码上有前
·
2024-02-09 05:25
前端
前端
typescript
javascript
【高频前端面试题--
Vue3.0
篇】
作者:“码上有前”文章简介:前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言高频前端面试题--
Vue3.0
篇
Vue3.0
有什么更新defineProperty和proxy的区别
Vue3.0
为什么要用proxy
码上有前
·
2024-02-09 05:21
前端
前端
vue.js
javascript
vue3项目keepAlive使用方法详解
以下主要将keepaliev在
vue3.0
中的用法。
Trank-Lw
·
2024-02-08 13:47
前端
vue.js
javascript
前端
vue3.0
watch函数案例
App.vue代码:importDemofrom'./components/Demo'exportdefault{name:'App',components:{Demo}}Demo代码:当前求和为:{{sum}}点我+1当前的信息为:{{msg}}修改信息姓名:{{person.name}}年龄:{{person.age}}修改姓名增长年龄import{ref,reactive,watch}fro
前端程序员路易
·
2024-02-08 12:20
vue
vue.js
前端
Vue3.0
(四):Composition API的使用
CompositionAPI认识CompositionAPI前几篇文章中主要用OptionsAPI进行编写代码,但是有一些弊端OptionsAPI弊端在OptionsAPI中,有data、watch、computed、methods以及生命周期函数各种各样的选项而一个变量,为了实现某个功能,会分散在各个选项中,不利于代码的维护此时CompositionAPI就出现了使用setup函数可以将大部分选
前端大菜鸟_
·
2024-02-08 09:23
Vue3.0
vue.js
javascript
前端
搭建
vue3.0
项目
安装脚手架卸载原来的脚手架npmuninstallvue-cli-g下载新的脚手架npmuninstallvue-cli-g或者npminstall--global@vue/cli@nextvuecreatevue3-bm选择功能进行下载image.png启动项目npminstallnpmrunserve//启动项目image.png配置环境变量和代理我们在项目中可以使用env创建环境变量新建三个
hegege
·
2024-02-08 08:52
移动端适配
——rem布局/媒体查询/flexible,‘练习仿苏宁移动端首页
1、rem+less+@media2、flexible+css+cssroot插件rem是针对html的字体大小来说的,所以只要查询html的宽度大小进行字体设置,就能达到整个页面范围内的尺寸变化。一个页面中只有一个html元素,与所有的页面元素尺寸挂钩,达到了整体控制的目的。而html的尺寸变化,通过媒体查询@media媒体查询:引入资源:每个尺寸,写一套不同的样式表使用less:前几个博客里有
sasaraku.
·
2024-02-08 07:24
前端
Vue3.0
(二):Vue组件化基础 - 脚手架
Vue组件化基础-脚手架Vue的组件化我们在处理一些任务量比较庞大的工作时候,会将工作内容进行拆分,分步骤完成而组件化的思想正式如此,对于一个庞大的项目,我们可以将其拆分成一个个的小功能,分步骤进行实现组件化是Vue的核心思想在前面的学习中,我们在createApp中传入了一个App对象,这个对象的本质其实就是一个组件{{item}}//使用VueconstApp={data(){return{a
前端大菜鸟_
·
2024-02-07 02:18
Vue3.0
vue.js
前端
javascript
Vue3.0
(三):Vue组件化深入理解
Vue组件化深入理解生命周期每个组件都可能经历创建、挂载、更新、卸载等一系列过程在每个阶段,我们可能会添加一些属于自己的逻辑代码在Vue中,生命周期通过生命周期函数实现生命周期函数实际上就是回调函数,在某个时间会被Vue源码调用通过生命周期函数的回调,我们可以知道目前组件正在经历什么阶段生命周期的流程初始化事件生命周期beforeCreate创建组件实例:初始化注入和响应式created:发送网络
前端大菜鸟_
·
2024-02-07 02:43
Vue3.0
vue.js
前端
javascript
Vue3.0
商店后台管理系统项目实战-导航的icon图标
参考资料
Vue3.0
官方文档:https://cn.vuejs.org/ElementPlus文档:https://element-plus.gitee.io/zh-CN/ElementPlus提供了一套常用的图标集合
祈澈菇凉
·
2024-02-06 14:25
推荐好用的vue插件02 v-md-editor富文本编辑器
一、介绍v-md-editor是基于Vue开发的markdown编辑器组件二、安装与注册即支持vue2.0的项目也支持
vue3.0
的项目,不过两种版本的安装版本不同-[Demo](https://code-farmer-i.github.io
longbao_1
·
2024-02-06 11:08
前端
vue.js
github
javascript
Vue3 发布正式版(2020.9.19)
[官宣]
Vue3.0
—OnePiece发布各位先收藏再点赞,本文章绝对值得你的一赞点击至Vue3官网Vue团队于2020年9月18日晚11点半发布了
Vue3.0
版本,我们连夜对Release进行了翻译。
铁锅炖大鹅(e)
·
2024-02-05 21:37
vue
Javascript
vue3.0
移动端将px转换为rem
第一种方法:我们可以将写的rem的js直接写在public文件夹下的index.html文件的头部,记得要加移动端头部的meta标签第二种方法:就是将rem的js放在public文件夹下创建一个,在main.js中引入,也可以使用第三种方法:参考链接https://blog.csdn.net/m0_46242315/article/details/104138421?utm_medium=dist
焚心123
·
2024-02-05 20:42
Vue3.0
所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同?
文章目录开始之前正文一、OptionsApi二、CompositionApi三、对比逻辑组织OptionsAPICompostionAPI逻辑复用小结开始之前CompositionAPI可以说是Vue3的最大特点,那么为什么要推出CompositionApi,解决了什么问题?通常使用Vue2开发的项目,普遍会存在以下问题:代码的可读性随着组件变大而变差每一种代码复用的方式,都存在缺点TypeScr
花言儿
·
2024-02-05 15:02
ubuntu
linux
运维
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他