随笔分类 - 前端经验
摘要：什么是属性前缀? 为了浏览器的兼容性，有时候我们必须加入-webkit,-ms,-o,-moz这些前缀。目的就是让我们写的页面在每个浏览器中都可以顺利运行。例如： transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */ -we
阅读全文
摘要：用lnmp架构部署wordpress网站 ①.下载和上传网站代码 用winscp或者xftp, 或者xshell下执行rz命令进行上传网站的包文件. ②.解压程序代码,并将程序代码保存到站点目录,并进行授权 chown -R nginx.nginx /app/nginx/html/blog/ (将站
阅读全文
摘要：使用html+css+js实现简易计算器，效果图如下： html代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
阅读全文
摘要：css3属性中关于制作动画的三个属性：Transform,Transition,Animation。 1、transform：描述了元素的静态样式，本身不会呈现动画效果，可以对元素进行 旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。 div{ tra
阅读全文
摘要：本文讲述如何在thinkphp5中完成登录并保存session、然后根据不同的用户权限跳转相应页面功能的实现。我也在学习thinkphp源码的路上，记录一下并与大家分享。完成该步骤主要有以下三个步骤完成。 一、密码校验 这里view层提交过来的用户名和密码是不加密的，数据中的密码是经过md5加密的，
阅读全文
摘要：git reset 、 git checkout 和 git revert 是Git中常用命令。经常傻傻分不清他们之间的区别。最近工作不忙，抽出时间参考了其他文档，对其总结了下。 提交层面的操作 传给 git reset 和 git checkout 的参数决定了它们的作用域。如果其后参数不是 fi
阅读全文
摘要：前言 目的 ：保证服务器硬件故障时依然可用,数据依然保持并能够访问 手段：数据和服务的冗余备份以及失效转移机制 有状态 ：在服务端保留之前的请求信息,用以处理当前请求（例如:session） 无状态 ：没有特殊状态的服务,各个请求对于服务器来说统一无差别处理,请求自身携带了所有服务器需要的所有参数（
阅读全文
摘要：服务器上仍然使用nginx进行代理 1.为二级域名申请ssl证书。 2.在域名解析服务中，为二级域名添加解析记录。 3.nginx默认读取/etc/nginx/conf.d/*.conf 在conf.d下建立二级域名对应的配置文件如vi blog.conf upstream ech{ server
阅读全文
摘要：什么是protobuf？ Protobuf是Google开源的一款类似于json，XML数据交换格式，其内部数据是纯二进制格式，不依赖于语言和平台，具有简单，数据量小，快速等优点。目前用于序列化与反序列化官方支持的语言有C++，C#， GO， JAVA， PYTHON。适用于大小在1M以内的数据，因
阅读全文
摘要：我们经常将数据存储在XML 中，在展示的时候需要转换为其它的形式，这里介绍使用XSLT 对XML数据进行转换。要学习XSLT对XML的转换，需要先了解三个文件。 第一个是存储数据的XML文件:employees.xml <?xml version="1.0"?> <employees> <emplo
阅读全文
摘要：移动端的项目经常会引入手势库来实现拖拽，不过如果只是一两个页面用到拖拽，再引入一个手势库就很不划算。最近的项目中就有这么一个需求： 因为就这一个地方需要拖拽，所以我就没有引入第三方库 移动端的拖拽有两种主流的实现方案： 1. 将元素设置为固定定位，然后在拖拽的时候修改其定位，实现拖拽的效果； 这种方
阅读全文
摘要：一、引言 首先来理解一下简单的一个请求发送到响应的过程。 首先，客户端，通常是浏览器或者一些应用发送请求到你的服务器地址，比如访问你的Url或者其他的东西。而我们的服务器通常要分为两个部分，一部分是服务器硬件，有了硬件之后还有有硬件上对应运行的软件。即服务器软件其次，服务器的硬件部分接收到了这一段请
阅读全文
摘要：先说一下网络的层级：由下往上分为 物理层、数据链路层、网络层、传输层、会话层、表示层和应用层 1、TCP和UDP TCP：是面向连接的一种传输控制协议。属于传输层协议。TCP连接之后，客户端和服务器可以互相发送和接收消息，在客户端或者服务器没有主动断开之前，连接一直存在属于长连接。 优点：安全、传输
阅读全文
摘要：最近在写一个小程序，项目中遇到一个需求：页面滚动到tab切换菜单时，菜单fixed到页面顶部； 实现方法： 使用小程序的onPageScroll事件，滚动到指定位置添加fixed样式； bug1：获取指定位置错误，因为上面都是图片，在图片未加载出来时获取高度，高度值不对，解决办法就是在imgae上加
阅读全文
摘要：SPA简介： 单页Web应用（single page web application，SPA）： SPA 是一种特殊的 Web 应用，是加载单个 html 页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个 Web 页面中，仅在该 Web 页面初始化时加载相应的 html 、 J
阅读全文
摘要：简介 WebSocket是基于TCP的一种新的网络协议，并在2011年被IETF定为标准的全双工通信协议，它实现了客户端与服务器全双工通信。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成
阅读全文
摘要：你是否在使用浏览器打开网页的时候会提示404 not found的情况，导致网页打开失败，留下一大堆英文字母。现小编就和大家介绍网页错误404 not found的解决措施。 一、404 not found是什么意思？ 404 not found是一种标准的HTTP返回代码，当用户输入一个链接时，服
阅读全文
摘要：利用canvas将网页元素生成图片并保存在本地,首先引入三个文件： <script type="text/JavaScript" src="js/html2canvas.js"></script> <script type="text/JavaScript" src="js/base64.js"><
阅读全文
摘要：看了好多微博总结了一下概念，首先先介绍一下W3C? 啥是W3C不是wc，这个建立于 1994 年的组织，其宗旨是通过促进通用协议的发展并确保其通用型，以激发 web 世界的全部潜能，指万维网联盟（World Wide Web Consortium）一个很牛x的组织。 代码标准 w3c官网也可以借鉴w
阅读全文
摘要：小型电商网站的商品详情页系统架构 小型电商网站的页面展示采用页面全量静态化的思想。数据库中存放了所有的商品信息，页面静态化系统，将数据填充进静态模板中，形成静态化页面，推入 Nginx 服务器。用户浏览网站页面时，取用一个已经静态化好的 html 页面，直接返回回去，不涉及任何的业务逻辑处理。 好处
阅读全文