前端
关注
分享
扫一扫
文章平均质量分 54
HTML，CSS，JavaScript
The_RedMaple
这个作者很懒，什么都没留下…
展开
-
JavaScript实现贪食蛇小游戏并打包成可执行程序
效果图部分源码:JavaScript 实现$(function(){ //初始化数据 var body = [[11,23],[11,22],[11,21],[11,20],[11,19]]; var tail = null; var $tr = $("td"); var towards = "right"; var food = null; var haveGo = "true"; var haveEat = "tr..原创 2021-12-13 18:52:39 · 2622 阅读 · 0 评论 -
甲骨文官网
js代码：$(function(){ //搜索栏淡入 $("#search")[0].onclick = function(){ var $text = $("#text")[0]; var $search_text = $(".search_text")[0]; $(".daohanglan")[0].style.display = "none"; $search_text.style.display = "inl...原创 2021-12-09 17:00:28 · 1542 阅读 · 0 评论 -
利用tabindex属性解决div失去焦点消失的onblur问题
<!doctype html><html><head> <meta name="author" content="青青水豌豆 "/> <title>当红色div失去焦点时隐藏</title></head><body> <script> //创建红色DIV方块 red = document.createElement('div');...原创 2021-12-08 17:23:24 · 1197 阅读 · 0 评论 -
JavaScript 中的 let 与 const
JavaScript let 和 constECMAScript 2015(ECMAScript 6)ES2015(ES6) 新增加了两个重要的 JavaScript 关键字:let和const。let 可以简单理解为局部变量const 可以简单理解为常量let 的使用var x = 10;// 这里输出 x 为 10{ var x = 2; // 这里输出 x 为 2}// 这里输出 x 为 2var x = 10;// 这里输出 x 为 ...原创 2021-12-08 17:13:07 · 568 阅读 · 0 评论 -
利用HTML自制鬼灭之刃动态壁纸
先上效果图实现思路：先写好一个HTML网页，其中包括：左边定时的自制闹钟（什么素材都不需要，存手打代码，耗时最多的一部分） 等大的壁纸图片（最好比桌面还大一点，这样可以实现壁纸浮动） 调好自己喜欢的配色 使用Wallpaper打开该HTML文件，Wallpaper的版本可以根据自己喜好下载代码过多，下面只放上Js 页面控制代码，若有需要的朋友，下方评论我就好了Js 代码$(function(){ //旋转表盘上的数字 rotateZ("...原创 2021-12-05 14:08:53 · 3239 阅读 · 16 评论 -
Manifest is not valid JSON. Line: 1, column: 1 项目打包报错解决方法
出现这个问题，一般都是因为package.json 或者 manifest.json 文件出了问题而不要以为是 xxx.manifest 文件出了问题这次出现问题的原因是因为如下代码不是自己手打的，而是网页上复制来的，而报错原因也很容易看见，line 为行数 ， column 为列或者说是属性Line: 1, column: 1 意思就是说第一行第一个属性出了问题（后来发现复制来的 json 里，双引号居然是中文的，而在记事本里不好看出来。。。）正确的json代码{"main..原创 2021-12-03 14:45:14 · 5349 阅读 · 0 评论 -
JavaScript实现日历功能
运行效果实现代码<html> <head> <script> window.onload = function(){ //寻找某个月有多少天 var findDays = function(month){ if(month == 0 || month == 2 || month == 4 || month..原创 2021-10-14 15:24:45 · 1014 阅读 · 2 评论 -
耗时两天，Html实现小米官网
实现展示：代码总共 808行 ，其中实现了小米官网外观布局的大部分。网址和图标类似的菜单也可以实现下拉透明度为0.3每一个地方都是超链接，可以进行点击搜索栏获得焦点后会变颜色光标停留也有响应特效相关的图片和代码实现代码：html 代码<html> <head> <meta charset="utf-8"> <title>小米商城</title> <原创 2021-07-21 15:50:15 · 17124 阅读 · 42 评论 -
Ajax 与 JQuery 笔记
AJAX 全局刷新 和 局部刷新异步对象（XMLHttpRequest）readyState属性status属性5个实现步骤同步与异步JQueryDOM对象与JQuery对象选择器过滤器表单属性过滤器函数事件JQuery 与 Ajax实例演示AJAX出现时间——2003年Asynchronous JavaScript and XML(异步的JavaScript和XML)JavaScript：用于更新dom对象，更新页面XML：传输数据的格式（已经被JSON替代了）原创 2021-08-25 18:08:28 · 606 阅读 · 0 评论 -
EL表达式无法识别的解决办法
在jsp页面中使用了el表达式但却无法识别，页面会将表达式原封不动的显示出来还是${...}的样子。只要在jsp页面加入下面这句就可以解决了。<%@pageisELIgnored="false"%>转载 2021-10-11 11:26:37 · 628 阅读 · 0 评论 -
JavaScript 笔记
引入JavaScript文件数据类型基本数据类型数据类型转换引用数据类型对象分类：in 运算符创建函数对象方法 和 for in 语句全局变量instanceof语句prototype原型垃圾回收内建对象数组数组方法数组遍历函数方法Date对象Math工具类正则表达式创建正则表达式对象正则表达式语法支持正则表达式的四个String方法DOM节点节点属性事件文档或浏览器窗口中发送的一些特点的交互瞬间事件绑定DOM操作HTMLDOM操作CSS事件冒原创 2021-07-30 20:54:00 · 2155 阅读 · 7 评论 -
最全 HTML + CSS 笔记
HTML编程语言超文本标记式编译语言HTML语言不区分大小写双目标签命令： <></>单目标签命令： </>单目标签中/可以省略属性和属性之间用空格隔开，引号可写可不写常见的html标签<html></html>:包含两个子标签<head></head>:设置基础参数信息<body></body>:负责通知浏览器将指定内容以指定方式显示出来<!---->：注解&l原创 2021-07-09 14:49:12 · 2364 阅读 · 0 评论 -
CSS实现字体荧光效果
CSS中为我们提供了 text-shadow 属性，该属性有4个参数分别为：水平偏移量，垂直偏移量，阴影范围，阴影颜色最重要的是，一个字体同时可以拥有多个阴影，只需要用逗号分隔即可（通过不同范围的叠加可以实现不同范围的色彩的浓度，从而实现荧光效果）如下：text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00a67c, ...原创 2021-11-15 23:55:21 · 5903 阅读 · 0 评论