0

表格中的colspan colspan

colspan 属性规定单元格可横跨的列数 colspan="2" rowspan 属性规定单元格可横跨的行数 rowspan="2" ...

Cutelady 发布于 2019-12-06 18:13 评论(0)阅读(6)
1

CSS 了解一下

CSS 认识一下 1、CSS 的那些事 CSS(Cascading Style Sheets)译「 层叠样式表 」,我的理解是: 各种样式叠加的表 。 一个网页,如果没有 CSS,就是穿着“国王的新衣”,在裸奔!CSS 的重要性不言而喻! 作为 HTML 的衣服,CSS 为 HTML 元素提供了一种 ...

我是玖柒后 发布于 2019-12-06 17:06 评论(0)阅读(88)
0

前端最佳实践——DOM操作

1、浏览器渲染原理 在讲DOM操作的最佳性能实践之前,先介绍下浏览器的基本渲染原理。 分为以下四个步骤: 解析HTML(HTML Parser) 构建DOM树(DOM Tree) 渲染树构建(Render Tree) 绘制渲染树(Painting) 浏览器请求解析(Parser) HTML 文档,并 ...

认真的四季豆 发布于 2019-12-06 16:28 评论(0)阅读(16)
0

axios统一接口管理及优化

之前我写了一篇文章,分享了自己的项目中对于接口管理的方法。总结下来就是:定义接口文件--withAxios导出--调用接口方法。这样实现了接口的统一管理和调用接口的语义化与简单化。 根据在项目的使用,发现有以下问题需要优化: 根据以上问题,采用了以下解决方案: 通过代码展示一下(React项目): ...

ZhangCui 发布于 2019-12-06 15:15 评论(0)阅读(33)
0

js 回调地狱的另类解决方案尝试

