有道云笔记内容迁移到csdn博客

想把有道云笔记上面的文章迁移到csdn，但是发现只能通过复制粘贴，和分享链接

一、bootstrap学习

1.学习网站

中文网：
http://v3.bootcss.com/javascript/

慕课：
http://www.imooc.com/learn/262
2.css样式学习

按钮

禁用状态：http://note.youdao.com/noteshare?id=fa46172411068df346bf1c60cfe6bd52

激活状态：http://note.youdao.com/noteshare?id=80433e4779c2780a5d3610ff13dacc8b

块级拉伸至100%按钮：http://note.youdao.com/noteshare?id=fae77b31b3df8caace514ea60a82de12

预定义样式：http://note.youdao.com/noteshare?id=d55620219faacaaf6532262bba290c5b

可作为按钮使用的标签或元素：http://note.youdao.com/noteshare?id=bcd28d74f69b5a414916fbbb30d3174a

表单学习

调整列（column）尺寸：http://note.youdao.com/noteshare?id=dd2b7e5b96e4cc5985797c66ab958e9a

水平排列的表单组的尺寸：http://note.youdao.com/noteshare?id=88dce33ec502ae859ed9282a25d1052a

控件尺寸：http://note.youdao.com/noteshare?id=c4c9b7049726178f685739b670b1e33e

可选的图标隐藏 label：http://note.youdao.com/noteshare?id=f69d7224f19b1d66144f5bb1eb52ac74

为水平排列的表单和内联表单设置可选的图标：http://note.youdao.com/noteshare?id=a7c61296863ab7d7780960938ee54f99

添加额外的图标：http://note.youdao.com/noteshare?id=6e114058277da81fda2eba468ad7e25a

校验状态：http://note.youdao.com/noteshare?id=b3f3e4d8b4b86df7da73fbdc17db8809

焦点状态：http://note.youdao.com/noteshare?id=30c56a6929c262ed0ebe0b72abd21aa5

bootstrap表单汇总笔记：http://note.youdao.com/noteshare?id=f67120a3ab2c9540a0649e7621cc3ac5

如果需要在表单中将一行纯文本和 label 元素放置于同一行：http://note.youdao.com/noteshare?id=38213332176d8aaecaefaed8ae23b689

不带label文本的Checkbox 和 radio：http://note.youdao.com/noteshare?id=0e4ad8700d6a125506293900c3804f81

内联单选和多选框：http://note.youdao.com/noteshare?id=ccebd2cd8db5fa1fded7b2bd6a0ec801

多选和单选框：http://note.youdao.com/noteshare?id=ed7693889f273a98e52dfac35235ce28

col-sm-offset-2 col-sm-10：http://note.youdao.com/noteshare?id=06f9f60f648ad52d8a7f079b8e736f5d

内联表单-输入框前后添加文字或者小图标：http://note.youdao.com/noteshare?id=8f75e273da5ce356b20368dee5b9c90f

内联表单：http://note.youdao.com/noteshare?id=6bb954c9cfcf913d213d5fca84e7170a

表格：http://note.youdao.com/noteshare?id=38ac4c18b1169c0ffc38eb74b81c637b
辅助类

元素有焦点时显示出来：http://note.youdao.com/noteshare?id=df2c99c4db0817863b1d906984c69794

显示或隐藏内容：http://note.youdao.com/noteshare?id=e4096e506ae45d32aa861e3bfa43b156

文本居中and内容块居中and表格居中：http://note.youdao.com/noteshare?id=4a11de2942ba2c5e7f9d96e9ab2f28fb

快速浮动and清除浮动：http://note.youdao.com/noteshare?id=a21bed2173379ed91adfd6eeedfe3f98

三角符号：http://note.youdao.com/noteshare?id=dbb58f7ef633d3b12c760d4a266e9618

关闭按钮：http://note.youdao.com/noteshare?id=96964310522df845d776d44a7b7a13ec

情境背景色：http://note.youdao.com/noteshare?id=a1c0b8380d344782bda39234c49e0f1f

情境文本颜色：http://note.youdao.com/noteshare?id=de58c52bd1432a9dc09787198aca866b

更改链接颜色：http://note.youdao.com/noteshare?id=0d7f03f607f623fea5b5f5df2d37975f

排版：http://note.youdao.com/noteshare?id=0ef782c860e7fa38bfeecb8c77af148b
图片

图片形状：http://note.youdao.com/noteshare?id=333c34c7650b5cb3b84c3a3250bd3ac4

img-responsive 类可以让图片支持响应式布局：http://note.youdao.com/noteshare?id=a3dbddecd08f937b832441997f0375d8

HTML中img路径问题：http://note.youdao.com/noteshare?id=8bccdad8dbcba79b0fe6b850ccddfc7b

