温习 - 随笔分类 - 美林pml

forEach解读

摘要：在项目中，遇到对后台返回数据的处理，就有点怵，特别是forEach，今天特地再重新梳理一遍，主要对比map和forEach来看。相同点： 1）只能遍历数组； 2）都是循环遍历数组中的每一项； 3）每次执行匿名函数都支持三个参数，参数分别为item（当前每一项），index（索引值），arr（原数组阅读全文

posted @ 2020-11-11 16:18 美林pml 阅读(178) 评论(1) 推荐(0)

数组中常用map

摘要：map，映射，也就是原数组被“映射”成对应新数组，[ ].map()。 map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。注意： map() 不会对空数组进行检测。注意： map() 不会改变原始数组。 1.简单数组阅读全文

posted @ 2020-11-11 14:43 美林pml 阅读(282) 评论(0) 推荐(0)

布局

摘要：自适应布局布局特点：不同的设备对应不同的html或者局部自适应；一句话：不同的设备用不同的页面或者局部伸缩；响应式布局布局特点：确保一个页面在所有终端上，都能显示出令人满意的效果；一句话：一套方案，处处运行；设计思路：使用%或rem作为单位；阅读全文

posted @ 2020-11-09 10:37 美林pml 阅读(105) 评论(0) 推荐(0)

eclipse java

摘要：1Java：Java是由Sun Microsystems公司推出的Java面向对象程序设计语言和Java平台的总称。 2.Eclipse：Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 阅读全文

posted @ 2018-05-07 17:10 美林pml 阅读(431) 评论(0) 推荐(0)

获取时间

摘要：阅读全文

posted @ 2018-04-13 16:54 美林pml 阅读(95) 评论(0) 推荐(0)

ajax

摘要：ajax：Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。即用JavaScript异步形式去操作xml。唯一能做的事就是：数据交互、传输获取数据优点：节省用户操作、时间，提高用户体验，减少数据请阅读全文

posted @ 2018-03-16 09:51 美林pml 阅读(157) 评论(0) 推荐(0)

服务器环境的搭建

摘要：今天第一次倒腾搭建服务器，用的Apache服务器，具体过程可参考腾讯云API https://cloud.tencent.com/document/product/269/4105 (注意端口号的问题) 此外：提供其他服务器工具：http://www.php100.com/html/plugin/s 阅读全文

posted @ 2018-03-05 17:09 美林pml 阅读(179) 评论(0) 推荐(0)

Event---事件详解

摘要：1.焦点事件焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户的输入。可以通过以下方式给元素设置焦点：点击、tab、js 不是所有元素都能够接收焦点的，能够响应用户操作的元素才有焦点。 2.event事件对象和clientX、clientY event:事件对象阅读全文

posted @ 2018-03-01 17:17 美林pml 阅读(351) 评论(0) 推荐(0)

文档宽高及窗口事件

摘要：可视区尺寸：就是看得见的屏幕宽高滚动距离：滚动条距上（左）边的距离。注意：并不是肉眼看到的实际距离，而是比例距离。内容高度：盒子里面，抛开边框，从上到下的内容的高度文档高度： 122px=border(2px)+height(100px)+padding(20px) 事件： onscroll：阅读全文

posted @ 2018-03-01 15:07 美林pml 阅读(175) 评论(0) 推荐(0)

BOM相关方法及属性

摘要：browser objec tmodel浏览器对象模型 BOM里面的方法大多在window对象底下，window代表窗口，也就是说，在BOM里面大多调用window下面的东西。 1.open方法是window底下的一个方法 window.open(页面的地址URL，打开的方式)方法，打开一个新的界面阅读全文

posted @ 2018-03-01 11:49 美林pml 阅读(229) 评论(0) 推荐(0)

圆角

摘要：一个转动的风筝小demo 运行结果为：鼠标移入后会旋转：阅读全文

posted @ 2018-02-27 17:57 美林pml 阅读(254) 评论(0) 推荐(0)

