2021年4月24日
immutable.js学习笔记（四）----- OrederMap
摘要： ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210419200543264.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t 阅读全文
posted @ 2021-04-24 22:27 杨芋可可 阅读(47) 评论(0) 推荐(0) 编辑
immutable.js 学习笔记（三）----- Map
摘要： 一、Map Map在原生的js中对应的是Object这样的结构，它都是key-value的键值对，并且它是无序的 二、 API （一） set：设定值 （二）delete：删除值 每做一次增删改查都会把这些数据重新生成一份，如果要想删除多个key的话，对内存的消耗也是很大的，所以deleteAll是 阅读全文
posted @ 2021-04-24 22:25 杨芋可可 阅读(55) 评论(0) 推荐(0) 编辑
immutable.js学习笔记（二）----- List
摘要： 一、List list与数组是兼容的，大多数的api与数组是类似的 注意 List.of()，不需要写中括号 二、List的API （一）size：取得 List 的长度 （二）set：设定指定下标的值 如果下标超过数组值，自动填充为undefined 把最后一个值更改，无需取得数组长度 （三）de 阅读全文
posted @ 2021-04-24 22:22 杨芋可可 阅读(83) 评论(0) 推荐(0) 编辑
immutable.js学习笔记（一）----- immutable.js 简介
摘要： 一、Immutable.js 介绍 Immutable.js 官方文档 ： https://immutable-js.github.io/immutable-js/ 关于Immutable的定义，官方文档是这样说的： Immutable data cannot be changed once cre 阅读全文
posted @ 2021-04-24 22:21 杨芋可可 阅读(162) 评论(0) 推荐(0) 编辑
2020年12月13日
移动 WEB 开发之 阿里百秀移动端页面制作
摘要： 一、技术选型 二、需求分析 1.页面布局分析 2. 屏幕划分 三、页面制作 1. 项目前期准备 搭建项目结构 创建 html 骨架结构以及引入相关样式 <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device- 阅读全文
posted @ 2020-12-13 22:27 杨芋可可 阅读(405) 评论(0) 推荐(0) 编辑
Bootstrap 的基本使用
摘要： 一、Bootstrap简介 Bootstrap 是目前受欢迎的前端框架之一，是基于HTML，CSS，JavaScript的，它简洁灵活，使web开发更加快捷 中文官网：http://www.bootcss.com/ 官网：http://getbootstrap.com/ 推荐：https://v3. 阅读全文
posted @ 2020-12-13 22:25 杨芋可可 阅读(453) 评论(1) 推荐(1) 编辑
移动 WEB 开发布局方式 ---- flex 布局
摘要： 一、flex布局体验 1.1 传统布局 flex 布局 1. 2 初体验 1. 搭建 HTML 结构 <div> <span>1</span> <span>2</span> <span>3</span> </div> 2. 添加样式 <style> div { width: 80%; height: 阅读全文
posted @ 2020-12-13 22:22 杨芋可可 阅读(327) 评论(0) 推荐(0) 编辑
使用 flex布局 制作携程网首页
摘要： 1. 技术选型 2. 搭建相关文件夹结构 3. 引入视口标签以及初始化样式 4. 常用初始化样式 5. 首页布局分析以及搜索模块布局 index.css /*搜索模块*/ .search-index{ /*固定定位跟父级没有关系，它以屏幕为准*/ position: fixed; top: 0; l 阅读全文
posted @ 2020-12-13 22:21 杨芋可可 阅读(411) 评论(0) 推荐(0) 编辑
移动 WEB 开发布局方式 ---- rem 适配布局
摘要： 一、rem 基础 1. rem 单位 **em 😗* 相对于父元素的字体大小来说的 <div> <p></p> </div> div { font-size: 12px; } p { width: 10em; height: 10em; background-color: pink; } rem: 阅读全文
posted @ 2020-12-13 22:19 杨芋可可 阅读(194) 评论(0) 推荐(0) 编辑
使用 flexible.js + rem 制作苏宁移动端首页
摘要： 一、技术选型 二、搭建相关文件夹 三、设置视口标签以及引入初始化样式文件和js文件 四、body 样式 五、rem 适配方案二 body样式修改 index.css body { min-width: 320px; max-width: 750px; /* flexible 给我们划分了 10 等份 阅读全文
posted @ 2020-12-13 22:18 杨芋可可 阅读(203) 评论(0) 推荐(0) 编辑