前端
关注
分享
扫一扫
antRain
这个作者很懒，什么都没留下…
展开
-
chrome 使用记录
【代码】chrome 使用记录。原创 2023-06-07 21:53:52 · 97 阅读 · 0 评论 -
使用typescript完成简单的贪吃蛇功能
使用typescript完成简单的贪吃蛇功能参考资料开发工具界面效果界面index.htmlindex.cssindex.ts附录参考资料TypeScript中文网尚硅谷2021版TypeScript教程（李立超老师TS新课）开发工具vscode推荐插件 Live Server 可以监控文件的变化，并进行刷新界面效果界面index.html<!DOCTYPE html><html lang="en"><head> <meta ch原创 2020-12-21 15:37:24 · 381 阅读 · 0 评论 -
2020-8-18js练习
2020-8-18js练习复选框操作DOM操作js函数面试题复选框操作<html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <原创 2020-08-18 19:21:48 · 270 阅读 · 0 评论 -
利用jQuery实现图片切换碎片效果
利用jQuery实现图片切换碎片效果效果源代码效果gif制作工具源代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>碎片</title> <style> *{ margin:0; padding:0; } body{ height:100vh; display: flex;原创 2020-07-28 10:17:03 · 480 阅读 · 0 评论 -
html+css仿制微信界面
html+css仿制微信界面index.csshtmlindex.css* { margin: 0; padding: 0;}#wrap { margin: 0 auto; height: 100vh; width: 380px; display: flex; flex-direction: column; justify-content: center;}#wrap>.top { height: 5%;原创 2020-06-26 09:25:59 · 4414 阅读 · 0 评论 -
bootstraptable解决问题过程
bootstraptable解决问题过程前言问题一：Bootstrap's dropdowns require Popper.js问题二：u is not a constructor前言jQuery v3.4.1Bootstrap v4.4.1bootstrap-table v1.16.0@popperjs/core v2.1.1问题一：Bootstrap’s dropdowns...原创 2020-03-22 10:32:27 · 1298 阅读 · 1 评论 -
html学习（四）——表单
html学习（四）——表单实现效果![在这里插入图片描述](https://img-blog.csdnimg.cn/20191108162150314.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTQ2NjUw,size_...原创 2019-11-08 16:23:02 · 193 阅读 · 0 评论 -
html学习（三）--表格
html学习（三）--表格实现效果素材参考代码实现效果素材参考代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....原创 2019-11-06 09:08:00 · 191 阅读 · 0 评论 -
html每日练习--19.11.5
html每日练习--19.11.5实现效果参考代码 —— 水平导航栏链接参考源码实现效果--——表格参考代码实现效果——去掉表格左右边框参考代码实现效果参考代码 —— 水平导航栏<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid...原创 2019-11-05 21:48:02 · 218 阅读 · 0 评论 -
html学习（二）--列表
html学习（二）--列表实现效果![在这里插入图片描述](https://img-blog.csdnimg.cn/20191105184929481.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTQ2NjUw,size_...原创 2019-11-05 18:50:41 · 302 阅读 · 0 评论 -
html学习（一）--文本
html学习（一）--文本实现效果源代码实现效果源代码<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...原创 2019-11-05 16:46:44 · 261 阅读 · 0 评论 -
圆角背景导航栏
圆角背景导航栏说明html框架cssjs源代码说明实现类似图中 圆角导航效果 当鼠标放在某个导航栏的时候是有选中的效果，并且随着鼠标的移动框会跟着移动，当鼠标点击的时候会有滑动效果html框架利用li 实现列表，选项里包含a标签，为了实现动画效果添加两个li <div id="top"> <ul class="nav"> ...原创 2019-11-01 21:28:27 · 894 阅读 · 0 评论 -
jQuery基础
jQuery基础jQuery基础事件jQuery 效果jQuery HTML遍历jQuery基础基础语法： $(selector).action() jQuery([selector,[context]])length|size():jQuery 对象中元素的个数。当前匹配的元素个数selector:返回传给jQuery()的原始选择器。回你用什么选择器来找到这个元素的context:...原创 2019-10-19 18:47:01 · 175 阅读 · 0 评论 -
js常用知识
js常用知识js基础js函数HTML DOMjs基础typeof value 操作符来检测变量的数据类型。数组返回 objectdebugger 关键字用于停止执行 JavaScript，并调用调试函数。JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。但初始化不会提升常规的比较中，数据类型是被忽略的，，=== 为恒等计算符，同时检查表达式的值与类型，switch ...原创 2019-10-19 10:25:26 · 121 阅读 · 0 评论 -
js对象
js对象DOM 事件数组DateStringRegExp全局函数Window 对象方法Location 对象属性Console 对象Document 对象DOM 事件鼠标事件：onclick|ondblclick|onmouseenter|onmousemove| onmouseout|oncontextmenu|onmousedown|onmouseleave|onmouseover|on...原创 2019-10-18 21:41:09 · 108 阅读 · 0 评论 -
css基础
css基础背景border边框属性文本(Text)属性列表(List) 属性字体(Font)属性表格（Table） 属性2D/3D 转换属性过渡（Transition） 属性弹性盒子模型定位（Positioning） 属性背景background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachme...原创 2019-10-18 19:51:43 · 249 阅读 · 0 评论 -
html 常用标签
html 常用标签HTML 全局属性基础标签格式表单图像链接列表表格其他HTML 全局属性1. accesskey 设置访问元素的键盘快捷键。(Chrome:[Alt] + accesskey)2. class 如需为一个元素规定多个类,用空格分隔类名。3. contenteditable 属性指定元素内容是否可编辑。4. dir="ltr|rtl|auto" 元素内容的文本方向。(左...原创 2019-10-18 16:26:08 · 229 阅读 · 0 评论