响应式工具

针对打印机隐藏或显示某些内容：http://note.youdao.com/noteshare?id=8e0c3b696e4707fac9138dbdab1846cd

visible-和display 属性：http://note.youdao.com/noteshare?id=bb2c379f1fd8a596b174988aa99700a8

二、jquery学习

1.学习网址：

初步学习：http://www.imooc.com/search/course?words=jquery
源码下载：http://jquery.cuishifeng.cn/jQuery_selector_context.html

2.jquery基础（一）样式篇

第1章：初识jquery

环境搭建：http://note.youdao.com/noteshare?id=04bd7fc97bc72c83320e8acc98068c44

课程介绍：http://note.youdao.com/noteshare?id=26438e265ac77a33155f3db426551b41

DOM对象转化成jQuery对象：http://note.youdao.com/noteshare?id=c94a87fb958666837b7b3f2c1784a074

jQuery对象转化成DOM对象：http://note.youdao.com/noteshare?id=92ce7b90e12f885ddb06b67951d08841

jQuery对象与DOM对象：http://note.youdao.com/noteshare?id=ffba3689196fe8cc2246528c04919a66

jQueryHelloWorld体验：http://note.youdao.com/noteshare?id=f833a57816bb66e80f2aac31f0042e35

第2章：jQuery选择器

jQuery选择器之层级选择器：http://note.youdao.com/noteshare?id=b445a08b3910a4c7437950d2e72244f6

综合案例：http://note.youdao.com/noteshare?id=6cf782cf222d4be0f5692b1cb850cd00

jQuery选择器之特殊选择器this：http://note.youdao.com/noteshare?id=cfa7e719fb8f70e2f6bf050d397290b2

jQuery选择器之表单对象属性筛选选择器：http://note.youdao.com/noteshare?id=47d28aee8a3169094f232ca5366eb7d3

jQuery选择器之表单元素选择器：http://note.youdao.com/noteshare?id=0346290bb0ed46937255b9c72fc926ce

jQuery选择器之子元素筛选选择器：http://note.youdao.com/noteshare?id=762c6b140b9e32100e76b226955301f3

jQuery选择器之属性筛选选择器：http://note.youdao.com/noteshare?id=7ae44f64f2857b75bf484d539d8804f6

jQuery选择器之可见性筛选选择器：http://note.youdao.com/noteshare?id=7096e5d520e7da60917d054489fde63e

jQuery选择器之内容筛选选择器：http://note.youdao.com/noteshare?id=9d2ed7df551cf25d18a2ae671afece6d

jQuery选择器之基本筛选选择器：http://note.youdao.com/noteshare?id=39cf6fdad68e2dff7f897e65116e3a72

jQuery选择器之全选择器：http://note.youdao.com/noteshare?id=12354315e943efcfb879e856fb60babd

jQuery选择器之元素选择器：http://note.youdao.com/noteshare?id=b8b4112fb87486b56e39255aed8af8c2

jQuery选择器之类选择器：http://note.youdao.com/noteshare?id=fc9b6b4ed5766d8889988177c322cf36

jQuery选择器之id选择器：http://note.youdao.com/noteshare?id=284b2d712119a01cd1d79daa553c4617

第3章：jQuery的属性与样式

jQuery的属性与样式之元素的数据存储：http://note.youdao.com/noteshare?id=94d4028e84e7fbf8d6e26928e453f130

jQuery的属性与样式之.css()与.addClass()设置样式的区别：http://note.youdao.com/noteshare?id=cf794f53ad58d7062f74cba7d55a0311

jQuery的属性与样式之样式操作.css()：http://note.youdao.com/noteshare?id=4097c60eaedf9ed55a4e4fea9f774311

jQuery的属性与样式之切换样式.toggleClass()：http://note.youdao.com/noteshare?id=e513c26df7bc0764538ec36ac45c6700

jQuery的属性与样式之删除样式.removeClass()：http://note.youdao.com/noteshare?id=56a05376a45d6b300418fd2bd8a86628

jQuery的属性与样式之增加样式.addClass()：http://note.youdao.com/noteshare?id=eb96979f5a1c7679b7e7bfa9217a7f0c

jQuery的属性与样式之.val()：http://note.youdao.com/noteshare?id=99cfd2fc146aee4b87ff4bde5d4e4feb

jQuery的属性与样式之html()及.text()：http://note.youdao.com/noteshare?id=9fc7781f8b41a97bd9781f835ee14199

jQuery的属性与样式之.attr()与.removeAttr()：http://note.youdao.com/noteshare?id=b1d5ef866f6abdd2ca261f625460f2c8

3.jQuery基础（二）DOM篇

