表格中的colspan colspan
colspan 属性规定单元格可横跨的列数 colspan="2" rowspan 属性规定单元格可横跨的行数 rowspan="2" ...
前端最佳实践——DOM操作
1、浏览器渲染原理 在讲DOM操作的最佳性能实践之前,先介绍下浏览器的基本渲染原理。 分为以下四个步骤: 解析HTML(HTML Parser) 构建DOM树(DOM Tree) 渲染树构建(Render Tree) 绘制渲染树(Painting) 浏览器请求解析(Parser) HTML 文档,并 ...
axios统一接口管理及优化
之前我写了一篇文章,分享了自己的项目中对于接口管理的方法。总结下来就是:定义接口文件--withAxios导出--调用接口方法。这样实现了接口的统一管理和调用接口的语义化与简单化。 根据在项目的使用,发现有以下问题需要优化: 根据以上问题,采用了以下解决方案: 通过代码展示一下(React项目): ...
js 回调地狱的另类解决方案尝试
例如 通过学生获取学生所在学校信息,需要先查询学生所在班级,再通过班级查询所在学校信息。js代码类似写法如下: 写了个类通过设置相关业务信号量来绑定触发的方法,当信号变量改变时就会自动调用相应的方法,改进方法如下: flag 是个信号量设置对象,s.setFlag(flag, "canGetClas ...
JavaScript的函数申明、函数表达式、箭头函数
JavaScript中的函数可以通过几种方式创建,如下。 // 函数声明 function getName() { return 'Michael' } // 函数表达式 const getName = function() { return 'Michael' } // 箭头函数(同样也是表达式) ...
vue中监听路由参数的变化
在vue项目中,假使我们在同一个路由下,只是改变路由后面的参数值,期望达到数据的更新。 getDetail()方法中会用到this.id这个参数,在同一页面切换id的值,并不会触发vue的声明周期函数。 可以添加路由监听: ...
ExtJS 下拉框监听事件、日期选择器监听事件、实现动态给items添加删除数据
1、下拉框 下拉框选择时,触发事件的方法: 在 Ext.form.ComboBox 组件中新增 listeners 监听事件 基本写法为: listeners{'事件',function(){处理方法}} listeners:{ select:{ fn:function(combo,record,i ...
使用 sroll-snap-type 优化滚动
根据 CSS Scroll Snap Module Level 1 规范,CSS 新增了一批能够控制滚动的属性,让滚动能够在仅仅通过 CSS 的控制下,得到许多原本需要 JS 脚本介入才能实现的美好交互。 Tips:本文截的一些 Gif 图涉及容器滚动,效果不是很好,可以点进 Demo 里实际感受下 ...
Web API---DOM---点击操作---节点的方式---案例
点击操作 节点的方式 案例 案例1:点击按钮,设置p变色 节点的方式做 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> div { width: 200px; he ...
推荐一款好看的Hexo主题Ayer
介绍 "Ayer" 是一个干净且优雅的Hexo主题,自带响应式,加载速度很快,该有的功能都有,可配置项也很多,非常适合作为你的博客主题,主题内还附送了6张精美的高清壁纸。欢迎使用和Star支持,如果你在使用过程中有任何疑问或者建议,欢迎联系我! "项目地址" "效果预览" "中文说明" 特性 干净且 ...
移动京东项目练习记录
移动京东项目练习记录 1. 流式布局与移动端适配的基本要求 2. 绑定事件的几个方式 on 只能绑定一次事件,但是可以兼容各种浏览器 addeventlistener 适合各种谷歌相关的浏览器,可以绑定多次事件 attachEvent 适合IE浏览器,可以多次绑定 但是里面事件名有on eg:tou ...
Web API---DOM---节点的概念,属性,和获取相关的节点
回顾概念 文档: document 元素: 页面中所有的标签, 元素 element, 标签 元素 对象 节点: 页面中所有的内容(标签,属性,文本(文字,换行,空格,回车)) Node 根元素:html标签 需求 用之前学习的知识点能否解决?获取div中所有的标签,设置每个标签的背景颜色 节点 任 ...
Web API---DOM---part3课程介绍和part2复习
part3课程介绍 节点 为什么要学节点 节点的操作的相关属性 >作用 12行代码 有用的 熟练的问题, 节点的案例 元素的创建三种方式 重点的内容 为什么要有元素的创建 添加元素 移除元素 事件的 part2复习 阻止超链接默认的跳转事件: return false; 获取元素的方式 根据id获取 ...
HTML连载55-网易注册界面实战之input填充
一、又学一招:想要让两个盒子高度对齐,那么让他们浮动起来 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D139_FrameworkeOfNeteasyInterface</title> <style> . ...
深入了解CSS中盒子模型
CSS中盒子模型介绍 什么是盒子? 盒子是用来存储物品,我们可以将盒子理解为酒盒,酒盒有什么组成的呢? 有酒可以喝、有填充物保护酒防止酒被摔坏、纸盒子。 我们怎么理解 中的盒子呢, 中盒子有什么组成的呢?有内容、内边距、边框、外边距。 中盒子的主要属性有 种如: 宽度、 高度、 内边距、 边框、 外 ...
Web API---DOM---tab切换案例实现---排他
tab切换案例实现 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } ul { list-style-type: no ...
Web API---DOM---自定义属性引入和移除
总结:在html标签中添加的自定义属性, 如果想要获取这个属性的值, 需要使用getAttribute("自定义属性的名字")才能获取这个属性的值 html标签中有没有什么自带的属性可以存储成绩的 没有 本身html标签没有这个属性, 自己(程序员)添加的 自定义属性 为了存储一些数据 <!DOCT ...
vue中计算属性的get与set方法
计算属性get set方法 在vue的计算属性中,所定义的都是属性,可以直接调用 正常情况下,计算属性中的每一个属性对应的都是一个对象,对象中包括了set方法与get方法 而绝大多数情况下,计算属性没有set方法,是一个只读属性 此时计算属性可以简写 ...