随笔分类 - 知识点记录
摘要：grid-area:2/4/4/5; 第几行开始/第几列开始/到第几行结束/到第几列结束 grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); 自适应的布局 .container{ width: 80%; margin: 0 auto
阅读全文
摘要：<button onclick="showModal()">显示弹窗</button> <div id="myModal"> <p>这是弹窗内容</p> <span id="asd"> asdas </span> </div> <script> // 获取弹窗和按钮 var modal = docu
阅读全文
摘要：思路如下： aimation 设置执行动画和 时间 以及是否循环 @keyframes 定义动画 接着 默认动画的div隐藏 点击执行事件 display block <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <
阅读全文
摘要：一.V-on： 缩写@ 绑定事件监听器 on后面接着就是事件 二. v-bind 缩写：（就一个冒号） <!-- 绑定一个属性 --><img v-bind:src="imageSrc"><!-- 缩写 --><img :src="imageSrc"> 用对象绑定class 向内部 排序是 （val
阅读全文
摘要：1.弹出小提示tips 默认吸附在自己地方控制弹出的位置 可以让其吸附在其他元素附近 ，在内容后面增加一个jq选择器 2.进度条动态调整 进一步扩展思路如下： 用一个计时器 设置 每隔多久时间 执行一次函数，让demo 动态更新一下子 这里获取input值用的jquery的方法 $(" input
阅读全文
摘要：1.解决 jQuery 和其他库的冲突 定义了一个快捷键，以后 碰到$的 可以用新的替代，jQuery.noConflict(); 表示转移$控制权 2.jQuery 检查某个元素是否存在 有时候要用作if判断语句，如果存在 执行什么 如果不存在 点击哪个按钮 if($("#hh")[0]){ co
阅读全文
摘要：注意：一下操作只有针对jQuery对象才有用。 一.获取和设置DOM属性 1. $("li").attr("class") 获取li的class属性 只能获取第一个 解决方法 用map遍历 index下标 ele是对用dom 下面可以用this代替 $("li").map(function (ind
阅读全文
摘要：Ctrl+F后，Enter查找下一个，Shift+Enter，查找上一个。 Ctrl+D，多处同步编辑，此功能我常用，很好 Ctrl+Shift+F，这个得加粗，飘红，就指着它活着呢。怎么说呢，可以叫全项目查找，就是在你当前打开的项目中，根据你输入的字符查找。 Ctrl+Alt+F 这个是在Hbui
阅读全文
摘要：1.事件click mouseover 等等这是事件，onclick onmouseover 表示 一个监听机制 当监听到你做哪个动作 我就要给你相应的回馈。 鼠标事件： click、mousedown(按下)、mousemove（移动）、mouseup（抬起）、contextmenu（右键）、mo
阅读全文
摘要：首先上图基本思路如下1.需要轮播的东西，放li里面 浮动成一行展示，然后在li上面有一个小视窗（ul的父级） 父级设置overflow: hidden,这样 咱们就可以 让ul设置绝对定位 ，只需要调整left值让ul移动，移动就会出现在视窗。
阅读全文
摘要：原始的 兼容性好 li.onclick=fn; 一个事件绑定多个函数的方法 li.addEventListener("click",fn,false); [注意这里要加引号，不要on ] 1.冒泡 碰到父子元素结构的时候，当我们给他设置事件的时候，最后的布尔值设false时 就会发生“冒泡”事件，从
阅读全文
摘要：DOM，主要用来修改HTML的标准编程接口，可以用来修改各种html标签内容 和属性 样式。 查找： document： 整个文档。 document.getElementsByTagName document.getElementById document.getElementsByClassNa
阅读全文
摘要：首先看下解释： :checked 选择器匹配每个选中的输入元素（仅适用于单选按钮或复选框） ，只对input type=radio和checkbox 有用 label 可以和 input关联 用#id 来控制，这样点击label的文字相当于 点击input的内容 。 接下来 点击label相当于点击
阅读全文
摘要：1.背景渐变 .gradient1 { background:linear-gradient(135deg,red, blue 20%, orange); // 135度 20%表示渐变点的位置} .gradient2 { background:-webkit-radial-gradient(1px
阅读全文
摘要：direction 滚动方向 默认：horizontal 举例：verticalspeed 切换速度 默认：300 举例：1000 slidesPerView : 3, 一个视窗显示几个slides slidesPerGroup : 3, 滑动一次滚动几个 spaceBetween : 70, sl
阅读全文
摘要：几个重点知识 1.未经声明直接赋值则为全局所有 window 2.预编译过程 首先创建AO对象 形参和变量声明 形参实参统一 函数声明覆盖 var a =function（）{ }这是表达式，要调用必须 把 a(); 写在后面。 3.闭包 return 结果出来，出来的函数带着test 里面的数据（
阅读全文
摘要：基础：在网页做什么事 要想清楚 事针对谁做，这个谁就是“对象“，当对象不存在 ，就会乱套。A.relative:只针对自己定位，比如说你设置left top ，只对自己有效果，不脱离文档流 ： B.absolute：针对有relative的父级，定位，如果父级 没有再往上找 一直找，都没有的话就以b
阅读全文
摘要：1.transform: translateY(100px); 但是transform在单独使用的时候并不会产生动画效果，页面加载的时候就已经在变化后的状态了，所以需要搭配transition使用，产生动画效果。这种需要hover 给他一个事件 才会发生这个动作 使用方法： .a:hover{ tr
阅读全文
摘要：hover用法： 必须-移入父级操作子级 也可以移入自己操作自己 1.对自身作用 2.对自身的子集作用 3.对兄弟元素的作用
阅读全文
浙公网安备 33010602011771号