×

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 浏览4068 评论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存在变量提升,则

html5

网页: 如何修改列表项 ul > li 前小圆点的样式(ul列表怎么改圆点样式)

tk88ok tk88ok 发表于2024-04-28 浏览9038 评论0
   我们在开发的过程中经常会遇到一些需求,比如说这边文章中的需求,我们需要修改ul  >  li 的默认样式。 默认的 li 样式为:   1、如何将ul > li 前小圆点修改成小方块呢?我们需要修改其相应的css属性 => list-style-type, 我们需要将list-style-type的值设置为square。 <!DOCTYPE html> <html lang="en"> <head> <meta ch

html5

vue调试的三种方法(如何调试vue)

hello hello 发表于2024-04-27 浏览12061 评论0
一、console.log 这个开始学就会,不演示了。重要的是需要养成这样的能力,代码出了问题,光看是看不出来问题的。 二、debugger方法 vscode安装插件,debugger for chrome; 在代码需要打断点的位置,写上debugger(如果安装eslint可能报错,这时鼠标移到代码出现小灯泡,点击选第一项忽略即可); npm run serve启动,到了断点位置浏览器会停下来; 在浏览器里使用步进开始调试。 三、vscode里断点调试 在需要的

html5

从零开始学WEB前端——HTML5+CSS3

咿呀? 咿呀? 发表于2024-04-27 浏览5036 评论0
📓项目介绍 先做个自我介绍,本人是一个没人写前端所以就自学前端的后端程序员🙇。在此项目中我会和大家一起从零基础开始学习前端,从后端程序员的视角来看前端,受限于作者的水平本项目暂时只会更新到前端框架VUE,不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员😂。 该项目的学习顺序是按照我自己学习时总结出来的,其中的每个知识点都是我认真去理解的,同时也查了很多的资料,所有的参考资料我都放在了文章末尾。尊重开源,尊重知识产权。每一个案例我都亲手写过

html5

使用web-view实现小程序内嵌h5页面 详情步骤(小程序webview和h5交互)

办公资源 办公资源 发表于2024-04-27 浏览5982 评论0
简介    实现线上的h5通过小程序配置业务域名,web-view组件实现内嵌h5页面 一. h5项目放入效验文件传到线上        登录微信公众平台下载效验文件   开发管理——>开发设置——>业务域名——>下载效验文件 然后把效验文件放在 npm run build打包后的h5项目根目录里 部署上传到线上  注意一定要打包后放入根目录里也就是dist文件包 内 二. 小程序配置业务域名      配置业务域名 由上图可以看出 要注意两点  1.