森森森shen - 博客园

2020年4月7日

摘要： function MYPromise(fn) { var self = this self.onResolvedCallback = [] function resolve(value) { setTimeout(() => { self.data = value self.onResolvedCa 阅读全文

posted @ 2020-04-07 21:10 森森森shen 阅读(119) 评论(0) 推荐(0)

2020年4月6日

左侧固定，右侧自适应布局

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>左边定宽，右边自适阅读全文

posted @ 2020-04-06 19:36 森森森shen 阅读(507) 评论(0) 推荐(0)

2017年7月22日

三栏布局的几种方式

摘要： 1.流体布局 2.圣杯布局 3.双飞翼布局 4.flex布局 5.绝对定位布局 6.table布局阅读全文

posted @ 2017-07-22 16:41 森森森shen 阅读(435) 评论(0) 推荐(0)

2017年7月20日

网络七层模型

摘要：应用层：网络服务与最终用户的一个接口。主要有：HTTP FTP TFTP SMTP SNMP DNS TELNET HTTPS POP3 DHCP等连接协议。表示层：数据的表示、安全、压缩。有JPEG、ASCll、DECOIC、加密格式等。会话层：建立、管理、终止会话。本地主机与远程主机正阅读全文

posted @ 2017-07-20 17:26 森森森shen 阅读(199) 评论(0) 推荐(0)

2017年7月19日

border-radius 50% 和100%

摘要：根据 W3C border-radius 的规范定义，如果 border-radius 的值是百分比的话，就是相对于 border box 的宽度和高度的百分比。 W3C 对于重合曲线有这样的规范：如果两个相邻的角的半径和超过了对应的盒子的边的长度，那么浏览器要重新计算保证它们不会重合。所以说，如阅读全文

posted @ 2017-07-19 09:13 森森森shen 阅读(309) 评论(0) 推荐(0)

2017年4月21日

数据绑定

摘要： MVC，MVP，MVVM的区别： MVC：Model View Controller ,所有通信都是单向的。 MVP： MVVM：单向绑定和双向绑定：单向数据绑定缺点：HTML代码一旦生成完以后，就没有办法再变了，如果有新的数据来了，那就必须把之前的HTML代码去掉，再重新把新的数据和模板一起整阅读全文

posted @ 2017-04-21 13:42 森森森shen 阅读(188) 评论(0) 推荐(0)

前端一些基础的重要的知识2

摘要： 1.输入网址后到底发生了什么？（1）首要目标是获取链接的IP地址。浏览器开启一个线程来处理这个请求。调用浏览器内核中的对应方法，主要执行下面几步来获取网址的IP地址。 1.搜索浏览器自身DNS缓存 2.搜索操作系统自身的DNS缓存 3.读取本地HOST文件当上面三步都没发现这个网址在本地的DNS 阅读全文

posted @ 2017-04-21 12:35 森森森shen 阅读(231) 评论(0) 推荐(0)

2017年4月20日

用 ul 和 li 模拟select控件

摘要： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <style> #ul{ list-style:none; width:150px; border:1px solid #000; display:none; } li a{ 阅读全文

posted @ 2017-04-20 16:13 森森森shen 阅读(3344) 评论(0) 推荐(0)

2017年4月19日

两列布局

摘要：两列布局，左侧固定，右侧自适应的三种常用方法如果下方再加一个元素，对于方法1和3没什么影响，对于flex布局需要把元素1和2放在一个div里 <!DOCTYPE> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</tit 阅读全文

posted @ 2017-04-19 14:38 森森森shen 阅读(174) 评论(0) 推荐(0)

2017年4月13日

盒子的水平垂直居中几种方法

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平垂直居中</title> <style> /*1. flex布局, 只需对父元素操作 */ /* .parent { display: flex; alig 阅读全文

posted @ 2017-04-13 17:14 森森森shen 阅读(624) 评论(0) 推荐(0)

公告