- 博客(20)
- 收藏
- 关注
原创 Vue之父子兄弟组件间通信
Vue之父子兄弟组件间通信@(JavaScript)[学习笔记]Vue之父子兄弟组件间通信导言父组件向子组件传递消息子组件向父组件传递数据兄弟组件间通信导言最近在写个人简历网页版遇到一个问题,想要将一个组件的dom结构传递给其他兄弟组件,然后进行dom操作,不知怎么在其间传递数据,查阅资料,找到解决方法,现记录如下,整理思路加强学习,同时便于他人参考 创建一个App.vue作为父组件<
2017-11-15 14:48:28
684
原创 JavaScript高程学习笔记之事件(13)
JavaScript高程学习笔记之事件(13)@(JavaScript)[学习笔记]JavaScript高程学习笔记之事件13事件流1 事件冒泡2 事件捕获3 DOM事件流事件处理程序1 HTML事件处理程序2 DOM0级事件处理程序3 DOM2级事件处理程序4 IE事件处理程序5 跨浏览器的事件处理程序事件对象1 DOM事件对象2 IE中事件对象3 跨浏览器的事件对象
2017-10-17 08:45:02
542
原创 JavaScript高程学习笔记之DOM(10,11,12)
JavaScript高程学习笔记之DOM(10,11,12)@(JavaScript)[学习笔记]JavaScript高程学习笔记之DOM101112DOM1 节点层次11 Node类型12 Document类型13 Element类型14 Text类型15 Comment类型16 CDATASection类型17 DocumentType类型 略18 DocumentFrag
2017-10-17 08:42:20
627
原创 JavaScript高程学习笔记之客户端检测(9)
JavaScript高程学习笔记之客户端检测(9)@(JavaScript)[学习笔记]JavaScript高程学习笔记之客户端检测9能力检测1 更可靠的能力检测2 能力检测不是浏览器检测怪癖检测用户代理检测1 用户代理字符串的历史 略2 用户代理字符串检测技术4 使用方法使用能力检测用户代理检测的历史选择检测方式1. 能力检测能力检测的目标不是识别特定的浏览器,而是识别浏览
2017-10-17 08:40:11
409
原创 JavaScript高程学习笔记之BOM(8)
window对象1 全局作用域2 窗口关系及框架3 窗口位置4 窗口大小5 导航和打开窗口6 间歇调用和超时调用7 系统对话框location对象1 查询字符串参数2 位置操作navigator对象1 检测插件2 注册处理程序screen对象history对象1. window对象1.1 全局作用域全局变量与window属性的区别:全局变量不可用delete操作符删除
2017-10-01 16:06:22
412
原创 JavaScript高程学习笔记之函数表达式(7)
递归闭包1 闭包与变量2 关于this对象3 内存泄漏模仿块级作用域私有变量1 静态私有变量2 模块模式3 增强的模块模式函数表达式的特征使用函数实现递归使用闭包定义私有变量1. 递归argument.callee:一个指向正在执行函数的指针,严格模式下会出错 命名函数表达式,严格和非严格都不会出错var factorial = (function f(num){
2017-10-01 16:04:25
529
原创 JavaScript高程学习笔记之面向对象的程序设计(6)
理解对象1 属性类型2 定义多个属性3 读取属性特性创建对象1 工厂模式2 构造函数模式3 原型模式4 组合使用构造函数模式和原型模式5 动态原型模式6 寄生构造函数模式7 稳妥构造函数模式继承1 原型链2 借用构造函数3 组合继承4 原型式继承5 寄生式继承6 寄生组合式继承内容概要 - 理解对象属性 - 理解并创建对象 - 理解继承1. 理解对象用对象
2017-09-28 17:56:19
426
原创 JavaScript高程学习笔记之引用类型(5)
object类型Array类型1 检测数组2 转换方法3 栈方法4 队列方法5 重排序方法6 操作方法7 位置方法8 迭代方法9 归并方法Data类型1 继承的方法2 日期格式化方法3 日期时间组件方法RegExp类型1 RegExp实例属性2 RegExp实例方法3 RegExp构造函数属性4 模式的局限性Function类型1 没有重载2 函数声明与函
2017-09-26 17:05:24
601
原创 javascript dom编程艺术学习笔记之实现动画效果
javascript dom编程艺术学习笔记之实现动画效果@(JavaScript)[学习笔记]javascript dom编程艺术学习笔记之实现动画效果动画基础知识1 位置2 时间3 时间递增量4 抽象5 使用moveElement函数实用的动画1 提出问题3 CSS4 JavaScript5 变量作用域问题6 改进动画效果7 添加安全检查8 生成HTML标记1.动画
2017-09-25 09:29:56
756
原创 javascript dom编程艺术学习笔记之CSS-DOM
javascript dom编程艺术学习笔记之CSS-DOM@(JavaScript)[学习笔记]javascript dom编程艺术学习笔记之CSS-DOM三位一体的网页stytle属性1 获取样式2 设置样式何时用DOM脚本设置样式1 根据元素在节点树的位置来设置样式2 根据某种条件反复设置某种样式3 响应事件className属性对函数进行抽象1.三位一体的网页网页由以下
2017-09-25 09:27:46
311
原创 javascript dom编程艺术学习笔记之充实的文档内容
不应该做什么把不可见变为可见内容1选用HTMLXHTML还是HTML52 css3 javascript显示缩略语列表1 编写displayAbbreviations函数2 创建标记3 浏览器地雷显示文献来源链接表显示快捷键清单检索和添加信息1.不应该做什么不要使用dom技术把一些重要的东西加到网页上,你可能正在滥用dom 我们要始终牢记两个原则 - 渐进增强 从核心
2017-09-21 10:28:21
661
原创 javascript dom编程艺术学习笔记之动态创建标记
传统方法1documentwrite2 innerHTML属性方法DOM方法1 creatElemlent方法2 appendChild方法3 creatTextNode方法4更复杂的组合动态创建HTML内容1 在已有元素前插入一个元素Ajax1XMLHttpRequest对象2Hijax1.传统方法1.1document.writedocument对象的write方法可以
2017-09-21 10:25:55
624
原创 javascript dom编程艺术读书笔记之图片库改进版
javascript和HTML是分离的吗添加事件处理函数共享onload事件不要做太多假设优化键盘访问把javascript和css结合起来DOM Core和HTML-DOM1.javascript和HTML是分离的吗该示例支持平稳退化 目前他们还是混合在一起,我们要找到一种挂钩把他们关联起来。 我们可以为ui设置一个ID<ul id=""imagegallery">2.添加事件
2017-09-21 10:22:54
397
原创 javascript Dom编程艺术读书笔记之最佳实践
平稳退化javascript伪协议内嵌事件处理函数平稳退化的重要性渐进增强分离javascript对象检测浏览器嗅探技术性能考虑1.平稳退化正确使用javascript脚本,让访问者在不支持javascript情况下,仍然可以顺利浏览你的网站2.”javascript:”伪协议通过一个链接调用伪协议<a href="javascript:popUp('http://www.exam
2017-09-21 10:18:45
329
原创 JavaScript Dom 编程艺术学习笔记之DOM操作
JavaScript Dom 编程艺术学习笔记之DOM操作@(JavaScript)JavaScript Dom 编程艺术学习笔记之DOM操作dom方法获取元素和节点节点属性1.dom方法获取元素和节点getElementById 返回给定id属性值的元素节点对应的对象document.getElementById(id) 例:document.getElementById("purch
2017-09-21 10:13:09
280
原创 Bootstrap学习之五:图片轮播
@(Bootstrap)导言Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。示例下面演示图片的轮播,使用bootstrap中的Carousel显示循环播放元素插件。<div id="carousel-example-generic" class="carousel s
2017-05-25 16:09:48
808
原创 Bootstrap学习之四:表单
@(Bootstrap)[网页]##导言> 关于表单的应用自然不需要多说,只要您的的网站可以用户登录,那么不可能不用到表单!表单主要功能是用来与用户做交流的一个网页控件,JavaScript发明之初最大的作用也就是用来进行表单操作。所以表单是每一个前端开发者必须要熟练掌握的东西。[toc]##1.基础表单表单控件会被自动赋予全局样式,设置了foem-control类的的`input`,text
2017-05-17 18:04:28
374
原创 Bootstrap学习之三:使用排版
@(Bootstrap)[网页]##导言本篇文章中将会学习bootstrap中用于排版的元素**(由于用的MarkDown编辑器toc生成的目录,把标题下的几个演示标题也生成了,真的是呵呵哒)**[toc]##1.标题HTML 中的所有标题标签,h1到h6均可使用。另外,还提供了 .h1 到 .h6 类,为的是给内联(inline)属性的文本赋予标题的样式。包含small标签,用来标记副标题。
2017-05-17 11:46:01
467
原创 Bootstrap学习之二:栅格化布局
@(Bootstrap)导言前面我们讲了如何安装使用bootstrap框架,下面我们将会学习bootstrap的各种框架结构,布局。在这篇文章中将讲述如何使用栅格化布局导言什么是栅格化布局开始栅格化布局a创建一个容器b创建合适的栅格系统c进行列的嵌套d单元格的其他类e列偏移1.什么是栅格化布局 Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(vi
2017-05-16 20:14:53
3110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人