![](https://img-blog.csdnimg.cn/4c2d69633b9f46d685b56f9b867b526a.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
web前端
文章平均质量分 61
本专栏收录了各类前端知识与技术
Lotay_天天
某全球前十芯片原厂工程师,擅长嵌入式、多媒体、音视频编解码、芯片、智能家居、物联网和苹果认证领域。
不论起点如何,我时刻在不断进步。
展开
-
浏览器兼容base.js
function scroll(){ if(window.pageYOffset != null){ return { top:window.pageYOffset, left:window.pageXOffset } } if(document.compatMode == "CSS1comp原创 2021-01-12 15:53:12 · 220 阅读 · 0 评论 -
随机生成数字
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> .box { .原创 2021-01-18 16:37:52 · 678 阅读 · 0 评论 -
css+js=贪吃蛇简版
先上简版贪吃蛇(即移动方块)xmind思维导图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><原创 2021-01-07 20:03:17 · 255 阅读 · 0 评论 -
js轮播图
效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="./原创 2021-01-08 21:00:45 · 193 阅读 · 0 评论 -
数组属性
文档参考:https://www.runoob.com/jsref/jsref-obj-array.html1.splice<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><p id="demo">点击按钮将数组作为字符串输出。</p>原创 2021-01-05 11:21:29 · 202 阅读 · 0 评论 -
【前端】进阶Mac OS软件商城页面_缤纷多彩的创意UI
非常漂亮的仿Mac OS界面,更改下参数就可以变成你需要的界面。还可以一键更换背景主题。灵感来源于米科瓦伊·加文齐奥夫斯基原创 2023-02-16 16:58:33 · 296 阅读 · 0 评论 -
灵动岛前端Ui
灵动岛,是苹果公司iPhone 14 Pro系列 [2]交互UI,让虚拟软件和硬件的交互变得更为流畅。当有来电、短信等通知时,灵动岛会变化它的形态,以便让用户能够更直观地接收到这些信息。而在用户使用一些应用App并将其切换到后台时(如音乐),灵动岛也能以另一种形态来显示这些软件,还可以轻点这个区域进行更复杂一点的操作,比如切换歌曲。原创 2022-12-26 10:21:20 · 3250 阅读 · 8 评论 -
别踩白块_前端H5游戏毕设
本文详细介绍了网页版躲避白色钢琴块音乐游戏的设计和实现。由于游戏软件安装占据较大的空间与安装时间,而且步骤繁琐,用常规的游戏安装方法不能取得便捷的游戏安装体验。网页游戏是一种基于在网络游戏中被广泛应用,网页游戏更具有便捷性,不用安装,只需要打开网页就可以开始玩。基于该现象,本文选择了网页游戏进行开发,并在原生基础上进行了简单的修改。本游戏采用visual Stdio code开发工具开发,其中的逻辑层为前端逻辑层框架HTML,css以及JavaScript技术。本小网页游戏的主要功能是在于可以选择6种不同原创 2022-12-05 16:54:57 · 3255 阅读 · 1 评论 -
WEBjs命令
oncontextmenu="window.event.returnvalue=false"将彻底屏蔽鼠标右键 1.oncontextmenu="window.event.returnvalue=false"将彻底屏蔽鼠标右键 <tableborderoncontextmenu=return(false)><td>no</table>可用于table 2.<bodyonselectstart="returnfalse">取消选取原创 2022-03-22 11:49:32 · 249 阅读 · 0 评论 -
ajax未分装前JS代码形式
<script> // 创建XMLHttpRequest对象的实例(就是创建异步对象) var xhr = new XMLHttpRequest(); // 监听请求和响应的状态 xhr.onreadystatechange = function(){ // 表示请求完成 //状态等于4时响应完成,但页面404时仍可接收到响应,所以这里要status(页面状态)==200,既页面正常才给接收响应 if(xhr.rea原创 2021-02-25 16:29:35 · 155 阅读 · 0 评论 -
echart渐变折线图,立体柱状图,发光饼图,月份图等
<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title></head><body> <div id=.原创 2021-01-23 17:06:44 · 1369 阅读 · 0 评论 -
css创意罗盘表盘
效果如上<!doctype html><html><head> <meta charset="utf-8"> <title>模拟数字钟</title> <script src="js/jquery.min.js"></script> <style> @import url("https://fonts.googleapis.com/css?.原创 2021-01-22 20:33:25 · 418 阅读 · 0 评论 -
vscode自定义HTML页面自动生成格式
左下角的设置图标输入html.json它最初长这样:我们把它改成这样{ // Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expand.原创 2021-01-19 15:19:00 · 804 阅读 · 0 评论 -
bMap+Echarts+百度地图jssdk
填了名字和选择浏览器端后,在白名单填:0.0.0.0/0OK,百度地图jssdk创建了把AK码复制到html里,写在ak=后面<script src="http://api.map..baidu.com/api?v=2.0&ak="></script> <script src="echarts. js"></script> <script src="echarts-bmap.js"></scri...原创 2021-01-15 20:32:57 · 452 阅读 · 0 评论 -
VSCODE快速生成代码tips
VSCODE快速生成代码原创 2021-01-12 19:07:45 · 3735 阅读 · 0 评论 -
淘宝主页+女装会场+详情页(html+css+js)
淘宝网是中国电商行业的领军企业,其前端网站技术一直处于国内领先水平。本博客旨在分享淘宝网前端在技术方面的积累与探索。内容涵盖前端开发、性能优化、移动端适配、架构设计等诸多方面,对于前端开发人员有着较高的技术参考价值。注:不含源码原创 2021-01-08 20:46:36 · 8551 阅读 · 14 评论 -
【web前端阶段二】CSS巩固学习(持续更新)
1.什么是CSSCSS(Cascading Style Sheets)层叠样式表,又叫级联样式表,简称样式表用于HTML文档中元素样式的定义– 实现了将内容与表现分离– 提高代码的可重用性和可维护性文件后缀是.csscss在前端中如同一个美容师2.css引入方法CSS与HTML之间的关系HTML用于构建网页的结构CSS用于构建HTML元素的样式HTML是页面的内容组成,CSS是页面的表现结构层 HTML(如同人的骨骼构架)表示层 CSS (如同人出门时的穿原创 2020-07-18 18:42:45 · 239 阅读 · 0 评论 -
【web前端阶段一】HTML巩固学习(持续更新)
你好呀,我是目录 0v0一.什么是web前端1.交互思想如何让用户看到数据(how to see)2.交互思想如何让用户更舒服的看到数据(how to comfortable)3.交互思想如何让用户称为数据的主人(how to be lord)二.HTML(1).什么是web前端(2).怎么学好web前端1.webstorm的使用(1).webstorm常用配置(2).webstorm快捷键2.html简介(1).HTML是什么(2).HTML标签标签(3).HTML 元素(4).HTML属性与值(5).注原创 2020-07-18 14:15:00 · 1401 阅读 · 0 评论