随笔分类 - Web开发基础
摘要：TCP建立连接为什么是三次握手，而不是两次或四次？ TCP，名为传输控制协议，是一种可靠的传输层协议，IP协议号为6。 顺便说一句，原则上任何数据传输都无法确保绝对可靠，三次握手只是确保可靠的基本需要。 举个日常例子，打电话时我们对话如下： 对应为客户端与服务器之间的通信： 于是有了如下对话： 我：
阅读全文
摘要：一、写在前面 日常生活中，我们经常看到到一个网站时，需要登录的时候，都提供了第三方的登录，也就是说你可以使用你的微信，QQ,微博等账号进行授权登录。那么这个认证登录的东西到底是什么呢？ 微信授权登录页面 或者说你实现这样的授权登录，该怎么做呢？我觉得思路： 首先是登录的网站时，去在第三方登录后，第三
阅读全文
摘要：作为新一代移动端应用分发入口，小程序的趋势明朗化，竞争也在急剧激烈化。战线从手机 QQ、QQ 浏览器、支付宝、手机淘宝，华为，小米等九家手机厂商推出“快应用”，再拉到了谷歌的 Instant App 和 PWA、Facebook 的 React Native。一场围绕webapp关键战役已经全面打响
阅读全文
摘要：一、HTTP HTTP（超文本传输协议，HyperText Transfer Protocol)是应用层的协议，目前在互联网中应用广泛。 它被设计用于Web浏览器和Web服务器之间的通信，但它也可以用于其他目的。 HTTP遵循经典的客户端-服务端模型 ，客户端打开一个连接以发出请求，然后等待它收到服
阅读全文
摘要：在我们的项目中有用到: fetch 有直接用的，也有自己封装之后用的; vue-resource 在vue1的时候使用，把方法抽象出来后，总需要往方法里传 this.$http ,感觉是个超级不爽的设计，在vue2的时候弃用； Axios 这是一个非常棒的设计，它是借用angularJs的http
阅读全文
摘要：一. 可读性强的命名 命名是提高代码可读性的第一步，也是极其重要的一步，不仅在js里要命名变量名、函数名，还要在CSS里给命名class、id，给图片命名。好的变量名要完全、准确地描述出该变量所代表的事物。下面是一些命名的规则： 以问题为导向 一个好记的变量名反映的通常都是问题，而不是解决方案。一个
阅读全文
摘要：使用Postman模拟HTTP请求 Postman是一款强大的前端调试工具，不管是开发人员还是测试人员都会需要调试接口程序，如RestAPI，此时可以通过向服务器发送不同的HTTP请求来判断接口返回结果是否正确。 Postman有两种使用方式：Chrome插件方式，本地安装方式。本地安装程序更强大，
阅读全文
摘要：一、Web项目基本原理 现在的web项目大都已经前后端独立开发与部署。 前后端独立开发，一般是前端与后端通过web接口(常见的有RESTful与websocket)文档进行交流。前端开发人员先更具业务需求与实际原型进行ui的编程实现与事件的设计，并通过web接口进行业务数据的增删改查。后端开发人员根
阅读全文
摘要：由于前端技术的发展与市场需求的提高，前端开发已经不仅仅是写几个页面那么简单。如何有效的开发、管理一个越来越庞大、越来越复杂的前端项目，成为互联网团队必须要面对的难题。 各种js库、ui库曾经火极一时。现在，前端框架与与自动化构建让前端开发走向正规化开发道路。 gulp,就像java开发中的maven
阅读全文
摘要：现在不少虚拟主机都是使用的cpanel控制面板，由于空间商选用的cpanel版本不同，有的带有定时备份功能，而有的就没有这项功能，需要手动备份。不过，还在绝大部分的cpanel后台都有“时钟守护作业”这个功能——这个功能可以实现定时执行某些指令，对空间进行定时全备份，自然也是可以的。下面，我们就介绍
阅读全文
摘要：一、应用场景 在生产环境中，应用服务器（此文以tomcat为例）不免面临高访问量的压力，相比而言web服务器（此文以apache为例）能够承担更大的并发量。Apache本身带有一些模块，可以完成对应用服务器访问流量分流分压的功能。这里就以apache+tomcat配置负载均衡的方式，实现http与w
阅读全文
摘要：gulp是前端工程化的工具，它可以对html,css,js等代码和图片进行压缩，也可以对sass和less等预处理语言进行编译，代码部署。gulp学起来简单，用起来方便，大大提高我们工作效率。 这里可以参考CTOLib码库的gulp基本教程 ||《gulp中文网》 安装node.js 因为gulp是
阅读全文
摘要：HTML5 & CSS3 准备就绪 该网站通过扇形图表的形式展现了从08年到10年以来各大浏览器对HTML5和CSS3的支持情况。发展势头还是很可观的。 HTML5安全手册 CSS3按钮生成器 所见即所得的为你生成CSS3按钮，你仅需通过基本的鼠标点击便可生成令人满意的CSS3按钮，点击生成好的按钮
阅读全文
摘要：在这里可发现很多与众不同的技术，比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面(英文)，单击每个实例的图片截图可以直接跳转到相应实例的Demo页面。 1.Hoverbox 图片集 一个纯净的基于CSS
阅读全文
摘要：Web服务的一个重要特点就是流量大、数据多，仅靠一台服务器肯定难以支撑大规模的服务。 所以我们经常会看到诸如以下的一些术语，教人好生不懂： *：系统架构、物理架构、Web服务基础设施 *：应用服务器 *：数据库服务器 *：索引服务器 *：反向代理服务器 *：缓存服务器 *：分布式、可扩展性 *：cp
阅读全文
摘要：决定一个网站成败命运的，不是视觉设计，而是设计的可用性和有效性。访问网页的用户们握着鼠标，决定一切，“以用户为中心”已然是成功网站的标准设计方向。总之，用户不用的功能，就不该存在。 我们并不打算重复探讨操作细节（比如：“搜索工具栏”应当怎么放置），相反，我们的目光将集中在网站有效设计的核心原则、启发
阅读全文
摘要：转自：http://blog.bingo929.com/cheat-sheets-for-web-develop.html Cheat sheet这个词组如果直译成中文，意思大概是”作弊小抄”之类的词，但Cheat sheet这个词的实际意思已经并非是贬义了，虽然中文还没有实际的对应词能够很好的翻译
阅读全文
摘要：现在国内绝大多数的站点都用CSS把字体大小设定为12px，像素虽然也是相对尺寸单位，但只是相对于屏幕的分辨率 ，当屏幕的分辨率一定时，如果你 感到字太小，阅读有困难，在非标准浏览器中就无能为力了，从而降低了用户体验。所以说，如果把单位改成em，那么就可以用CTRL+鼠标滚动把字放大，或者用菜单上的查
阅读全文
摘要：转自：http://blog.bingo929.com/lunascape-firefox-safari-ie-all-in-one.html 作为前端开发/网页设计师，电脑中总是安装着各种不同内核渲染引擎的浏览器，如IE(Internet Explorer)、FireFox、Safari、oper
阅读全文
摘要：Nick Babich – 早在2016年的时候，移动端流量就已经超越桌面端成为目前主流。根据Google UK 的研究，如今65%的英国成年人都以智能手机作为他们的主要上网设备。 人们通过移动端设备搜索信息，在线购物，使用移动端设备订阅各种服务。用户偏好上的转变推动着用户期望发生变化。现如今，绝大
阅读全文
浙公网安备 33010602011771号