- 博客(16)
- 收藏
- 关注
原创 css --- > [练手小项目]样式小结(字体、颜色的语义 && 清除浮动的使用)
说明 源代码 1.1 CSS属性书写顺序(重点) 建议遵循以下顺序: 1.布局定位属性: display / position / float / clear / visibility / overflow (建议display第一个写, 毕竟关系到模式) 2.自身属性: width / height / margin / padding / border / background 3.文...
2020-01-31 14:58:05
217
原创 css --- > [读书笔记] 浮动(float) 与 清除浮动
说明 源代码 学习 1. 浮动 1.1 CSS布局的三种机制 网页布局的核心 — 利用 CSS 来摆放盒子 CSS提供了3种机制来设置盒子的摆放位置: 标准流、浮动和定位. 标准流: 块级元素(div、hr、p、h1~h6、ul、ol、dl、form、table)会独占一行,从上向下顺序排列 行内元素(span、a、i、em)按照顺序从左到右排列,遇到父元素边缘自动换行 浮动: ...
2020-01-30 21:17:22
193
原创 css --- > [读书笔记] 盒模型(边框、内外边距)
说明 源代码 学习 盒子模型(css重点) css学习三大重点: css盒子模型、 浮动、 定位 目标: 能说出盒子模型由哪四部分组成: 内容、边框、内外边距 能说出内边距的作用,设置不同数值分别代表的意思: 控制内部块级元素和宽框的距离 能说出块级盒子居中对齐需要的2个条件 能说出外边距合并的解决办法 应用: 能利用边框复合写法给元素添加边框 能计算盒子的实际大小 能利用盒子模型...
2020-01-30 15:45:58
596
原创 css --- > [学习笔记]背景图片小结 && css三大特性
源代码 1. 行高(line-height) 目标 理解 - 能说出行高和高度三种关系 - 能简单理解为什么行高等于单行文字会垂直居 应用 使用行高实现单行文字垂直居中 能会测量行高 2. CSS 背景(background) 目标 理解 - 背景的作用 css 背景图片和插入图片的区别 应用 通过 css 背景属性,给页面元素添加背景样式 能设置不同的背景图片位...
2020-01-30 10:58:28
219
原创 node --- > [express] cookie/session 机制与 中间件的使用(路由守卫)
说明 源代码 记忆、遗忘回顾 使用 cookie/session 机制,让 客户端/服务器 的访问变得有状态 cookie 与 session 由于 HTTP 协议的无状态性,当一次连接断开后. 服务器并不会记录用户是否登录. 因此需要引入 cookie/session 机制 cookie cookie: 浏览器在电脑硬盘中开辟的一块空间,主要供服务器端存储数据 cookie 中的...
2020-01-29 17:26:36
593
原创 node --- > [express项目] 开发环境下使用morgan控制台输出访问信息
说明 源代码 记录、遗忘回顾 process.env node中提供了一个process.env接口用于访问计算机中的系统环境变量. 可以利用以上属性来区分当前的环境是开发环境还是生产环境,代码如下: if (process.env.NODE_ENV === 'development') { console.log('当前环境是开发环境') } else { console.lo...
2020-01-29 16:31:43
706
原创 mongoose --- > createUser
说明 源代码 记录、遗忘回顾 mongoDB默认不需要使用账号密码即可访问数据库. 下面是给mongoDB添加超级管理员和普通用户的方法 以系统管理员的方式运行powershell 连接数据库 mongo 查看数据库: show dbs 切换到admin数据库: use admin 创建超级管理员账户: db createUser({user: 'root', pwd: 'root', r...
2020-01-29 16:19:23
274
原创 javascript --- > 文件上传即时预览 && 闭包实现多图片即时预览
使用javascript原生功能实现,点击上传文件,然后再网页上显示出来 1. 初级显示 1.1 准备一个input标签和一个img标签 <input type=file id="file"> <img id="preview" src=""> 1.2 js代码如下 // 将上传的图片显示到页面上 function showUpload() { // ...
2020-01-28 21:34:59
248
原创 node --- > 模块加载机制
1. Node.js中模块加载机制 1.1 模块查找规则-当模块拥有路径但没有后缀时 require('./find.js'); require('./find'); require方法根据模块路径查找模块,如果是完整路径,直接进入模块 如果模块后缀省略,先找同名JS文件再找同名JS文件夹 require('./find'); // 以上会先找到命令行目录下的find.js文件.若找到则返回...
2020-01-25 17:01:06
1599
原创 javascript --- > 实现对象的深拷贝
浅拷贝和深拷贝 浅拷贝: 只拷贝一层.当对象是复杂数据类型(Object、 Array)时,只拷贝引用 深拷贝: 多层拷贝.复杂数据类型,会重新分配内存空间. 实现浅拷贝的2种方法 使用for ... in 实现 var obj = { name: 'marron', age: 18, msg: { sex: "1" } } var o = {}; for(let k in ...
2020-01-24 15:24:29
289
原创 JavaScript --- > [学习笔记] 原型模式
说明 接JavaScript — > [学习笔记]观察者模式 & 理解对象 & 工厂模式 & 构造函数模式 上一篇构造函数模式创建的实例,不同实例的同一个方法是不相等的,为了解决这个问题.出现了原型模式 1. 原型模式 具体做法是,不在构造函数中定义对象实例的信息,而是将这些信息直接添加到原型对象中 function Person(){} Person.pro...
2020-01-16 11:23:13
244
原创 JavaScript --- > [学习笔记]观察者模式 & 理解对象 & 工厂模式 & 构造函数模式
说明: 本篇为后面TCP的模拟实现做准备 本篇的主要内容: 观察者模式、JS中对象相关的概念、原型链 本篇是阅读JS数据的理解(大部分书原内容+少量理解) 1. 观察者模式 参考JavaScript设计模式 1.1 消息注册方法 “将订阅者注册的消息推入到消息队列中” [算法思路] : 在推入到消息队列时,如果此消息不存在则应该创建一个该消息类型并将该消息放入消息队列中 如果此消息存在...
2020-01-10 16:13:42
256
原创 Android Studio --- > [学习笔记]TCP(第2弹)、GridView、ScrollView
说明 这篇主要接上一篇Android Studio — > [学习笔记]RadioButton、CheckBox、ImageView、ListView、TCP的三次握手 对上面回答的细解,并用JS伪代码,对TCP三次握手和四次挥手的简单实现. Android的基本了解到此篇结束,后续会根据具体情况深度学习. 2.y TCP的三次握手和四次挥手(第2弹) 参考 下面娓娓道来(逐字敲)上...
2020-01-09 10:24:23
294
1
原创 Android Studio --- > [学习笔记]RadioButton、CheckBox、ImageView、ListView、TCP的三次握手
说明 源代码 在2.x里有TCP的三次挥手与四次握手,先对它进行简单的回答(百度).预计在下一篇里,会继续说明TCP 接上一篇: Android Studio — > [学习笔记]Button、TextView、EditText 2.5 RadioButton 常用属性 自定义样式 监听事件 2.5.1 新建按钮,并跳转到相应的活动页面 在com.skypan.textview下...
2020-01-07 17:19:46
443
原创 Android Studio --- > [学习笔记]Button、TextView、EditText
说明 源代码 为了更全面的了解RN,先熟悉一下Android开发 第1章 Android 初体验 1.1 Android开发概述 Android是Google开发的操作系统 Android开发是移动应用开发的表现形式之一(Android、IOS、H5 App、Native + H5、 RN、ionic、MUI…) 1.2 Android开发工具 Android Studio 为什么使用...
2020-01-06 09:36:06
1125
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人