第1章：DOM节点的创建

jQuery节点创建与属性的处理：http://note.youdao.com/noteshare?id=f810250943c726a31e7d6627f1133d91

DOM创建节点及节点属性：http://note.youdao.com/noteshare?id=93fc08d5fda39f168d4e7bd658b9fd75

第2章：DOM节点的插入

DOM外部插入insertAfter()与insertBefore()：http://note.youdao.com/noteshare?id=f1e6cf2f753f525b9856b1d598b765fb

DOM内部插入prepend()与prependTo()：http://note.youdao.com/noteshare?id=a677dafc211c64fd7e586e5ff9ec5113

DOM外部插入after()与before()：http://note.youdao.com/noteshare?id=d6bee020a6458c632ac69f51f702d32a

DOM内部插入append()与appendTo()：http://note.youdao.com/noteshare?id=aa8dc7ee462593cdfcfbcd4055950ab4

第3章：DOM节点的删除

DOM节点删除之detach()和remove()区别：http://note.youdao.com/noteshare?id=4000d5d57ede24c1e6e0b83f1f62e93c

DOM节点删除之保留数据的删除操作detach()：http://note.youdao.com/noteshare?id=bf4654d783d876d1e671428758aa8518

DOM节点删除之empty和remove区别：http://note.youdao.com/noteshare?id=df427b51481bb8e7b43af07d46da530a

DOM节点删除之remove()的有参用法和无参用法：http://note.youdao.com/noteshare?id=d571cc246630c540a57b3b7b56c4847e

DOM节点删除之empty()的基本用法：http://note.youdao.com/noteshare?id=d91c2f2c570c27730cea746daaf16641

第4章：DOM节点的复制与替换

DOM包裹wrapInner()方法：http://note.youdao.com/noteshare?id=4596765952613e405142ee4ce512415d

DOM包裹wrapAll()方法：http://note.youdao.com/noteshare?id=e505b9be6a2bf2a09304c9376b1178d9

DOM包裹unwrap()方法：http://note.youdao.com/noteshare?id=0529a7a3418874814a917c0355264ddd

DOM包裹wrap()方法：http://note.youdao.com/noteshare?id=eb6ccbee16249cd1fc045615c7957573

DOM替换replaceWith()和replaceAll()：http://note.youdao.com/noteshare?id=55e470278faa0e636b13bd7cf88b0aa2

DOM拷贝clone()：http://note.youdao.com/noteshare?id=0fbf33e1ab7dcf5d1157cd064c3e35b9

第5章：jQuery遍历

jQuery遍历之each()：http://note.youdao.com/noteshare?id=d45e2e482ea38304f0673e7e694a79ec

jQuery遍历之add()方法：http://note.youdao.com/noteshare?id=96e9d787f234135781c529ecbb01b2f4

jQuery遍历之siblings()：http://note.youdao.com/noteshare?id=99322db1073bce8a6178748c75d1dadb

jQuery遍历之prev()方法：http://note.youdao.com/noteshare?id=2dc320e430151753c11af396d5fbf6ec

jQuery遍历之next()方法：http://note.youdao.com/noteshare?id=1ad676583d9bcc916c02051a8c97de97

jQuery遍历之closest()方法：http://note.youdao.com/noteshare?id=806bfa1fa039d5a6ec6c8722971ed6ca

jQuery遍历之parents()方法：http://note.youdao.com/noteshare?id=cb78cf9edb1dc872a91366162a06e472

jQuery遍历之parent()方法：http://note.youdao.com/noteshare?id=eafaf9e384cb98dd4b12da01f69cff71

jQuery遍历之find()方法：http://note.youdao.com/noteshare?id=d8ccd8329dc0d5b0996b408a4be64da9

jQuery遍历之children()方法：http://note.youdao.com/noteshare?id=bec7a9034197f554142716249a9f4f2e

疑问点记录

Js代码用script调用时，放在head标签与body标签的区别：http://note.youdao.com/noteshare?id=3533e9e9f02c1131240f387fffe05da2

小知识记录：http://note.youdao.com/noteshare?id=0103e2ae110c8e96d8ae0c1b6e3953ac

4.jQuery基础（三）事件篇

第1章：鼠标事件

jQuery鼠标事件之focusout事件:http://note.youdao.com/noteshare?id=9a23b2ebfef0d751b7547543ec096113

jQuery鼠标事件之focusin事件:http://note.youdao.com/noteshare?id=6cb3dad1157375dbd4e4a9aab1fc3152

jQuery鼠标事件之hover事件:http://note.youdao.com/noteshare?id=1cb47cf50126577c809938f3c9a9c4e6

