09 2020 档案

摘要:法一(自定义函数) 请点击:冒泡排序动画演示(遍历多少行、每行交换多少次) /*步骤构思: 1、声明命名函数(形参数组) 2、for设置外循环, 控制遍历多少趟 3、for设置内循环, 控制遍历交换多少次 4、if设置满足两两比较条件, 索引号进行两两和临时变量的交换 5、return返回值 6、变 阅读全文
posted @ 2020-09-30 19:51 MaricoCheung 阅读(528) 评论(0) 推荐(1) 编辑
摘要:法一(自定义函数) /* 步骤构思: 1、声明命名函数(形参数组) 2、变量储存=新数组 3、for设置循环体 4、计数器倒减遍历 5、return返回值 6、变量存储=调用函数(实参) 7、控制台打印变量输出 */ function reverse(printArr) { var newArr = 阅读全文
posted @ 2020-09-29 23:13 MaricoCheung 阅读(367) 评论(0) 推荐(0) 编辑
摘要:直角三角形:字符串遍历升序或倒序来做 步骤构思: 1、遍历外循环行数 2、遍历外循环列数 3、存储字符 4、字符换行 需求一:下行比上行多一个字符 var str = '' for (var rows = 1; rows <= 5; rows ++) { // 设置遍历5行 for (var col 阅读全文
posted @ 2020-09-28 22:21 MaricoCheung 阅读(670) 评论(0) 推荐(1) 编辑
摘要:步骤构思: 1、利用checkbox选中和取消的特性 2、隐藏默认样式,扩大label点击热区 3、用after、before两个伪类元素实现动画 IosButton绿色按钮 实现效果 代码如下: <!-- HTML代码 --> <div class="switch-box"> <input id= 阅读全文
posted @ 2020-09-27 23:33 MaricoCheung 阅读(1652) 评论(0) 推荐(0) 编辑
摘要:需求:实现父盒子垂直居中情况的textarea只向下拖拽 法一有bug:父盒子绝对定位百分比 代码如下: #form_table { width: 480px; padding: 15px; position: absolute; left: 50%; top: 50%; transform: tr 阅读全文
posted @ 2020-09-26 21:18 MaricoCheung 阅读(246) 评论(0) 推荐(0) 编辑
摘要:(四)效果展示 目录跳转-实现步骤: (一)申请JS权限 (二)上传JS文件 (三)添加页面按钮和行号功能 (一)申请JS权限 1.“我的博客”进入“管理” 2.进入“设置” 3.点击申请 4.申请说明 由于博客园过审比较严格,建议直接复制粘贴这段话: 尊敬的博客园管理员,请问是否可以帮我开通js权 阅读全文
posted @ 2020-09-26 20:13 MaricoCheung 阅读(1034) 评论(0) 推荐(2) 编辑
摘要:素数:又称质数,即“大于1,且只能被1和它本身整除的数” 步骤构思: 1、for遍历循环找其他约数 2、if设置满足条件(计数器从2开始,不包括它本身)有则中断输出 需求一:判断素(质)数 function primeNum(num) { // 声明命名函数(形参) var flag = true; 阅读全文
posted @ 2020-09-25 23:39 MaricoCheung 阅读(1163) 评论(0) 推荐(0) 编辑
摘要:水仙花数:一个三位的整数,个、十、百的立方和等于该整数(例:153=1*1*1+5*5*5+3*3*3) 步骤构思: 1、依次循环遍历输出所有三位数,取整 2、设置条件判断 3、往数组存储输出 方法一:直接数字 var arr = [] //所有的水仙花数就是个集合数组 for (var i = 1 阅读全文
posted @ 2020-09-24 21:46 MaricoCheung 阅读(387) 评论(0) 推荐(0) 编辑
摘要:break:中断执行并输出结果 continue:跳过本次继续执行剩余代码 return:退出循环中断执行,且返回函数形参 阅读全文
posted @ 2020-09-23 22:27 MaricoCheung 阅读(265) 评论(0) 推荐(0) 编辑
摘要:方法一 步骤构思:Math对象随机,转16进制字符,截取六位字符 var a = Math.random(); // 调用静态对象方法抛出随机数a console.log(a); var b = a.toString(16); // 把a转换为16进制的字符串 console.log(b); con 阅读全文
posted @ 2020-09-22 22:57 MaricoCheung 阅读(511) 评论(0) 推荐(0) 编辑
摘要:1. 本质:封装一段可重复被调用执行的代码块 2. 声明 命名函数(又称自定义函数):function 函数名() {} 匿名函数(又称函数表达式):var 变量名 = function () {} 3. 调用 函数之间可相互调用,函数名后跟一个() 4. 参数 形参(默认undefined):fu 阅读全文
posted @ 2020-09-22 21:55 MaricoCheung 阅读(156) 评论(0) 推荐(0) 编辑
摘要:**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 阅读(155) 评论(0) 推荐(0) 编辑
摘要:(一) 分支 if搭配else if、else switch搭配case、default 【区别】①前者比较范围,按'冒泡排序'书写,分支多;②后者满足特定值,分支少且可中断,执行效率更高,'case'值为全等 (二) 循环 for双重for while含do while,前者先奏后斩;后者先斩后奏 阅读全文
posted @ 2020-09-20 20:51 MaricoCheung 阅读(166) 评论(0) 推荐(0) 编辑
摘要:1.一元算数 ①浮点运算有出入 ②返回值=表达式(数字、运算符、变量) 2.递增/减 ①单独一行,前后置一致 ②复合运算有差异,前置(先己后人);后置(先人后己) 3.逻辑 【逻辑中断短路】左边表达式为真,不再执行右边表达式 console.log(123 || 456 || 456 + 123); 阅读全文
posted @ 2020-09-19 21:55 MaricoCheung 阅读(153) 评论(0) 推荐(0) 编辑
摘要:Chrome按下F12,控制台出现一行黄色预警 翻译:开发者工具未能加载js源地图:无法加载chrome-extension(谷歌插件)://ncennffkjdiamlpmcbajkmaiiiddgioo/js/xl-content.js.map的内容 原理:谷歌插件的映射未能成功加载。 解决方案 阅读全文
posted @ 2020-09-18 21:05 MaricoCheung 阅读(30642) 评论(0) 推荐(4) 编辑
摘要:(一)实质:变量是内存的一个存储数据的容器 (二)变量的初始化:声明变量名并赋值 **1. 变量的五种数据类型:**number数字(整数和浮点小数)、string字符串(转义符)、boolean布尔值、undefined声明无值、null空值 2. 获取数据类型的三种方法 (1)控制台直接输出类型 阅读全文
posted @ 2020-09-18 20:08 MaricoCheung 阅读(157) 评论(0) 推荐(0) 编辑
摘要:1. 起初校验表单 由网景公司的一位程序员发明Script,用于网页表单动态校验(如密码强度) 搭上了当时最热的语言Java的便车,让更多的人认识脚本编程 2. 组成工业标准 (1)后来微软公司加入脚本编程语言的竞争,随机发布Jscript语言 (2)ECMA欧洲计算机制造协会统一标准,逐渐形成今天 阅读全文
posted @ 2020-09-17 20:44 MaricoCheung 阅读(166) 评论(0) 推荐(0) 编辑
摘要:1. 计算机语言 目前主要分为三类:机器、汇编、高级 其中编程语言包括:汇编和高级 【注:计算机CPU和内存硬盘存储只认识机器语言的二进制,所以往往高级语言要通过解释器转换】 2. 编程 通过语言编写一系列控制计算机的程序指令性代码 3. 脚本 无需编译,由浏览器内置的js引擎(如Chrome的V8 阅读全文
posted @ 2020-09-16 20:43 MaricoCheung 阅读(662) 评论(0) 推荐(0) 编辑
摘要:(一)盒子大小 1. 自身 通过box-sizing:设定边距和边框 不设宽高:利用盒子内外边距、文字高度和大小撑开 【注】<a>要设block才能撑开 2. 相邻 子取消间距,给父font-size:0 (二)文字隐藏 1. 溢出省略号 【1】单行 给自身加width:px;white-space 阅读全文
posted @ 2020-09-15 21:30 MaricoCheung 阅读(193) 评论(0) 推荐(0) 编辑
摘要:(一) 开发方案及布局技术选型 1. 单独制作(主流) (1)流式百分比布局:m.jd.com (2)flex弹性伸缩布局:m.ctrip.com 【比较】前者兼容性好,但布局繁琐、尤其是在移动端不能很好布局;后者兼容性差、尤其是PC端的IE版本,但移动端布局简易、使用广泛 (3)rem+less+ 阅读全文
posted @ 2020-09-14 20:47 MaricoCheung 阅读(447) 评论(0) 推荐(0) 编辑
摘要:1. 开发环境 移动端比PC端发展稍慢,主流手机浏览器内核均为-webkit- 手机屏幕尺寸碎片化严重 可以通过chrome模拟测试 2. 视口 一般分为三种:布局、视觉、理想(由乔布斯的构思延伸到目前主流视口) meta中的视口标签<meta name="viewport" content="wi 阅读全文
posted @ 2020-09-13 23:00 MaricoCheung 阅读(152) 评论(0) 推荐(0) 编辑