前端哥

HTML5-简单文件操作

2024-02-21概念:可以通过file类型的input控件或者拖放的方式选择文件进行操作语法格式:属性multiple:表示是否选择多个文件accept:用于设置文件的过滤类型(MIME类型)如果想要同时设置多个过滤类型,可以用英文逗号(,)隔开常见的acept属性取值/MIME类型属性值说明image/jepgJEPG图片image/pngPNG图片image/gifGIF图片text/plainTXT文件text/htmlHTML文件text/csscss文件JS文件。_html5本地文件操作

https://www.qianduange.cn//article/2417.html 分类:前端知识

HTML5 CSS实现图片3D旋转效果,附音乐

2024-02-20图片像素需进行调整,同一面图片可以使用同一个图片,保持图片像素一致的同时也增加了立体感。第二张02.jpg和2.jpg可以倒着放,这样在程序实现的时候,可以和其他方向的图片一致。利用程序呈现图片,可以俘获一众女生的心,增加音乐可以实现图片变化的同时也带上了想要得到效果,如此一程序实乃众人之喜。css文件是设置图片路径的代码,先命名为css,可以修改,放置路径需和Html文件一致。先在网上爬取想要呈现的美女照片,存放在文件夹img-one,与程序路径一致。先看看程序呈现的效果,还是特别吸引人的。_css 3d旋转的图片球

https://www.qianduange.cn//article/2344.html 分类:前端知识

CSS、JS文件无法正确加载至页面问题与解决

2024-02-20在开发Java Web项目时,遇到CSS和JavaScript文件无法正确加载至页面的问题_web项目浏览器打开时css文件打不开

https://www.qianduange.cn//article/2317.html 分类:前端知识

css3 javaScript实现一个左右钟摆-摇晃的红灯笼网页特效

2024-02-16css3 javaScript实现一个左右钟摆-摇晃的红灯笼网页特效!前天逛博客时无意中看见了,别人的博客顶部有一个会左右钟摆的摇晃的红灯笼,产生了想法,我也想给自己做一个,但是网上找了很多方案,都没有实现。终于在昨天晚上搜索,找到了利用css3和js一起组合的技术,实现了这个效果。这个是css文件里面的内容。我故意把周期设计的步进很缓慢,看起来晃动的时候会比较柔和一点。这个index.html里面的代码。如图所示,这是一个静态的截图。实际上是可以看效果的。这个是js文件内容,控制2个灯笼图片的布局位置。_页面灯笼js

https://www.qianduange.cn//article/2131.html 分类:前端知识

Nuxt3框架全局引用外部JS/css文件的相关配置方法

2024-02-15Nuxt3框架全局引用外部JS/css文件的相关配置方法_nuxt3 配置引入js

https://www.qianduange.cn//article/2037.html 分类:前端知识

vite搭建完整项目

2024-02-13(4)cd 项目名称 进入 npm install初始化,简写(npm i) 最后 npm run dev。(2)在src/assets文件夹下新建,scss文件夹(文件名称随意),在文件夹下新建main.scss文件。(1)点击链接进入,选择使用安装命令。(2)输入命令后,回车,输入项目名称,昵称随意,我这里用的是 viteprojects,回车。(1)点击上方网址,进入vite官网,选择一个命令安装方式。(3)在vite.config.js文件中添加配置。(1)在项目终端中输入面的命令。_创建vite项目

https://www.qianduange.cn//article/1933.html 分类:前端知识

引入import ‘ant-design-vue/dist/antd.css‘时报错

2024-02-13提示 Module not found: Error: Can't resolve 'ant-design-vue/dist/antd.css' in 'D:\yupi\antd-demo\src'初始化前端时候总拉不下来ant.css文件,这个路径ant-design-vue 不存在css文件。后来发现官方文档给的是错误的,css文件叫reset.css。在使用Ant Design Vue 时初始化项目报错。_module not found: error: can't resolve 'ant-design-vue/dist/antd.css

https://www.qianduange.cn//article/1898.html 分类:前端知识

VUE引用CSS,全是干货

2024-02-05在vue中,很多时候会遇见相同效果的css,这个时候我们可以写一个css文件,想要使用时就去调用就可以了,关键来了,vue怎么样引用呢?_vue怎么引用css文件

https://www.qianduange.cn//article/1352.html 分类:前端知识

Vite Vue3项目全局引入scss文件

2024-02-03Sass 是世界上最成熟、最稳定、最强大的专业级CSS扩展语言!在日常项目开发过程中使用非常广泛,今天主要讲一下 Vite Vue3 项目中该如何全局引入 scss 文件,引入混合 mixin 文件的不同配置。捎带说一下 Vue2 中的引入方式做一下简单的对比。如下图,src 目录下新建 styles 目录,并在目录中创建三个 scss 文件:• reset.scss 全局元素样式重置文件 主要用于清除 HTML 元素默认样式用,随便去一个大厂页面下 copy 一下就行/***,*:after,_vite scss

https://www.qianduange.cn//article/1146.html 分类:前端知识

web前端之css变量的妙用、通过JavaScrip改变css文件中的属性值、querySelector、setProperty

2024-02-01web前端之css变量的妙用、通过JavaScrip改变css文件中的属性值、querySelector、setProperty_document.queryselectorall修改css属性值

https://www.qianduange.cn//article/988.html 分类:前端知识

93条数据,当前9/10

最近搜索

会员中心 联系我 留言建议 回顶部