学习笔记 - 随笔分类 - MaricoCheung

JavaScript作用域

摘要：作用域下的变量内存 · 全局变量（包括函数内无声名变量），在浏览器关闭时销毁 · 局部变量（包括函数形参），在执行完函数程序后销毁作用域链就近翻上查找变量输出块级作用域由于JavaScript是一门弱语言（语法较为宽松），没有块级作用域注：for循环里的变量结束遍历后，在外部仍可传递例：找阅读全文

posted @ 2020-10-03 23:29 MaricoCheung 阅读(149) 评论(0) 推荐(0)

html+css3写switch滑动开关

摘要：步骤构思： 1、利用checkbox选中和取消的特性 2、隐藏默认样式，扩大label点击热区 3、用after、before两个伪类元素实现动画 IosButton绿色按钮实现效果代码如下：  <div class="switch-box"> <input id= 阅读全文

posted @ 2020-09-27 23:33 MaricoCheung 阅读(1868) 评论(0) 推荐(0)

break、continue和return语句的区别

摘要：break：中断执行并输出结果 continue：跳过本次继续执行剩余代码 return：退出循环中断执行，且返回函数形参阅读全文

posted @ 2020-09-23 22:27 MaricoCheung 阅读(271) 评论(0) 推荐(0)

JavaScript函数

摘要：1. 本质：封装一段可重复被调用执行的代码块 2. 声明命名函数（又称自定义函数）：function 函数名() {} 匿名函数（又称函数表达式）：var 变量名 = function () {} 3. 调用函数之间可相互调用，函数名后跟一个() 4. 参数形参（默认undefined）：fu 阅读全文

posted @ 2020-09-22 21:55 MaricoCheung 阅读(174) 评论(0) 推荐(0)

JavaScript数组

摘要：**1. 本质：**是内存变量集合存储的一个容器 2. 创建 var arr = [ ] var arr = new Array() 3. 获取 console.log(arr[0]) 4. 遍历 arr[i] for(var i=0; i<=arr.length ; i++) 5. 新增刚开始和阅读全文

posted @ 2020-09-21 22:10 MaricoCheung 阅读(169) 评论(0) 推荐(0)

JavaScript流程控制

摘要：（一）分支 if搭配else if、else switch搭配case、default 【区别】①前者比较范围，按'冒泡排序'书写，分支多；②后者满足特定值，分支少且可中断，执行效率更高，'case'值为全等（二）循环 for双重for while含do while，前者先奏后斩；后者先斩后奏阅读全文

posted @ 2020-09-20 20:51 MaricoCheung 阅读(175) 评论(0) 推荐(0)

JavaScript运算符

摘要：1.一元算数 ①浮点运算有出入 ②返回值=表达式（数字、运算符、变量） 2.递增/减 ①单独一行，前后置一致 ②复合运算有差异，前置（先己后人）；后置（先人后己） 3.逻辑【逻辑中断短路】左边表达式为真，不再执行右边表达式 console.log(123 || 456 || 456 + 123); 阅读全文

posted @ 2020-09-19 21:55 MaricoCheung 阅读(160) 评论(0) 推荐(0)

JavaScript变量

摘要：（一）实质：变量是内存的一个存储数据的容器（二）变量的初始化：声明变量名并赋值 **1. 变量的五种数据类型：**number数字（整数和浮点小数）、string字符串（转义符）、boolean布尔值、undefined声明无值、null空值 2. 获取数据类型的三种方法（1）控制台直接输出类型阅读全文

posted @ 2020-09-18 20:08 MaricoCheung 阅读(168) 评论(0) 推荐(0)

JavaScript前世今生

摘要：1. 起初校验表单由网景公司的一位程序员发明Script，用于网页表单动态校验（如密码强度）搭上了当时最热的语言Java的便车，让更多的人认识脚本编程 2. 组成工业标准（1）后来微软公司加入脚本编程语言的竞争，随机发布Jscript语言（2）ECMA欧洲计算机制造协会统一标准，逐渐形成今天阅读全文

posted @ 2020-09-17 20:44 MaricoCheung 阅读(181) 评论(0) 推荐(0)

JavaScript属于脚本编程语言

摘要：1. 计算机语言目前主要分为三类:机器、汇编、高级其中编程语言包括：汇编和高级【注：计算机CPU和内存硬盘存储只认识机器语言的二进制，所以往往高级语言要通过解释器转换】 2. 编程通过语言编写一系列控制计算机的程序指令性代码 3. 脚本无需编译，由浏览器内置的js引擎（如Chrome的V8 阅读全文

posted @ 2020-09-16 20:43 MaricoCheung 阅读(686) 评论(0) 推荐(0)

移动端初级相关解决方案

