dom
关注
分享
扫一扫
浅浅一笑^*^
毕业于河北工程技术专修学院，主修计算机科学与技术，学习马克思主义、哲学、C语言、思想道德修养、法律基础、人工智能软件技术基础........
展开
-
vue自定义指令钩子函数和钩子函数参数，方便翻看随手记录下来?
1.钩子函数:指令定义函数提供了几个钩子函数（可选）：bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。update: 被绑定元素所在的模板更新时调用，而不论绑定值是否变化。通过比较更新前后的绑定值，可以忽略不必要的模板更新（详细的钩子函数参数见下）。componentUpdated: 被绑定元素所在模板完成一次更新周期时调用。原创 2022-01-20 17:13:52 · 1571 阅读 · 0 评论 -
css中使用变量，可以将它们放在变量中，而不必一遍又一遍地复制和粘贴相同的颜色
示例子：CSS 变量var() 函数用于插入 CSS 变量的值。CSS 变量可以访问 DOM，这意味着您可以创建具有局部或全局范围的变量，使用 JavaScript 来修改变量，以及基于媒体查询来修改变量。使用 CSS 变量的一种好方法涉及设计的颜色。您可以将它们放在变量中，而不必一遍又一遍地复制和粘贴相同的颜色1.传统方式的css代码:<!DOCTYPE html><html><head><style>body { backgro转载 2021-03-12 05:26:25 · 242 阅读 · 0 评论 -
js的基本知识,详解?
1.javascript语言主要分那几部分组成?ECMScript(ES):是js语言的规范和标准：规范了语法、数据类型、流程控制语句等 DOM：document、object、model文档对象模型；体用 api(属性和方法)供js操作界面当中的html元素 BOM：browser object model 浏览器对象模型:提供api 供 js 操作浏览器2.js数据类型中检测一个变量是不是有效数字？可以用isNaN来检测是不是有效数字。3.string常用的方法:原创 2021-03-05 17:50:53 · 246 阅读 · 0 评论 -
JQ制作二级菜单
效果图:css <style> *{ margin:0; padding:0; } li{ list-style: none; text-align: center; } #ul1{ ...原创 2020-04-22 04:08:31 · 441 阅读 · 0 评论 -
原生JS实现图片放大和关闭效果
效果图:css<style> *{ margin:0; padding:0; } #box{ width: 1440px; height: 540px; margin: 0 auto; position: relative; } li{ ...原创 2020-04-19 01:44:53 · 514 阅读 · 0 评论 -
Dom0级事件--ul事件--鼠标事件--键盘事件--表单事件
了解Dom0级事件ul事件:<img src="img/1.jpg" alt="" id="img"><script> //Dom 0级事件 所有的事件前面必须加入"on" //ui事件 load页面预加载事件 所有在load事件中的代码都会在html页面加载完毕后才会执行。 window.onload=function() {//页面预...原创 2020-04-19 01:09:20 · 488 阅读 · 0 评论 -
原生JS制作二级菜单+轮播图效果
效果图:d代码如下: <style> *{ margin:0; padding:0; } #box{ width: 1200px; height: 460px; margin: 0 auto; ...原创 2020-04-18 00:52:38 · 913 阅读 · 0 评论 -
原生JS实现轮播效果--新手专属
效果图:css代码:<style> *{ margin:0; padding:0; } #box{ width: 1200px; height: 460px; background: url("./img/bg2.jpg"); margin: 0 auto; ...原创 2020-04-17 21:44:43 · 194 阅读 · 0 评论 -
原生JS实现 --推拉门效果图片
效果图片如下:css代码:<style> *{ margin:0; padding:0; } #box{ width: 838px; position: relative; margin: 0 auto; } .img{ positio...原创 2020-04-15 04:48:50 · 392 阅读 · 0 评论 -
原生JS写三级联动 --省--市--区
效果如下:css代码<style> select{ width: 100px; height: 30px; }</style>html代码<div id="box"></div>JS代码<script src="js/check.js"></script><...原创 2020-04-15 03:12:14 · 575 阅读 · 0 评论