jQuery鼠标事件之mouseenter与mouseleave事件:http://note.youdao.com/noteshare?id=c9c68e000263722933b8866f4486d8e5

jQuery鼠标事件之mouseover与mouseout事件:http://note.youdao.com/noteshare?id=8b6c2d4c2f60912fdbade3577e120964

jQuery鼠标事件之mousemove事件:http://note.youdao.com/noteshare?id=f964fa3c4c9d640a2837fcf3f92326bc

jQuery鼠标事件之mousedown与mouseup事件:http://note.youdao.com/noteshare?id=02062a41ed748415e821f5875129d23a

jQuery鼠标事件之click与dbclick事件:http://note.youdao.com/noteshare?id=2bbca61857b66b59a67cfd55bd8b314e

第2章：表单事件

jQuery表单事件之submit事件：http://note.youdao.com/noteshare?id=44a459666c4b6fd756bbe0d0613c6e74

jQuery表单事件之select事件：http://note.youdao.com/noteshare?id=e5938f078d542310109972baa94fb5ff

jQuery表单事件之change事件：http://note.youdao.com/noteshare?id=58eabb30c29383eb45ab7835990c6876

jQuery表单事件之blur与focus事件：http://note.youdao.com/noteshare?id=d977085602ccf989fd165158fada677c

第3章：键盘事件

jQuery键盘事件之keypress()事件：http://note.youdao.com/noteshare?id=8214a3b494c0f05e98f9c8d1520b89cf

jQuery键盘事件之keydown()与keyup()事件：http://note.youdao.com/noteshare?id=e532110b2d06f1606d73855e571a847b

第4章：事件的绑定和解绑

卸载事件off()方法：http://note.youdao.com/noteshare?id=287a5d12e7bbf7cd4d27113c43995628

on()的高级用法：http://note.youdao.com/noteshare?id=1f196c320a86356665b98e854d5bc681

on()的多事件绑定：http://note.youdao.com/noteshare?id=e5b9b93d707f1797529e9d9acacc4582

第5章：事件对象的使用

jQuery事件对象的属性和方法：http://note.youdao.com/noteshare?id=1162f88ba853a84072c34d50947b3dd0

jQuery事件对象的作用：http://note.youdao.com/noteshare?id=bf65f590bb90bdfe2f75f6f9a88cdcb9

第6章：自定义事件

jQuery自定义事件之triggerHandler事件：http://note.youdao.com/noteshare?id=9879f4f6d6b5c88f9c8fadfdb40868a7

jQuery自定义事件之trigger事件：http://note.youdao.com/noteshare?id=f72500e58fabfc398b2e2087de2b6488

5.jQuery基础（四）动画篇

第1章：动画基础隐藏和显示

jQuery中显示与隐藏切换toggle方法：http://note.youdao.com/noteshare?id=f6f84829b30f4b9a897b6673858fc6a2

jQuery中显示元素的show方法：http://note.youdao.com/noteshare?id=4443eeba68100e12e7d86fed23237e8f

jQuery中隐藏元素的hide方法：http://note.youdao.com/noteshare?id=5563322fe6b5808797de763408cc38f4

第2章：上卷下拉效果

jQuery中上卷下拉切换slideToggle：http://note.youdao.com/noteshare?id=f3a4dbf9417ef7c35e8b8b15d5ac8dd2

jQuery中上卷动画slideUp：http://note.youdao.com/noteshare?id=d1fd449f3300aff5a4c3c72833369b66

jQuery中下拉动画slideDown：http://note.youdao.com/noteshare?id=849bd1fd578bf6ce17e8ae59822d373d

第3章：淡入淡出效果

jQuery中淡入效果fadeTo：http://note.youdao.com/noteshare?id=9b2af385d1f584292a6e0716a838d427

jQuery中淡入淡出切换fadeToggle：http://note.youdao.com/noteshare?id=8a6307cc97ab59242a91cafee722e0d8

jQuery中淡入动画fadeIn：http://note.youdao.com/noteshare?id=d641d67027a4bbfabc55559a0fb53bb8

jQuery中淡出动画fadeOut：http://note.youdao.com/noteshare?id=fb1c08473e0762536583d95d4ee4ef31

第4章：动画切换的比较

jQuery中toggle与slideToggle以及fadeToggle的比较：http://note.youdao.com/noteshare?id=5618d00b003ba1aa3d7ce4aaf487c5a2

第5章：自定义动画

jQuery中停止动画stop：http://note.youdao.com/noteshare?id=fa738d3a5318fc94abf0ecdba331ac47

jQuery中动画animate(上)：http://note.youdao.com/noteshare?id=414c2bb1e5e8bb68877f6984e9a2d742

