×

html5

vue3版本手把手教你如何搭建一个移动端项目。按照步骤来。(vue3 移动端)

曾经天真︶﹋ 曾经天真︶﹋ 发表于2024-04-28 浏览7117 评论0
1、创建vue的项目  vue create project-name 2、安装vant 组件:库安装命令  npm install vant@next --save  (因为使用的是vue3.x 所以要安装vant的针对vue3的版本 vant@next)   3、vant的进阶使用   npm i postcss postcss-pxtorem amfe-flexible --save     (用来将px尺寸转化为rem尺寸) 4、配置rem的根元素字体大小 安装lib-flexia

html5

使用text类型的文本输入框模拟password类型的密码输入框

战帅 战帅 发表于2024-04-28 浏览7534 评论0
项目开发中要求不能直接使用password类型的密码输入框该怎么做?(干货直接跳例5) 最近有个项目,在做登录模块时,要求不让使用password类型的密码输入框,是为了防止报安全问题,因为password类型的密码输入框,容易被浏览器记住密码,很不安全。我在网上找了几种方法,效果也都不尽人意,那么在密码输入这一块,大家都是怎么做的呢? 1.动态切换type类型(还是会被谷歌浏览器记住密码,公司报安全问题) 网上有这么一种方法,初始时将输入框type类型设置为text,当文本框聚焦时,将t

html5

前端表白Html+css+js,表白源码,520和七夕告白,雪花爱心记录

AB模板网 AB模板网 发表于2024-04-28 浏览9197 评论0
作品介绍 ,雪花爱心HTML5特效是一款情人节主题特效,雪花飘落特效,在爱心里面记录我们在一起或者认识的时间,左侧可以写表白语句,或者甜言蜜语。 效果图 效果地址: http://luoyujin0511.gitee.io/qe/ 部分代码 <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title&g

html5

使用Blob实现文件下载(blob 下载文件)

single12 single12 发表于2024-04-28 浏览8225 评论0
大家都知道 a 标签是超链接,点击会跳转至 href 指定的地址。 当我们给 a 标签加上 download 属性后,则会去 href 指定的url下载文件(这里一定是同源的) new Blob() 存放二进制资源 window.URL.createObjectURL() 会将 Blob存放的二进制资源转为url地址,如此而已 思路 :         1. 首先通过 document.createElement('a') 创建一个a标签 用 link 来接受

html5

JavaScript之严格模式详述

test123 test123 发表于2024-04-28 浏览4069 评论0
一、什么是严格模式         JavaScript 除了提供正常模式外,还提供了严格模式(strict mode)。ES5 的严格模式是采用具有限制性 JavaScript 变体的一种方式,即在严格的条件下运行 JS 代码。严格模式在 IE10 以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。         严格模式对正常的 JavaScript 语义做了一些更改: 消除了 Javascript 语法的一些不合理、不严谨之处,减少了一些怪异行为。 消除代码运行的一些

html5

CSS3基础之动画(CSS3动画)

站长资讯网友投稿帖 站长资讯网友投稿帖 发表于2024-04-28 浏览5785 评论0
前言 动画animation是CSS3中新增的内容之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。 1.制作动画过程 制作动画分为两步:先定义动画,再使用动画 1.1用keyframs定义动画 <style> @keyframes 动画名称 { 0% { transform: translate

html5

flex布局实现 内容区域高度自适应(flex自适应布局宽度)

aniu aniu 发表于2024-04-28 浏览10240 评论0
用flex搭建一个如下页面布局 (1)在主容器container中创建header、main、footer等容器(div),display:flex开启flex布局,设置主容器的大小是很有必要的,flex布局将根据容器的大小来分配内部子元素的大小,所以配置了height: 100vh;width: 100%; (2)通过flex-direction: column改变容器的排列方向为竖向 (3)主要通过flex:1来让flex布局元素自适应,当flex布局范围内的其他容器已经分配了大小时,

html5

伪类和伪元素的区别及使用场景(伪类与伪元素的区别)

aniu aniu 发表于2024-04-28 浏览5474 评论0
1. 伪类和伪元素的区别 1.1 作用不同        伪类是一种状态,可以看看做是选择器。比如鼠标经过 伪类 :hover , 比如 结构伪类 li:nth-child, 一个冒号。        伪元素 是 元素, 简单来说,就是用css 模拟出来了一个盒子。 1.2 权重不相同        伪类 是 10 (类、属性选择器 [type=submit])        伪元素 是 1 (标签选择器 ) 1.3 使用场景不同        比如:鼠标经过盒子,盒子里面的样式

html5

ES6学习(es6怎么学)

Li·ᰔᩚ Li·ᰔᩚ 发表于2024-04-28 浏览4375 评论0
let声明变量和声明特性 声明变量 同var一样 let a; let b,c,d; let e = 100; let f = 521,g = 'jll',h=[]; 声明特性 变量不能重复声明 块级作用域:变量只在作用域里有效。(因为var声明的变量是添加在window中,所以可以在作用域外读取,而let声明的变量不会添加在window中,因此不能读取) 不存在变量提升console.log(song); let song = '恋爱达人';会报错,而var存在变量提升,则