例如 通过学生获取学生所在学校信息,需要先查询学生所在班级,再通过班级查询所在学校信息。js代码类似写法如下: 写了个类通过设置相关业务信号量来绑定触发的方法,当信号变量改变时就会自动调用相应的方法,改进方法如下: flag 是个信号量设置对象,s.setFlag(flag, "canGetClas ...

程序熊猫 发布于 2019-12-06 14:58 评论(2)阅读(34)
0

JavaScript的函数申明、函数表达式、箭头函数

JavaScript中的函数可以通过几种方式创建,如下。 // 函数声明 function getName() { return 'Michael' } // 函数表达式 const getName = function() { return 'Michael' } // 箭头函数(同样也是表达式) ...

吾日三省吾身,两顿饭 发布于 2019-12-06 14:31 评论(0)阅读(26)
0

vue中监听路由参数的变化

在vue项目中,假使我们在同一个路由下,只是改变路由后面的参数值,期望达到数据的更新。 getDetail()方法中会用到this.id这个参数,在同一页面切换id的值,并不会触发vue的声明周期函数。 可以添加路由监听: ...

Jade_g 发布于 2019-12-06 11:58 评论(0)阅读(17)
0

ExtJS 下拉框监听事件、日期选择器监听事件、实现动态给items添加删除数据

1、下拉框 下拉框选择时,触发事件的方法: 在 Ext.form.ComboBox 组件中新增 listeners 监听事件 基本写法为: listeners{'事件',function(){处理方法}} listeners:{ select:{ fn:function(combo,record,i ...

DamonGuo 发布于 2019-12-06 11:06 评论(0)阅读(10)
4

使用 sroll-snap-type 优化滚动

根据 CSS Scroll Snap Module Level 1 规范,CSS 新增了一批能够控制滚动的属性,让滚动能够在仅仅通过 CSS 的控制下,得到许多原本需要 JS 脚本介入才能实现的美好交互。 Tips:本文截的一些 Gif 图涉及容器滚动,效果不是很好,可以点进 Demo 里实际感受下 ...

ChokCoco 发布于 2019-12-06 10:57 评论(1)阅读(161)
0

Web API---DOM---点击操作---节点的方式---案例

点击操作 节点的方式 案例 案例1:点击按钮,设置p变色 节点的方式做 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> div { width: 200px; he ...

jane_panyiyun 发布于 2019-12-06 10:44 评论(0)阅读(14)
0

推荐一款好看的Hexo主题Ayer

介绍 "Ayer" 是一个干净且优雅的Hexo主题,自带响应式,加载速度很快,该有的功能都有,可配置项也很多,非常适合作为你的博客主题,主题内还附送了6张精美的高清壁纸。欢迎使用和Star支持,如果你在使用过程中有任何疑问或者建议,欢迎联系我! "项目地址" "效果预览" "中文说明" 特性 干净且 ...

沈宇(Eric) 发布于 2019-12-06 10:27 评论(0)阅读(24)
0

移动京东项目练习记录

移动京东项目练习记录 1. 流式布局与移动端适配的基本要求 2. 绑定事件的几个方式 on 只能绑定一次事件,但是可以兼容各种浏览器 addeventlistener 适合各种谷歌相关的浏览器,可以绑定多次事件 attachEvent 适合IE浏览器,可以多次绑定 但是里面事件名有on eg:tou ...

孤独是一座花园 发布于 2019-12-06 10:18 评论(0)阅读(20)
0

Web API---DOM---节点的概念,属性,和获取相关的节点

回顾概念 文档: document 元素: 页面中所有的标签, 元素 element, 标签 元素 对象 节点: 页面中所有的内容(标签,属性,文本(文字,换行,空格,回车)) Node 根元素:html标签 需求 用之前学习的知识点能否解决?获取div中所有的标签,设置每个标签的背景颜色 节点 任 ...

jane_panyiyun 发布于 2019-12-06 09:37 评论(0)阅读(11)
0

Web API---DOM---part3课程介绍和part2复习

part3课程介绍 节点 为什么要学节点 节点的操作的相关属性 >作用 12行代码 有用的 熟练的问题, 节点的案例 元素的创建三种方式 重点的内容 为什么要有元素的创建 添加元素 移除元素 事件的 part2复习 阻止超链接默认的跳转事件: return false; 获取元素的方式 根据id获取 ...

jane_panyiyun 发布于 2019-12-06 08:54 评论(0)阅读(12)
0

HTML连载55-网易注册界面实战之input填充

一、又学一招:想要让两个盒子高度对齐,那么让他们浮动起来 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D139_FrameworkeOfNeteasyInterface</title> <style> . ...

心悦君兮君不知-睿 发布于 2019-12-06 00:31 评论(0)阅读(31)
0

ES 6新语法

一、块级作用域绑定 回顾:使用var关键字定义变量 定义 = 声明 + 赋值; 1. 可以一次定义多个变量 2. 定义时可以只声明不赋值 3. 定义之后可以随时修改变量的值 4. 变量声明会被提升 5. 可重复定义变量 6. 全局定义的变量会被作为全局对象(global/window)的属性 7.  ...

张尊娟 发布于 2019-12-05 23:03 评论(0)阅读(35)
4

深入了解CSS中盒子模型

CSS中盒子模型介绍 什么是盒子? 盒子是用来存储物品,我们可以将盒子理解为酒盒,酒盒有什么组成的呢? 有酒可以喝、有填充物保护酒防止酒被摔坏、纸盒子。 我们怎么理解 中的盒子呢, 中盒子有什么组成的呢?有内容、内边距、边框、外边距。 中盒子的主要属性有 种如: 宽度、 高度、 内边距、 边框、 外 ...

微笑是最初的信仰 发布于 2019-12-05 22:12 评论(0)阅读(203)
1

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 ...

jane_panyiyun 发布于 2019-12-05 21:17 评论(0)阅读(29)
0

Web API---DOM---自定义属性引入和移除

总结:在html标签中添加的自定义属性, 如果想要获取这个属性的值, 需要使用getAttribute("自定义属性的名字")才能获取这个属性的值 html标签中有没有什么自带的属性可以存储成绩的 没有 本身html标签没有这个属性, 自己(程序员)添加的 自定义属性 为了存储一些数据 <!DOCT ...

jane_panyiyun 发布于 2019-12-05 19:00 评论(1)阅读(19)
0

vue中计算属性的get与set方法

计算属性get set方法 在vue的计算属性中,所定义的都是属性,可以直接调用 正常情况下,计算属性中的每一个属性对应的都是一个对象,对象中包括了set方法与get方法 而绝大多数情况下,计算属性没有set方法,是一个只读属性 此时计算属性可以简写 ...

Destiny7 发布于 2019-12-05 18:45 评论(0)阅读(30)