jQuery中动画animate(下)：http://note.youdao.com/noteshare?id=79c0920d6429cb63dc83f6a0df893bfb

第6章：jQuery核心

jQuery中DOM元素的获取index方法：http://note.youdao.com/noteshare?id=e68308ee7220b62b5254d550e90b6728

jQuery中DOM元素的获取get方法：http://note.youdao.com/noteshare?id=e20c20c4a50e163895cba298507f533d

jQuery中去空格神器trim方法：http://note.youdao.com/noteshare?id=96545cd295f9e61b8a839566810a2d18

jQuery中查找数组中的索引inArray：http://note.youdao.com/noteshare?id=a4a1f257dcf38961cfaa0a082236da83

jQuery中each方法的应用：http://note.youdao.com/noteshare?id=1e92c8f485b30740c0f904ecac6d1cee

6.jQuery基础（五）Ajax应用与常用插件

第1章：jQuery实现Ajax应用

使用load()方法异步请求数据：http://note.youdao.com/noteshare?id=6b5dc9f5b3b35b4e126954606991a6c5

三、Vue.js学习

1.Vue.js安装

vue调试工具vue-devtools安装及使用：http://note.youdao.com/noteshare?id=cf1b34021d244bdda3690b59b6202b70
Vue.js 安装：http://note.youdao.com/noteshare?id=01b513d914ad2476aede9db97250c0e4

2.Vue.js表单

复选框 checkbox 全选与取消全选：http://note.youdao.com/noteshare?id=e734bb3ed2b96829a713ac6773609ab7
修饰符.lazy，.number，.trim：http://note.youdao.com/noteshare?id=c74d40faeb803f3eafa38c81ee604032
select 列表：http://note.youdao.com/noteshare?id=4bfcb4239a348ea0b557180effc53cc5
单选按钮：http://note.youdao.com/noteshare?id=5b2d9e3dbbba8badc494b3664395d1fb
复选框：http://note.youdao.com/noteshare?id=30dc5bda2733862d86a5ac870eb7dbda
输入框：http://note.youdao.com/noteshare?id=da3d62ff5c9344d5fafcc216bfb98ac3

3.Vue.js计算属性

computed setter：http://note.youdao.com/noteshare?id=15a3c9df59a34257a423b50875ae2caf
computed vs methods：http://note.youdao.com/noteshare?id=4622f64d6c3d7fe8aa08d8911b5fadd8
反转：http://note.youdao.com/noteshare?id=dbbbebee7b703efd80f967ecd330b8e7
计算属性关键词computed：http://note.youdao.com/noteshare?id=a664484eabf84f1a2e1c9cd84285b911

4.Vue.js教程

第一个实例：http://note.youdao.com/noteshare?id=e41033dd7d59ee179982ea3122070b09
学习网址：

菜鸟教程：http://www.runoob.com/vue2/vue-tutorial.html

Vue官网：https://cn.vuejs.org/v2/guide/

5.Vue.js路由

NPM 路由实例：http://note.youdao.com/noteshare?id=35858fb2e5bccef056ec8e7d92c14256
Vue.js + vue-router 可以很简单的实现单页应用：http://note.youdao.com/noteshare?id=f89b35c9eadc0e53efb569a4db7c83f5
安装：http://note.youdao.com/noteshare?id=04f7a51a3295748918bd3410a0cf041d

6.Vue.js模板语法

修饰符是以半角句号 . 指明的特殊后缀：http://note.youdao.com/noteshare?id=a91717b3de3be63fe6cdb2d44e7fd4b2
属性与方法：http://note.youdao.com/noteshare?id=6401b0cc4d68a1f8a63e8ab9c796c103
v-bind 指令被用来响应地更新 HTML 属性：http://note.youdao.com/noteshare?id=f6780a9ca7ceab19924ed8181fd82a58
v-bind 缩写：http://note.youdao.com/noteshare?id=332d9cbfd735457576476a60594fedd0
Vue 精华一页纸：http://note.youdao.com/noteshare?id=852d983f1df3e0f312cca4699e2573d4
vue笔记：v-model， v-repeat， v-on， $event，事件冒泡，显示隐藏，img，style，class，：http://note.youdao.com/noteshare?id=4dad57b25f43a7bc3facbe8276e8df7c
过滤器：http://note.youdao.com/noteshare?id=884f609c59c8c7aa1dcef6a3a3c14001
反转：按钮的事件我们可以使用 v-on 监听事件，并对用户的输入进行响应。：http://note.youdao.com/noteshare?id=9584b563bdbfd3b6fe21b32ffdd0509c
在 input 输入框中我们可以使用 v-model 指令来实现双向数据绑定：http://note.youdao.com/noteshare?id=42d79a265fb03c71a6efe4217337c31a
v-on 指令，它用于监听 DOM 事件：http://note.youdao.com/noteshare?id=3e67d7a0cca619d088ca4c4b030c2132
指令是带有 v- 前缀的特殊属性：http://note.youdao.com/noteshare?id=890dd376831e74d88c6e3696b2d4470a
VUE中的v-if与v-show：http://note.youdao.com/noteshare?id=0353e67b4c433fcb34f46d83bf71d2c0
v-bind 指令：http://note.youdao.com/noteshare?id=6f959e153c2c6353a1680a26246e2727
v-model：http://note.youdao.com/noteshare?id=1dc5eeb352bba376e4837361da06c352
Vue.js 模板语法：文本，v-html 指令：http://note.youdao.com/noteshare?id=8bd0562d3e7de923fe4a21ad8b7d0b34