摘要：（一）盒子大小 1. 自身通过box-sizing：设定边距和边框不设宽高：利用盒子内外边距、文字高度和大小撑开【注】<a>要设block才能撑开 2. 相邻子取消间距，给父font-size：0 （二）文字隐藏 1. 溢出省略号【1】单行给自身加width：px；white-space 阅读全文

posted @ 2020-09-15 21:30 MaricoCheung 阅读(214) 评论(0) 推荐(0)

移动端技术选型

摘要：（一）开发方案及布局技术选型 1. 单独制作（主流）（1）流式百分比布局：m.jd.com （2）flex弹性伸缩布局：m.ctrip.com 【比较】前者兼容性好，但布局繁琐、尤其是在移动端不能很好布局；后者兼容性差、尤其是PC端的IE版本，但移动端布局简易、使用广泛（3）rem+less+ 阅读全文

posted @ 2020-09-14 20:47 MaricoCheung 阅读(486) 评论(0) 推荐(0)

移动端开发初识

摘要：1. 开发环境移动端比PC端发展稍慢，主流手机浏览器内核均为-webkit- 手机屏幕尺寸碎片化严重可以通过chrome模拟测试 2. 视口一般分为三种：布局、视觉、理想（由乔布斯的构思延伸到目前主流视口） meta中的视口标签<meta name="viewport" content="wi 阅读全文

posted @ 2020-09-13 23:00 MaricoCheung 阅读(166) 评论(0) 推荐(0)

CSS属性之定位

摘要："当所有星星都换了方位，北极星依然会在原地；当所有人都不了解你，不原谅你，甚至离开你，只要我守在原地，你就不会迷路。CSS定位说，你看见我了吗？" ——有心人做有心事哦，晚安Emily！【1】水平/垂直居中 text-align: center; 块元素文字水平居中 margin: 10px a 阅读全文

posted @ 2020-07-27 23:55 MaricoCheung 阅读(89) 评论(0) 推荐(0)

CSS选择器区别

posted @ 2020-07-26 22:56 MaricoCheung 阅读(266) 评论(0) 推荐(0)

HTML属性及其相关区别

摘要："爱欲之情和人情感的自然流露，是一种自然属性；但更重要的，爱是一种社会属性，宽容与奉献应该是爱的应有之意。HTML属性也是如此呀，但它们有不同的性格。" ——有心人做有心事，晚安EmilyChen！（一）两种打包表单区别属性特点应用 get 加到url，直接可见书签，历史浏览 post 间阅读全文

posted @ 2020-07-25 21:52 MaricoCheung 阅读(217) 评论(0) 推荐(0)

HTML标签区别

摘要："一切美好的事物都是曲折地接近自己的目标，一切笔直都是骗人的，所有真理都是弯曲的，时间本身就是一个圆圈。好比HTML的标签有始有终" ——有心人做有心事哦，晚安Emily！（一）三表用途 list列表整齐布局 ul先到先得，ol有序排列，还有个自定义【dl>dt>dd】 table列表展示数阅读全文

posted @ 2020-07-24 23:51 MaricoCheung 阅读(224) 评论(0) 推荐(0)

HTML其他概念

摘要："俗话说，出来江湖混的，持善良之心，怀正义之气，总有志同道合者共相为谋。而HTML也有这么几个大哥们er、小兄dei、小宝贝儿。他们一起干大事，为服务好普罗大众贡献自己一份力量，接下来让我们一起走进他们吧。" ——有心人做有心事哦，晚安EmilyChen！（一）WEB初识【1】浏览器 | 五大主阅读全文

posted @ 2020-07-23 20:55 MaricoCheung 阅读(224) 评论(0) 推荐(0)

CSS3新特性

摘要："常说，要认识一个人 ①，大概了解一下背景，然后见面时打招呼讲什么语言规矩范礼 ②，她回应了，声音很好听，你会继续选择 ③ 用选择什么语气对待？而且又怎么漂亮，相信自己不会拒绝 ④ 的，来预先处理 ⑤ 好情绪，好让彼此能有一个新的开始 ⑥，给生活一个甜美的谜底吧 ⑦ " ——有心人做有心事哦，晚安E 阅读全文

posted @ 2020-07-22 19:01 MaricoCheung 阅读(338) 评论(0) 推荐(0)

HTML5新标签

摘要："从那以后，生活的意义被重新发现，年少的梦想也被唤醒。HTML的新标签也呼之欲出，WEB发展前景将无比广阔。" ——有心人做有心事哦，早安EmilyChen！ 1. 语义化（1）优点：使标签有含义，结构更清晰增强文档可读性，以便代码维护浏览器和网络爬虫更好地解析内容很好地进行搜索引擎优化阅读全文

posted @ 2020-07-21 09:53 MaricoCheung 阅读(230) 评论(0) 推荐(0)

随笔分类 - 学习笔记

公告