响应式布局

摘要：1.了解分栏模式类似报纸运行结果为： 2.响应式布局适应屏幕大小的改变，所呈现的东西有所适应案例：假如屏宽>1000px时，内容呈5列显示；当600<屏宽<1000时，内容呈3列显示，并且文字显红色；当屏宽<600时，文字呈两列显示，文字为黑色方法一：引入不同的css样式样式表为：引入阅读全文

posted @ 2018-02-27 11:48 美林pml 阅读(186) 评论(0) 推荐(0)

盒模型新增属性

摘要：1.盒子投影box-shadow 运行结果为：更多属性可以参看：http://www.runoob.com/cssref/css3-pr-box-shadow.html 2.倒影box-reflect 运行结果： 3.渐变-linear-gradient 运行结果： 4.自由缩放运行结果： 5. 阅读全文

posted @ 2018-02-27 09:14 美林pml 阅读(167) 评论(0) 推荐(0)

盒子的弹性空间

摘要：1.按比例分配运行结果为：计算公式：子元素的尺寸值=盒子的尺寸/所有子元素box-flex属性值的和*子元素的box-flex属性值同时：也可以设置定宽，剩下的再按照这个规则去计算 2.box-pack对盒子富裕空间进行管理效果类似右浮动中间浮动富裕空间在子元素中间平均分配 -webki 阅读全文

posted @ 2018-02-26 16:20 美林pml 阅读(145) 评论(0) 推荐(0)

弹性盒模型

摘要：1.display: -webkit-box;的应用运行为：加上display: -webkit-box后，运行为： 2.改变box的排序顺序运行结果为： 3.任意排列box的位置运行结果为：阅读全文

posted @ 2018-02-26 15:45 美林pml 阅读(130) 评论(0) 推荐(0)

HTML属性操作

摘要：属性名属性值相关操作：读与取一、属性读操作：元素.属性，其实在就是找到等号右边的值代码为：二、属性写操作：("添加")替换、修改元素.属性名=新的值三、innerHTML 读取元素内的所有HTML元素动态添加内容同样，写可以插入图片插入按钮练习：input中输入文字内容，可以在阅读全文

posted @ 2018-02-12 10:40 美林pml 阅读(258) 评论(0) 推荐(0)

JS初探

摘要：如何实现点击后，有下拉菜单的效果呢？写一个JS效果的步骤：一、先实现布局二、实现原理三、了解JS语法 1、JS获取效果元素 2、知道是什么事件（鼠标事件、键盘事件、表单事件、系统事件、自定义事件。。。。） 3、将要发生的时间添加到元素上元素.事件 4、明确事件添加后干什么函数：可以理解为阅读全文

posted @ 2018-02-11 15:10 美林pml 阅读(203) 评论(0) 推荐(0)

经典布局方案

摘要：一、上中下一栏式二、左右两栏式 1.浮动+普通流 2.纯浮动式 3.绝对定位式三、左右两栏加页眉页脚四、左中右三栏式布局要求：随着屏幕的改变，两边宽度不变，中间屏幕大小随之改变阅读全文

posted @ 2018-02-07 10:41 美林pml 阅读(179) 评论(0) 推荐(0)

兼容性

摘要：为什么相同的样式代码在不同的浏览器下运行，有不同的状态？因为不同的浏览器有着不同的内核，有着不同的处理引擎与渲染引擎，就会存在差异，这种差异就称为兼容性主流浏览器：IE系、Chrome、Firefox、Safari XP系统自带IE6，升级只能到IE7，此次研究主要针对XP系统 1.H5的兼容 H 阅读全文

posted @ 2018-02-06 17:49 美林pml 阅读(373) 评论(0) 推荐(0)

表单实现仿淘宝搜索应用

摘要：原型：代码：运行：阅读全文

posted @ 2018-02-06 16:49 美林pml 阅读(130) 评论(0) 推荐(0)

随笔分类 - 温习