1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>注册页面(html)</title> 6 </head> 7 <style> 8 9 *{ 10 margin: 0px; 11 paddi ...
分类:
编程语言 时间:
2021-06-28 19:27:33
阅读次数:
0
定位 相对定位 相对定位 : position: relative; 相对于原来的位置,进行指定的偏移,相对定位的话,他仍然在文档流中 top : 10px; 距离上方移动10px (向下) left bottom right :-20px; 距离右方移动-20px (向右) html : <!DO ...
分类:
Web程序 时间:
2021-06-28 19:21:53
阅读次数:
0
技术概述 ? 需求是实现一个包含三种状态,分别是底部、半屏、全屏的浮层,并且浮层支持用户随意拖动,同时还要防止用户过度拖动。技术难点在于对动画的控制,必须得有一定的过渡动画否则整体会很突兀。 技术详述 ? 首先看一下预期的样子,图为ios自带高德地图的底部浮层。 ? 最开始的动画我是用CSS的key ...
分类:
微信 时间:
2021-06-28 19:15:24
阅读次数:
0
父级边框塌陷问题 clear clear : right; 右侧不允许有浮动元素 clear : left; 左侧不允许有浮动元素 clear : both; 两侧不允许有浮动元素 clear : none; 解决方法: 1.增加父级元素的高度 #box{ width: 1500px; height ...
分类:
Web程序 时间:
2021-06-28 19:13:22
阅读次数:
0
选项卡功能是前端最常见的功能之一,许多的UI组件框架也都有这个功能,但ui用多了,js就忘记咋写的了,在这里重新复习一下吧! HTML代码 css代码: js代码 如果不用js,也可以是使用jquery,只是别忘记引入jquery了 未完待续... ...
分类:
其他好文 时间:
2021-06-28 18:56:37
阅读次数:
0
概念: Cascading Style Sheets 层叠样式表 层叠:多个样式可以作用在同一个html的元素上,同时生效 页面美化和布局控制 好处: 功能强大 将内容展示和样式控制分离 降低耦合度。解耦 让分工协作更容易 提高开发效率 CSS的使用:CSS与html结合方式 内联样式 在标签内使用 ...
分类:
编程语言 时间:
2021-06-28 18:54:11
阅读次数:
0
Live2D项目,桌面可爱玩偶(可以动的),html桌面化(exe)的实现 原本为html的网页嵌入代码,我运用了nw.js进行了桌面化的实现 下载地址: https://wws.lanzous.com/iWr0Wnny5bg 密码:i2on 下图为html源码图 下面为html源码 <!DOCTY ...
分类:
Web程序 时间:
2021-06-28 18:50:34
阅读次数:
0
1.组件规范,来自于标准组织,对web compnents的规范 2.vue的组件,包含的事件 v-on这种写法只是提供了便捷的绑定事件方式,并没有改变原生的JS事件,所以所有的原生JS事件都是支持的 MDN事件类型一览表 https://developer.mozilla.org/zh-CN/do ...
分类:
其他好文 时间:
2021-06-28 18:38:24
阅读次数:
0
写在前面 函数防抖和函数节流都是对函数进行特殊的设置,减少该函数在某一时间段内频繁触发带来的副作用。二者只是采用的设置方式和原理不一样,其最终的目的是一样的。 函数防抖和函数节流都是定义一个函数,该函数接收一个函数作为参数,并返回一个添加了防抖或节流功能后的函数。 因此可以将函数防抖和函数节流看作是 ...
分类:
Web程序 时间:
2021-06-28 18:33:28
阅读次数:
0
环境搭建 因为装饰器属于一个在提案中的语法,所以不管是node还是浏览器,现在都没有直接支持这个语法,我们要想使用该语法,就必须要通过babel将它进行一个编译转换,所以我们需要搭建一个babel编译环境。 1、安装babel相关包 npm i @babel/cli @babel/core @bab ...
分类:
编程语言 时间:
2021-06-28 18:33:09
阅读次数:
0