0

jQuery自定义插件

自定义一个jQuery二级菜单插件 自定义jQuery插件需要了解: 命名规范:jQuery.插件名-版本.js 以工具(全局)函数形式加到jQuery中: $.extend({函数名:function(){功能代码}}); 使用时:$.函数名(); 以成员(局部)函数形式加到jQuery中: $. ...

把番茄沉入海底 发布于 2019-12-07 01:15 评论(0)阅读(6)
0

Cookie插件的使用

jQuery-cookie插件的使用 什么是插件? 基于jQuery的语法,按照一定规范书写,具有特定功能的脚本文件,称为插件。 插件除了js文件之外,有的还包含css文件,图片和字体等资源文件。 在jQuery的官网http://jquery.com/搜索和下载需要的插件。 1.引入cookie ...

把番茄沉入海底 发布于 2019-12-06 23:56 评论(0)阅读(4)
0

Web API---DOM---为元素绑定事件的引入,为元素绑定多个代码,兼容代码

1. 为元素绑定事件的引入: 用src直接绑定多个,只实现最后一个(programmer2.js) <input type="button" value="按钮" id="btn"/> <script src="common.js"></script> <script src="programmer ...

jane_panyiyun 发布于 2019-12-06 22:49 评论(0)阅读(2)
0

Web API---DOM---元素相关的操作方法

1. 追加子元素 my$("dv").appendChild(obj); 2. 把新的子元素插入到第一个子元素的前面 my$("dv").insertBefore(obj, my$("dv").firstElementChild); 3. 移除父级元素中第一个子级元素 my$("btn2").onc ...

jane_panyiyun 发布于 2019-12-06 21:50 评论(0)阅读(6)
0

Web API---DOM---元素创建的不同方式---三种方式,5个案例

元素创建 为了提高用户的体验 元素创建的三种方式: 1. document.write("标签的代码及内容"); 2. 对象.innerHTML="标签及代码"; 3. document.createElement("标签的名字"); 1. document.write("标签的代码及内容"); m ...

jane_panyiyun 发布于 2019-12-06 21:26 评论(0)阅读(9)
0

表格中的colspan colspan

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

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

CSS 了解一下

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

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

前端最佳实践——DOM操作

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

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

axios统一接口管理及优化

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

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

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

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

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

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

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

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

vue中监听路由参数的变化

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

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

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

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

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

使用 sroll-snap-type 优化滚动

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

ChokCoco 发布于 2019-12-06 10:57 评论(1)阅读(175)
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)阅读(17)
0

推荐一款好看的Hexo主题Ayer

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

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

移动京东项目练习记录

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

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

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

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

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

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

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

jane_panyiyun 发布于 2019-12-06 08:54 评论(0)阅读(16)
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)阅读(33)