7.Vue.js事件处理器

按键修饰符：http://note.youdao.com/noteshare?id=64f4d9a7769ef09f2bbf86069d68197e
事件修饰符.stop，.prevent，.capture，.self，.once：http://note.youdao.com/noteshare?id=1d3eac7728a2ba69508955a0a106b000
可以用内联 JavaScript 语句：http://note.youdao.com/noteshare?id=d8db9770c4e8b69ab1248bdd048f931b
v-on 可以接收一个定义的方法来调用：http://note.youdao.com/noteshare?id=769c1414339fe996ab5e84192eee79e1
事件监听可以使用 v-on 指令：http://note.youdao.com/noteshare?id=9f240c45b11ad28d3f5e9de84d3daab4

8.Vue.js条件语句

给 Num 绑定一下，可以看出来随机数字是多少：http://note.youdao.com/noteshare?id=57d8cd7a38cf1e226d43e38106d1c9c1
v-show：http://note.youdao.com/noteshare?id=d2fff9c9ae98f54255da510221c3dcb4
v-else-if：http://note.youdao.com/noteshare?id=3805d19fe627557ebb2c6eda08d1f6e5
v-else：http://note.youdao.com/noteshare?id=29ce5acc052546bc0aad9300a68071c5
v-if：http://note.youdao.com/noteshare?id=2ddb1d2868ae568909f95e38e6349584

9.Vue.js循环语句

v-for 还可以循环数组：http://note.youdao.com/noteshare?id=69fbbc0dd1a83304b36999c8ac745b4f
v-for 迭代整数：http://note.youdao.com/noteshare?id=326b1bdbbba5217d6ed905437207d729
v-for第三个参数为索引：http://note.youdao.com/noteshare?id=9a01fdf8b42e7520911b5c7350c325de
v-for 迭代对象你也可以提供第二个的参数为键名：http://note.youdao.com/noteshare?id=df507669fed7c744ce720629fa74fe96
v-for 迭代对象：http://note.youdao.com/noteshare?id=ae227d3dd27bec39b7379108c7b45fb0
模板中使用 v-for：http://note.youdao.com/noteshare?id=5c55390fbd7aa982807a3d9bbdf77364
v-for 指令：http://note.youdao.com/noteshare?id=8200d855b80549864aaeb370ee9a3bea

10.Vue.js样式绑定

v-bind：style 可以使用数组将多个样式对象应用到一个元素上：http://note.youdao.com/noteshare?id=fdbccf567cb482fc77a5ea43a3eb2e2c
直接绑定到一个样式对象，让模板更清晰：http://note.youdao.com/noteshare?id=e4220d53b94bbbf6e2c92309ef25d3f9
Vue.js style(内联样式) v-bind：style 直接设置样式：http://note.youdao.com/noteshare?id=2d92421c4e6485033e4e02e26acbca4f
errorClass 是始终存在的，isActive 为 true 时添加 activeClass 类：http://note.youdao.com/noteshare?id=56006d059462d68cf3e9d3bfd2350d59
把一个数组传给 v-bind：class：http://note.youdao.com/noteshare?id=567d4249d442c9df289dd8f045646348
实例 4：绑定返回对象的计算属性：http://note.youdao.com/noteshare?id=287b709fa1e901bd0d48f0c41122831a
text-danger 类背景颜色覆盖了active 类的背景色2：http://note.youdao.com/noteshare?id=17f97ce82df635bea1f5d93bb38b69e6
text-danger 类背景颜色覆盖了 active 类的背景色：http://note.youdao.com/noteshare?id=9e01aa8ec9d55fee1faf3898b8f1d0f5
class 属性绑定：http://note.youdao.com/noteshare?id=e7da70321a34e4904f100589152f2095

11.Vue.js自定义指令

