web前端
关注
分享
扫一扫
fastrack_0706
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
可以扩展的console；console.print
扩展console原创 2022-07-07 13:08:09 · 425 阅读 · 1 评论 -
JS判断浏览器品牌（正则表达式+内核）
/** * * 判断条件不能更改顺序 * 现在还没有好的解决办法 * * 更改顺序以后你会发现 * 好像所有的浏览器都会提示你谷歌浏览器 * 正则表达式里面匹配谷歌浏览器的时候， * 用的只是字符串Chrome，没有使用webkit * 内核名去匹配 * */ .原创 2021-09-14 10:20:20 · 512 阅读 · 0 评论 -
CSS3小案例：CSS3 媒体查询、CSS3过渡变换、CSS3变量
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>媒体查询</title> <style type="text/cs.原创 2021-06-30 16:58:02 · 168 阅读 · 0 评论 -
vue-direactive 自定义指令
描述： 除了核心的v-model、v-show、v-if等等这些指令外，Vue也允许注册自定义指令。在Vue中代码复用和抽象的主要形式是组件，然而，有些情况下，仍然需要对普通DOM进行底层操作，这个时候就需要用到自定义指； 钩子函数： bind：只调用一次，可以进行一次性初始化操作 inserted：在操作元素插入父节点时，（仅当有父节点的时候） update：指令所在组件的VNode更新时调用，但是可能发生在其自VNode更新之前 componentUpdated：指令所在组件的VNode转载 2021-06-25 10:54:17 · 592 阅读 · 0 评论 -
JS随手小日历
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .calendar-wrapper { width: 500px; height: 550px; background-color: antiquewhite; margin: 100px.原创 2021-05-20 10:35:26 · 137 阅读 · 0 评论 -
CSS按钮动画
btn-default：基本样式按钮 btn-primay：蓝色按钮 btn-success：绿色按钮 btn-error：红色按钮 btn-warning：黄色按钮 btn-anim1：按钮爆炸动画效果 btn-anim2：按钮左到右动画效果 btn-anim3：按钮左上角爆炸动画效果 btn-anim4：按钮下到上动画效果 html, body { width: 100%; height: 10...原创 2021-03-24 15:01:49 · 385 阅读 · 0 评论 -
input[type=“checkbox“] 美化CheckBox
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> @keyframes cb_after { from { opacity: 0; height: 0; } to { opacity: 1; he...原创 2021-03-22 23:28:05 · 284 阅读 · 0 评论 -
2021-03-19
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> a{ text-decoration: none; } .list { display: flex; margin: 0; margin-top: 30px; pa...原创 2021-03-19 15:56:47 · 139 阅读 · 0 评论 -
查看DOM树插件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Simple DOM example</title> <style type="text/css"></style> <style type="text/css"></style> <script type="text/javascript".原创 2021-03-10 14:18:01 · 476 阅读 · 0 评论 -
瀑布流；JS； Waterfall.js
瀑布流；JS; Waterfall.js DOM <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <div class原创 2020-08-07 14:19:18 · 294 阅读 · 0 评论 -
HTML+CSS 时间轴
效果图 html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/index.css"> </head> <body> <div class="wrap"> <ul class="time-line原创 2020-06-19 17:34:31 · 803 阅读 · 1 评论 -
babel-错误 依赖冲突？还是个啥
我应该使用babel才能运行和构建 所以我把安装好的babel-cli和babel-core的依赖删除就好了原创 2020-03-01 23:50:28 · 545 阅读 · 0 评论 -
JavaScript+HTML+css 拖拽框
JavaScript-code： ;(function(){ function Drag(opt){ this.dragEle = document.getElementsByClassName(opt.dragEle)[0]; this.dragBox = document.getElementsByClassName(opt.dragBox)[0]; ...原创 2020-02-17 19:11:11 · 369 阅读 · 0 评论 -
HTML+CSS+JAVASCRIPT幻灯片
没性能的啊，就是循环遍历操作DOM HTML----code: <body> <div class="slide-wrap"> <div class="slide"> <ul class="slide-list"> <li class="slide-item active"> ...原创 2020-01-19 11:20:39 · 322 阅读 · 0 评论 -
HTML+CSS+JAVASCRIPT选项卡
没性能的啊，就是循环遍历操作DOM HTML--------code: <body> <div class="tab-wrap"> <div class="tab"> <ul class="tab-list"> <li class="tab-item cur"> ...原创 2020-01-19 11:13:47 · 176 阅读 · 0 评论