随笔分类 -  前端

摘要:Using Objects for Lookups // 定义 phoneticLookupfunction phoneticLookup(val) { var result = ""; // 请只修改这条注释以下的代码 var lookup = { "alpha":"Adams", "bravo" 阅读全文
posted @ 2018-07-09 19:46 瀛洲小李 阅读(191) 评论(0) 推荐(0)
摘要:Nest an Anchor Element within a Paragraph 作为参考,再次看一看a元素的图示: 例如: <p>Here's a <a href="https://freecodecamp.cn"> link to FreeCodeCamp中文社区</a> for you to 阅读全文
posted @ 2018-07-05 18:05 瀛洲小李 阅读(259) 评论(0) 推荐(0)
摘要:除了像素,你还可以使用百分比来指定border-radius边框半径的值。 给你的猫咪图片一个50%的border-radius。 a元素,也叫anchor(锚点)元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。 下面是一张a元素的图示。a元素位于段落元 阅读全文
posted @ 2018-07-03 23:21 瀛洲小李 阅读(224) 评论(0) 推荐(0)
摘要:jquery链式调用 jquery对象的方法会在执行完后返回这个jquery对象,所有jquery对象的方法可以连起来写: jquery动画 通过animate方法可以设置元素某属性值上的动画,可以设置一个或多个属性值,动画执行完成后会执行一个函数。 参数可以写成数字表达式: 尺寸相关、滚动事件 1 阅读全文
posted @ 2018-05-15 18:37 瀛洲小李 阅读(245) 评论(0) 推荐(0)
摘要:jquery样式操作 jquery用法思想二 同一个函数完成取值和赋值 操作行间样式 特别注意 选择器获取的多个元素,获取信息获取的是第一个,比如:$("div").css("width"),获取的是第一个div的width。 操作样式类名 jquery属性操作 1、html() 取出或设置html 阅读全文
posted @ 2018-05-15 18:04 瀛洲小李 阅读(148) 评论(0) 推荐(0)
摘要:jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 jQuery的版本分为1.x系列和2.x、3.x系列,1.x系列兼容低版本的浏览器,2.x、3.x系 阅读全文
posted @ 2018-05-15 17:50 瀛洲小李 阅读(320) 评论(1) 推荐(0)
摘要:内置对象 1、document 2、location 3、Math 面向对象 面向过程与面向对象编程 1、面向过程:所有的工作都是现写现用。 2、面向对象:是一种编程思想,许多功能事先已经编写好了,在使用时,只需要关注功能的运用,而不需要这个功能的具体实现过程。 javascript对象 将相关的变 阅读全文
posted @ 2018-05-15 17:15 瀛洲小李 阅读(184) 评论(0) 推荐(0)
摘要:闭包 什么是闭包 函数嵌套函数,内部函数可以引用外部函数的参数和变量,参数和变量不会被垃圾回收机制收回 改写成封闭函数的形式: 用处 1、将一个变量长期驻扎在内存当中,可用于循环中存索引值 2、私有变量计数器,外部无法访问,避免全局变量的污染 阅读全文
posted @ 2018-05-15 17:06 瀛洲小李 阅读(262) 评论(0) 推荐(0)
摘要:类型转换 1、直接转换 parseInt() 与 parseFloat() 2、隐式转换 “==” 和 “-” 3、NaN 和 isNaN 变量作用域 变量作用域指的是变量的作用范围,javascript中的变量分为全局变量和局部变量。 1、全局变量:在函数之外定义的变量,为整个页面公用,函数内部外 阅读全文
posted @ 2018-05-15 17:03 瀛洲小李 阅读(164) 评论(0) 推荐(0)
摘要:定时器 定时器在javascript中的作用1、制作动画2、异步操作3、函数缓冲与节流 定时器类型及语法 定时器制作时钟 定时器制作倒计时 阅读全文
posted @ 2018-05-15 16:54 瀛洲小李 阅读(185) 评论(0) 推荐(0)
摘要:循环语句 程序中进行有规律的重复性操作,需要用到循环语句。 for循环 while循环 数组去重 Javascript组成 1、ECMAscript javascript的语法(变量、函数、循环语句等语法)2、DOM 文档对象模型 操作html和css的方法3、BOM 浏览器对象模型 操作浏览器的一 阅读全文
posted @ 2018-05-15 16:46 瀛洲小李 阅读(256) 评论(0) 推荐(0)
摘要:条件语句 通过条件来控制程序的走向,就需要用到条件语句。 运算符 1、算术运算符: +(加)、 -(减)、 *(乘)、 /(除)、 %(求余)2、赋值运算符:=、 +=、 -=、 *=、 /=、 %=3、条件运算符:==、 、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否) if el 阅读全文
posted @ 2018-05-15 16:41 瀛洲小李 阅读(181) 评论(0) 推荐(0)
摘要:函数 函数就是重复执行的代码片。 函数定义与执行 变量与函数预解析 JavaScript解析过程分为两个阶段,先是编译阶段,然后执行阶段,在编译阶段会将function定义的函数提前,并且将var定义的变量声明提前,将它赋值为undefined。 提取行间事件 在html行间调用的事件可以提取到ja 阅读全文
posted @ 2018-05-15 16:29 瀛洲小李 阅读(278) 评论(0) 推荐(0)
摘要:获取元素方法一 可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量,比如: 上面的语句,如果把javascript写在元素的上面,就会出错,因为页面上从上往下加载执行的,javascript去页面上 阅读全文
posted @ 2018-05-15 16:17 瀛洲小李 阅读(167) 评论(0) 推荐(0)
摘要:JavaScript介绍 JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互。 JavaScript是浏览器解释执行的,前端脚本语言还有JScript(微软,IE独有),ActionScript( Adobe公司,需要插件)等 阅读全文
posted @ 2018-05-15 16:06 瀛洲小李 阅读(286) 评论(0) 推荐(0)
摘要:HTML5新结构标签 h5新增的主要语义化标签如下: 1、header 页面头部、页眉2、nav 页面导航3、article 一篇文章4、section 文章中的章节5、aside 侧边栏6、footer 页面底部、页脚 页面使用标签布局示意图: PC端兼容h5的新标签的方法,在页面中引入以下js文 阅读全文
posted @ 2018-05-15 15:54 瀛洲小李 阅读(123) 评论(0) 推荐(0)
摘要:CSS3 transform变换 1、translate(x,y) 设置盒子位移2、scale(x,y) 设置盒子缩放3、rotate(deg) 设置盒子旋转4、skew(x-angle,y-angle) 设置盒子斜切5、perspective 设置透视距离6、transform-style fla 阅读全文
posted @ 2018-05-15 15:48 瀛洲小李 阅读(228) 评论(0) 推荐(1)
摘要:CSS3圆角、阴影、rgba CSS3圆角 设置某一个角的圆角,比如设置左上角的圆角:border-top-left-radius:30px 60px; 同时分别设置四个角: border-radius:30px 60px 120px 150px; 设置四个圆角相同:border-radius:50 阅读全文
posted @ 2018-05-15 15:46 瀛洲小李 阅读(161) 评论(0) 推荐(0)
摘要:CSS权重 CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。 权重的等级 可以把样式的应用方式分为几个等级,按照等级来计算权重 1、!important,加在样式属性值后,权重值为 100002、内联样式,如:st 阅读全文
posted @ 2018-05-15 15:44 瀛洲小李 阅读(247) 评论(0) 推荐(0)
摘要:定位 关于定位 我们可以使用css的position属性来设置元素的定位类型,postion的设置项如下: relative 生成相对定位元素,元素所占据的文档流的位置不变,元素本身相对文档流的位置进行偏移 absolute 生成绝对定位元素,元素脱离文档流,不占据文档流的位置,可以理解为漂浮在文档 阅读全文
posted @ 2018-05-15 15:33 瀛洲小李 阅读(211) 评论(0) 推荐(0)