随笔分类 - 前端经验
摘要：1.CodePen： http://codepen.io/ 网站里有很多很酷的特效，而且可以看到效果的源代码，也可以看到实现效果，是一个非常不错的前端开发学习资源网站。 这个是CodePen网站里的一个效果的源码截图，是不是很酷呀！ 2.Runjs： http://runjs.cn/ 点击广场，则可
阅读全文
摘要：1. 空格 —— “后代选择器” 例如下面这个例子，表示div元素里面所有的p元素 div p { ... } 2. > —— “子选择器” 例如下面这个例子，表示div元素里面所有的子代（不含孙代及以后）p元素 div>p { ... } 3. ~ —— “兄弟元素选择器” 例如下面这个例子，表示
阅读全文
摘要：前言 三栏布局，顾名思义就是两边固定，中间自适应。三栏布局在实际的开发十分常见，比如淘宝网的首页，就是个典型的三栏布局：即左边商品导航和右边导航固定宽度，中间的主要内容随浏览器宽度自适应。 我们不妨假定这样一个布局：高度已知，其中左栏、右栏宽度各为300px,中间自适应，可以通过几种方法来实现？以及
阅读全文
摘要：MVC是一种软件架构的思想，即把一个应用的输入、处理、输出流程按照Model、View、Controller的方式进行分离； （1）模型: 业务逻辑包含了业务数据的加工与处理以及相应的基础服务(为了保证业务逻辑能够正常进行的事务、安全、权限、日志等等的功能模块)；（2）视图:展现模型处理的结果；另外
阅读全文
摘要：Web Sockets定义了一种在通过一个单一的 socket 在网络上进行全双工通讯的通道。它不仅仅是传统的 HTTP 通讯的一个增量的提高，尤其对于实时、事件驱动的应用来说是一个飞跃。 html5 Web Sockets 相对于老的技术（在浏览器中模拟全双工连接的复杂技术）有了如此巨大的提升，以
阅读全文
摘要：1. 同屏播放视频 <video src="" x-webkit-airplay="true" webkit-playsinline="true" playsinline /> 2. 移动端视频预加载 由于移动端不能预加载视频，所以hack一种方案：监听WXjsBridge WeixinjsBrid
阅读全文
摘要：什么是SOAP? SOAP (Simple Object Access Protocol) 顾名思义，是一个严格定义的信息交换协议，用于在Web Service中把远程调用和返回封装成机器可读的格式化数据。事实上SOAP数据使用XML数据格式，定义了一整套复杂的标签，以描述调用的远程过程、参数、返回
阅读全文
摘要：在互联网的影响下，移动互联网产业的发展也突飞猛进，越来越多的企业开始攻击移动互联网的大蛋糕。根据可靠的数据分析，中国对开发商的需求高达200万人，而且数据仍在改善。 目前，在移动互联网行业，它是一个热门的前沿，而且势头很猛。在2019年初的招聘季节的一个多月中，Web前端开发人员供不应求。对于那些想
阅读全文
摘要：html5发布于2014年，设计目的是为了在移动端支持多媒体。 一、语义化标签 <header>web知识大全</header> <nav> <a>html</a> <a>css</a> <a>JavaScript</a> </nav> <section> <h2>html4</h2> <p>htm
阅读全文
摘要：前言 随着大数据随着大数据时代的来临，物联网的日益发展，原先的 SCADA 系统本身也在求新求变，从最开始的专业计算机和操作系统，到通用计算机和相关软件，再到现在基于 html5 Canvas 的新型组态开发，其应用的范围也从最初的电力，逐渐发展到应用于电力、冶金、化工、自动化群控等等大部分工控场景
阅读全文
摘要：一、圆角边框 border-radius:5px; 二、多背景图 background: url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top repeat; 三、颜色和透明度(由原来的rgb到现在的rgba) backg
阅读全文
摘要：设置鼠标指针放在一个元素边界范围内时所用的光标形状，需要对元素的css属性cursor进行设置。cursor属性可能的值： default 默认光标（通常是一个箭头） auto 默认。浏览器设置的（user agent stylesheet）光标。 crosshair 光标呈现为十字。 pointe
阅读全文
摘要：什么是SOAP? SOAP (Simple Object Access Protocol) 顾名思义，是一个严格定义的信息交换协议，用于在Web Service中把远程调用和返回封装成机器可读的格式化数据。事实上SOAP数据使用XML数据格式，定义了一整套复杂的标签，以描述调用的远程过程、参数、返回
阅读全文
摘要：在互联网的影响下，移动互联网产业的发展也突飞猛进，越来越多的企业开始攻击移动互联网的大蛋糕。根据可靠的数据分析，中国对开发商的需求高达200万人，而且数据仍在改善。 目前，在移动互联网行业，它是一个热门的前沿，而且势头很猛。在2019年初的招聘季节的一个多月中，Web前端开发人员供不应求。对于那些想
阅读全文
摘要：步骤一：下载 Nginx 版证书文件，解压以后可以看到一个 .key 文件和 .crt/.pem 文件 步骤二：上传证书。把上面的 .key 文件和 .crt/.pem 文件上传到 /root 目录中，命名为 ssl.crt/ssl.pem 和 ssl.key 步骤三：LNMP 一键安装包的 Ngi
阅读全文
摘要：使用背景 当我们需要将项目部署到远程线上服务器时；传统的方法可能就是： 将本地代码通过ssh、ftp等方式上传到服务器；然后通过ssh登入到服务器，配置好环境；手动启动应用。太过手动化，麻烦，操作繁琐。 现代自动化部署 环境：本地（Mac）；远程服务器（CentOS）使用工具：Git、pm2、nod
阅读全文
摘要：我们都知道在浏览器通过域名发起一个网络请求的时候，会有DNS服务器将域名解析成ip地址，以便向正确的ip地址发送请求，那么这一个过程具体是怎么处理的呢？今天整理了一下DNS域名解析的过程。大致分为10步： 第一步 浏览器会检查缓存中有没有域名对应的ip地址，这个缓存是有过期时长的，一般是几分钟到几小
阅读全文
摘要：html5发布于2014年，设计目的是为了在移动端支持多媒体。 一、语义化标签 <header>web知识大全</header> <nav> <a>html</a> <a>css</a> <a>JavaScript</a> </nav> <section> <h2>html4</h2> <p>htm
阅读全文
摘要：前言 随着大数据随着大数据时代的来临，物联网的日益发展，原先的 SCADA 系统本身也在求新求变，从最开始的专业计算机和操作系统，到通用计算机和相关软件，再到现在基于 html5 Canvas 的新型组态开发，其应用的范围也从最初的电力，逐渐发展到应用于电力、冶金、化工、自动化群控等等大部分工控场景
阅读全文
摘要：第一种: 在组件中直接使用style 不需要组件从外部引入css文件，直接在组件中书写。 import react, { Component } from "react"; const div1 = { width: "300px", margin: "30px auto", backgroundC
阅读全文