简写方式设置文本及背景颜色：http://note.youdao.com/noteshare?id=9b43ce86e21494f5174db052c31861a4
钩子函数：http://note.youdao.com/noteshare?id=c82450e8f97cbefb556196387d6d03ce
directives 选项来注册局部指令：http://note.youdao.com/noteshare?id=837353a21c54fd9a65780ce8c8d7ec54
全局指令 v-focus,在页面加载时，元素获得焦点：http://note.youdao.com/noteshare?id=d7e91df61da920d8a68eedfcad2d6d2a

12.Vue.js组件

.native 修饰 v-on：http://note.youdao.com/noteshare?id=75b17f119835c1f7a48a603252fbb57c
自定义事件：http://note.youdao.com/noteshare?id=389b338ffcd95959e3d684ff445dbd3c
Prop 验证：http://note.youdao.com/noteshare?id=dda1b0b5e5cdb42c2efaab5ed7b5ec43
动态 Prop：http://note.youdao.com/noteshare?id=cc03e909a2f21d6499a8df3a6a74f4e7
将 v-bind 指令将 todo 传到每一个重复的组件中：http://note.youdao.com/noteshare?id=391b3586a82b4bfb0bbbcb6da11f067c
Prop：http://note.youdao.com/noteshare?id=a3dda911077def4933dde9fb56b6c27e
局部组件：http://note.youdao.com/noteshare?id=57fa37d72876a240c6e5501069b7898e
全局组件：http://note.youdao.com/noteshare?id=d1a27700ef8fda8334e3cda75e991e17

13.Vue学习自定义指令总结

Vue学习自定义指令：http://note.youdao.com/noteshare?id=235e4a55460587f3bb8f5bcb96d1be0b

14.标签和API总结

vm指new Vue获取的实例：http://note.youdao.com/noteshare?id=7cd15458f64f8515837655b3d496cfb5

四、前端记录

1.display的样式inline与block与inline-block的区别

display的样式inline与block与inline-block的区别：http://note.youdao.com/noteshare?id=a7afabd1799729161168cebe369698bc

2.图片下载、实训网址

实训网址：

https://zhuanlan.zhihu.com/p/22766255

https://www.cnblogs.com/webxiaoer/p/6647236.html

图片下载网址：http://www.quanjing.com/

3.InnerHtml()

innerHTML

innerHTML在JS是双向功能：获取对象的内容或向对象插入内容；

innerHTML 属性用于设置或返回指定标签之间的 HTML 内容

InnerHtml() 与html( )的区别：http://note.youdao.com/noteshare?id=c2232b487380f540a0fd420f0f929d0c

4.SPM：http://note.youdao.com/noteshare?id=403896c0e5bbcf0a800067c0d6231dba

5.meta详解：http://note.youdao.com/noteshare?id=dfdbcd1dc01a24ccf38c34a6f802c86b

6.function(e)这个e作用：http://note.youdao.com/noteshare?id=efa4ec7371572aef75ed2f3a5aab65f8

7.console.log的作用：http://note.youdao.com/noteshare?id=a4b3a05ad7dbb5148de9eb5656b32bc7

8.CSS

水平垂直且居中：http://note.youdao.com/noteshare?id=17e15f1b82ea769a88494468dbe18770
垂直居中：http://note.youdao.com/noteshare?id=6b02e3283027ade5905e2afa1bfe7bb3
水平居中：http://note.youdao.com/noteshare?id=6d0d95518348174e5bb2e34f3a1bf90e
CSS中margin和padding的区别：http://note.youdao.com/noteshare?id=8181bb5f6c98bcc2fb20a8b6f1f430d1
CSS背景颜色透明：http://note.youdao.com/noteshare?id=2d21afa7ccec064660e3356f1c1bd9ef

9.实现粒子背景：http://note.youdao.com/noteshare?id=df55ab95a204c45e056d7eb97389d7f4

五、实例

1.头部：http://note.youdao.com/noteshare?id=53b62a0d9ddf633fe9ddab5fcbb6794d

2.第一课

1)控制Div属性：http://note.youdao.com/noteshare?id=9d868e105ca3b4b0724c4a9aca1b9a05
2)网页换肤：http://note.youdao.com/noteshare?id=5d70ac3d82d5e3a48b392e76a7dfbbc8
3)函数接收参数并弹出：http://note.youdao.com/noteshare?id=aad61d7dc9f30a1d48b03f066f90ac3f
4)用循环将三个Div变成红色：http://note.youdao.com/noteshare?id=01d3b8f805a6c064ede39766c9d3cc61
5)鼠标移入移出改变样式：http://note.youdao.com/noteshare?id=4e4e1941413f813cb0a68830e296301c
6)记住密码提示框：http://note.youdao.com/noteshare?id=2c7444a2ca56394c66c9b5c18c9e949b

3.第二课

