"todoList妙味"学习总结

1.v-bind 主要用于属性绑定 :class="{completed: item.isChecked}",它会将{}里面的内容解析为js表达式 2.vue提供了一组方法,对数组进行操作时,会触发视图更新,eg:push.pop.shift.unshift.splice.sort.reverse 这几个方法是在原生的基础上 ,vue再进行重新封装的方法. 3.自定义指令 vue可以设置自己的指令,钩子函数:updete被绑定元素所在的模板更新时调用,钩子函数中的参数,el:指令…

妙味课堂——HTML+CSS基础笔记

妙味课堂的课程讲得非常的清楚,受益匪浅.先把HTML和CSS基础课程部分视频的学习笔记记录如下: padding #PS基础 ##前端需要的PS技能 - PS技能(前端需要):切图.修图.测量 - PS工具: - 移动工具 - 矩形选框工具 - 裁切工具 - 吸管工具 - 横排文字工具 - 手抓(快捷键:空格) - 缩放(快捷键:Ctrl + 和 Ctrl -) - 标尺(快捷键:Ctrl R,主要是拖出参考线.矩形区域选择的时候,按住Ctrl,就能贴合参考线) - 自由变换(快捷键 Ctrl…

妙味课堂——HTML+CSS(第一课)

一句话,还记忆不如烂笔头,何况还这么笨,记下笔记,也是记录这一路学习的过程. 妙味课堂第一课并未一味地先讲HTML,而是穿插着CSS讲解,这一点不同于一些其他视频,这一点挺特别的!所以这一课涉及到HTML的知识,也并未多讲,倒是CSS中的内容讲的比较多.记录如下: HTML(Hypertext Markup Language)——超文本标记语言(结构) css(Cascading Style Sheets)——层叠样式表(样式) js(javascript)―― 行为为了更快地初步了解这三种语…

妙味课堂:JavaScript初级--第11课：字符串、查找高亮显示

1.数字字母 Unicode 编码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> var str = '妙味课堂'; // alert( str.length ); //字符串…

妙味，结构化模块化整站开发my100du