1)百度输入法：http://note.youdao.com/noteshare?id=9f0a71ce2beb365e3c99eae6e1f7df01
2)点击Div,显示其innerHTML：http://note.youdao.com/noteshare?id=ee0638c451fadf45cf942a643d2023ba
3)求出数组中所有数字的和：http://note.youdao.com/noteshare?id=4cc59d470b5c94fe9a7e52ec85d2d75c
4)弹出层效果：http://note.youdao.com/noteshare?id=82ab7573366c739a0c4cc16a6d4808a2
5)函数传参,改变Div任意属性的值：http://note.youdao.com/noteshare?id=c30fe15fa76098f3c72ed5916d828276
6)图片列表：鼠标移入、移出改变图片透明度：http://note.youdao.com/noteshare?id=eac215796d9714011b0cac3f6bf7c421
7)简易选项卡：http://note.youdao.com/noteshare?id=55c209281849d88961dcf0d596eebbc7
8)简易JS年历：http://note.youdao.com/noteshare?id=b2b20c23aa9f4af6b42aefded110c29a
9)单一按钮显示、隐藏一播放列表收缩展开：http://note.youdao.com/noteshare?id=7009456d9a8b811a505826735e9df556
10)提示框效果：http://note.youdao.com/noteshare?id=837dc0cdb6f573864062554f966b0f79

4.仿照淘宝：http://note.youdao.com/noteshare?id=2e24fc8c674ead640d2f0e6c5a53bc04

有道云笔记内容迁移到csdn博客相关推荐

有道云笔记导入到CSDN博客
将有道云笔记导入到CSDN博客,如果笔记中有数学公式或者图片都非常麻烦,这些内容直接通过复制-粘贴无法显示,需要把图片一张张通过插入图片上传到CSDN,再找到对应的位置插入,还需要调节大小,非常麻烦. ...
选择Confluence，而不是有道云笔记、微信公众号、Git、Markdown、CSDN博客、记事本
雷哥喜欢把事情.知识.任务,管理得紧紧有条,不喜欢乱糟糟的. 经常总结个人的经验教训,日常工作. 怎么很好地管理自己的知识,一直是个大难题. 现状如下: 浏览器收藏夹用QQ浏览器,收藏有价值的网站. ...
有道云笔记转CSDN博客
分享一个自认为挺好的,写博客方式.网上有很多了... 在有道云笔记上写笔记,便于排版,颜色,标题之类的,图文并茂,这样的笔记是不是很炫酷. 当我第一次接触到它,就被深深的吸引了.以往的我,记笔记一般用 ...
结构之法算法之道CSDN博客-第一期全部博文集锦[CHM 文件下载]
结构之法算法之道CSDN博客- 博文集锦第一期CHM 文件首先恭喜你,你得到了一份非常宝贵的资源. 此份文件是截止到2011年2月27日,本博客.结构之法算法之道博客内的第一期全部内容的集锦,同时, ...
Python爬虫小实践：爬取任意CSDN博客所有文章的文字内容（或可改写为保存其他的元素），间接增加博客访问量...
Python并不是我的主业,当初学Python主要是为了学爬虫,以为自己觉得能够从网上爬东西是一件非常神奇又是一件非常有用的事情,因为我们可以获取一些方面的数据或者其他的东西,反正各有用处. 这两天闲 ...
python爬虫爬取csdn博客专家所有博客内容
python爬虫爬取csdn博客专家所有博客内容: 全部过程采取自动识别与抓取,抓取结果是将一个博主的所有文章存放在以其名字命名的文件内,代码如下 #coding:utf-8import urlli ...
Android应用开发-小巫CSDN博客客户端之显示博文详细内容
Android应用开发-小巫CSDN博客客户端之显示博文详细内容上篇博文给大家介绍的是如何嵌入有米广告并且获取收益,本篇博客打算讲讲关于如何在一个ListView里显示博文的详细信息,这个可能是童鞋 ...
如何在CSDN博客内容创作时设置首行缩进？
CSDN博客编写内容时首行缩进解决方案想在csdn上发表文章,在编辑文章内容时发现每段不能进行空格即首行缩进,这会导致文章排版不美观,因此接下来告诉你一些小技巧来解决你的困扰. 在我们平时电脑打字时 ...
CSDN博客添加量子恒道统计代码步骤
CSDN博客添加量子恒道统计代码步骤. 1. 去量子恒道网站统计注册账户: 2. 添加已有的CSDN博客地址: 3. 添加博客后恒道代码里面会给你一个JavaScript脚本,记下里面的一串数字: ...

有道云笔记内容迁移到csdn博客

有道云笔记内容迁移到csdn博客相关推荐

最新文章

热门文章