********************************************************************* 重要:重新审视的相关知识 /* 妙味官网:www.miaov.com 技术交流:bbs.miaov.com 1.ps查看圆角度数,border-radius:; 选择->修改-> 平滑6px 2.渐变 -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, s…

妙味课堂——JavaScript基础课程笔记

集中时间把秒微课堂JS的基础课程看完,并且认真完成了课后练习.感觉在JS方面的技能算是入了个门了.课后练习的作业完成的代码我都汇总在了这里.至于视频课的学习笔记,则记录如下. 第01课JS入门基础_热身课程写JS的步骤先实现布局想出实现原理了解JS语法希望把某个元素移除的实现 display: none; 显示为无 visibility: hidden; 隐藏 width \ height 透明度 left \ top 拿与背景色相同的div盖住该元素利用margin值 …… 获取元…

css3 妙味

css3 属性 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>css3属性</title> </head> <body> <h1>自定义属性p[kang]</h1> <!--<style> p[kang]{color:red;} /*属性…

(非妙味3)：浏览器window事件：及浏览各种尺寸介绍

(触发)window.onload; window.onscroll; window.onresize; (兼容)网页可视区尺寸.网页全文尺寸.滚动距离 (实例)广告块高度动态居中.回到顶部 alert(window.navigator.userAgent); //检测浏览器版本 window.location='http://www.miaov.com/'; //读写地址栏浏览器窗口事件: window.onload＝f…

妙味课堂——HTML+CSS(第四课)(二)

单开一篇来讲一个大点的话题——清浮动来看下例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box { width: 300px; margin: 0 auto; border: 10px solid #000; }…

妙味课堂史上最全的javascript视频教程，前端开发人员必备知识点，新手易学，拔高必备！！！

妙味课堂是北京妙味趣学信息技术有限公司旗下的IT前端培训品牌, 妙味课堂是一支独具特色的IT培训团队,妙味反对传统IT教育枯燥乏味的教学模式,妙味提供一种全新的快乐学习方法! 妙味js视教第一部分妙味js视教第二部分妙味js视教第三部分妙味js视教第四部分妙味js视教第五部分下载地址: 妙味js视教第一部分 :链接: http://pan.baidu.com/s/1kThCZfL 密码: atvd 妙味js视教第二部分 :链接: http://pa…

妙味css3课程---1-2、css3中新增的伪类和伪元素有哪些

妙味css3课程---1-2.css3中新增的伪类和伪元素有哪些一.总结一句话总结: 1.div:target{}是什么意思? 比如a标签的锚点链接到div,div:target{}就可以找到这个divE:target { sRules } 匹配相关URL指向的E元素.…

妙味css3课程---1-1、css中自定义属性可以用属性选择器么

妙味css3课程---1-1.css中自定义属性可以用属性选择器么一.总结一句话总结:可以的. 1.如何实现用属性选择器实现a标签根据href里面含有的字段选择背景图片? p a[href*=text]{background-image:url(img/text.gif);}…

妙味WEB前端开发全套视频教程+项目实战+移动端开发（99G）

一共99GB的视频教程,全部存于百度网盘中,13个栏目,每个栏目里还划分有独立的小栏目最基本的web前端学习介绍,到项目实战,再到移动端的开发,真正彻底掌握前端开发的精髓: 视频教程在线预览:(百度网盘,大家可以自行保存下,不用下载,自己看) 此教程绝对够全够完整,也因为内容较多,大家不可能真的全部看完,选择自己薄弱的环节,多看看.多测试下. 下载地址:http://fu83.cn/thread-52-1-1.html…

css 妙味总结

技巧一: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> body,img,div{padding:0;margin:0;} #a{border-radius: 10px; overflow: hidden; width:426px;} img{vertica…

妙味5：document.cookie 操作

本地环境中测试需要用fireFox,其它几个浏览器不行,服务器都可以测出正确结果 cookie特点: 1. 如登陆信息存储,同一论坛打开多个页面不用重复登陆,就是通过cookie来存取实现: 2. 正常情况下,关闭浏览器,相应cookie信息会清除: 3. 若设置了cookie的过期时间,关闭浏览器不会清除数据,只有到期清除,也可以手动清除: 应用: 如邮箱登陆后,记住用户名拖拽后记住位置 cookie封装函数(可以直接使用): // 开始-------------------…

妙味课堂——HTML+CSS(第四课)(一)

这一课学的东西真是太多了,还不赶快记下来,留待以后慢慢回味! 首先我们回顾一下inline-block的特性: 使块元素在一行显示使内嵌支持宽高换行被解析了(问题) 不设置宽度的时候,宽度由内容撑开在IE6,7下不支持块标签(问题) 关于1.2.4.5点,我前面的一篇文章已经详细赘述,在此略过.现在单独看第3点,可能我以前还没叙述清楚,举例说明: <!DOCTYPE html> <html> <head> <meta charset="UTF-8&…

妙味课堂——HTML+CSS(第三课)

常见标签我已经在上一篇文章中提及,我们做前端设计时,主要也是用这些标签(最常用的). 然而有一个问题,就是有的标签都有自己的默认样式.试通过如下代码来说明: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a…

妙味课堂——HTML+CSS(第二课)

常见标签——img标签 <img src="图片地址" alt="图片名"/> alt属性是图片名字,是给百度搜索引擎抓取使用的.也有当图片地址不正确时,显示图片名. 常见标签——a标签 1.a标签(链接) target链接打开方式(常用): _blank:新窗口 _self:当前窗口 <base target="_blank"/> 定义页面链接默认打开方式例, <!DOCTYPE html> <htm…

妙味H5交互篇备忘

document.addEventListener( 'touchstart', function(e){ e.preventDefault(); } ); 在document上增加touchstart事件,可以阻止: 1.页面文字被选中 —— 如果希望文字被选中,可以阻止冒泡 2.页面上的系统菜单 3.可以清除掉系统默认的回弹(touchmove也可以) 产生的隐患: 1.滚动条失败 —— 需要模拟滚动事件点透: 在a元素上层覆盖了div,点击div的时候,下方的a链接也被触发跳转到相应…

[妙味Ajax]第三课：AJAX跨域解决方案：JSONP

知识点总结: JSONP(JSON with Padding): 1.script标签 2.用script标签加载资源是没有跨域问题的在资源加载进来之前定义好一个函数,这个函数接收一个参数(数据),函数里面利用这个参数做一些事情然后需要的时候通过script标签加载对应远程文件资源,当远程的文件资源被加载进来的时候,就会去执行我们前面定义好的函数,并且把数据当作这个函数的参数传入进去…

[妙味Ajax]第二课：实例：留言板、瀑布流

知识点总结瀑布流原理(固定布局) 总宽度大小固定每列宽度固定,比如LI,高度自动计算,每列使用float:left来布局计算最短的一列,将Div插到最短的一列处(li里面包div)(getShort函数) 即 <ul> <li>  <div></div> </li> <li></li> <li></li> <li></li>…

[妙味Ajax]第一课：原理和封装

知识点总结: ajax是异步的javascrip和xml,用异步的形式去操作xml 访问的是服务端,即https://127.0.0.1/ 或者 https://localhost 1.创建一个ajax对象(＝打开浏览器) 存在兼容性方面的问题 var xhr = new XMLHttpRequest(); var xhr = new ActiveXObject('Microsoft.XMLHTTP); IE6 方法一:var xhr = null; if(window.XMLHttpReq…

[妙味JS基础]第十二课：数组随机、数组去重

知识点总结 json var json={'name':'abc'} 属性加分号为安全的写法 json: 只能用for in 数组:for和for in 都可以使用 json没有length和下标数组 var arr1 = [14]; var arr2 = new Array(14); alert(arr1.length); => 1 alert(arr2.length); => 14 在new Array中定义的一个数字类型,则它的长度就为定义的那个数字. push() 从尾部添加,返回值…

[妙味JS基础]第十一课：字符串、查找高亮显示

知识点总结字符串方法 var str = '2014年新春快乐哈' * length 字符串长度 str.length =>10 --------------------------------------------------------------------------------------- * charAt 获取指定位置的字符 str.charAt(5) =>新 * charCodeAt 获取指定位置的字符Unicode str.charCodeAt(5) =>‘新’的U…

[妙味JS基础]第十课：日期对象、时钟倒计时

知识点总结时间.年.月.日.时.分.秒 new Date() ->当前系统的时间对象数字类型: getFullYear().getYear().getUTCFullYear() getYear(),2000年之后返回1XX,例如:2014年返回114(不推荐使用) getFullYear(),返回4位数,例如:2014年返回2014 getUTCFullYear(),返回UTC的年份,也是四位数 getMonth() //月+1: getDate() //日 getDay() //星期,0为…

[妙味JS基础]第九课：定时器管理、函数封装

知识点总结函数封装回调函数实例:抖动函数获取当前的位置通过数组来实现,一正一负,直到恢复成0为止. 当前位置与数组中各值相加…

[妙味JS基础]第八课：return、定时器基础

知识点总结 return 1)函数名+括号＝ return 返回值 2)所有的函数默认的返回值＝未定义 3)return后面的代码不执行 arguments =>为实参的集合,当参数个数无法确定时使用 style.cssText. getComputedStyle.currentStyle 1.style和cssText为行间样式 2.getComputedStyle和currentStyle为浏览器计算后的样式 getComputedStyle(元素).属性元素.currentSty…

[妙味JS基础]第七课：运算符、流程控制

知识点总结 &&(与).||(或).!(非) 与: alert(20 && 20>100) => false alert(20 && 20<100) => true alert(20<100 && 20) => 20 alert(20>100 && 20) => false 或: alert(20 || 20>100) => 20 alert(20 || 20<…

[妙味JS基础]第六课：作用域、JS预解析机制

知识点总结浏览器的解析方法 script 全局变量,全局函数自上而下函数由里到外 "JS的解析器": 1)“找一些东西”:var function 参数 var a=未定义 =>所有的变量,在预解析时,赋一个值:未定义 fn1 = function fn1(){alert(2)} =>所有的函数,在预解析时,是整个函数块 function fn1(n1) {} =>这里的参数n1,相当于var n1 ,因此也是未定义在预解析时,遇到重名的:只留一个,var和…

[妙味JS基础]第五课：函数传参、重用、价格计算

知识点总结函数传参,传的参数＝数据类型(即:数值.字符串.布尔.函数.对象.未定义) 通过传参来重用代码 1.尽量保证 HTML 代码结构一致,可以通过父级选取子元素 2.把核心主程序实现,用函数包起来 3.把每组里不同的值找出来,通过传参实现…

【"todoList妙味"学习总结】的更多相关文章