web
文章平均质量分 56
Crystal茜
热爱生活
展开
-
http与https的区别和原理
HTTP协议传输的数据都是未加密的,也就是明文的,因此使用HTTP协议传输隐私信息非常不安全,为了保证这些隐私数据能加密传输,于是网景公司设计了SSL(Secure Sockets Layer)协议用于对HTTP协议传输的数据进行加密,从而就诞生了HTTPS。即:HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议-----HTTP的安全版。概念HTTP:是互联...原创 2019-01-07 18:36:01 · 612 阅读 · 0 评论 -
关于url/href/src的概念和区别
一、URL的概念统一资源定位符(或称统一资源定位器/定位地址、URL地址等,英语:Uniform Resource Locator,常缩写为URL),有时也被俗称为网页地址(网址)。如同在网络上的门牌,是因特网上标准的资源的地址(Address)。二、URL的格式2.1 标准格式协议类型:[//服务器地址[:端口号]][/资源层级UNIX文件路径]文件名?查询2.2 完...转载 2018-04-18 19:52:19 · 629 阅读 · 0 评论 -
浏览器兼容问题及解决方法汇总(持续更新......)
一、出现兼容问题的原因: 浏览器种类很多,但是区别主要在浏览器内核的不同,所以各内核对网页的解析差异,是导致浏览器兼容问题出现的主要原因。关于浏览器内核(browser kernel),是浏览器最为核心的部分,可以分为两部分,一部分是渲染引擎(render engineer或layout engineer),方负责生成DOM树,render,repaint这些工作;另一部分是JS...原创 2018-04-21 16:14:52 · 846 阅读 · 0 评论 -
移动端和网页端公告栏文字右向左轮播滑动
效果:一进入页面,文字从右向左滑动,第一段文字滑到左端消失后,第二段才开始出现,就这样飘飘飘,最后一个在左端消失后,第一段接着来。思路:css样式—外面有个固定的框框,需要轮播的文字写在ul>li里面,ul设置相对它的父级定位并且有固定宽高,li设置外边距。 js部分—改变ul相对父级的left值,视觉上是文字在滑动,其实是ul的left值改变,定好速度值和最大left值,设置计...原创 2018-06-06 15:35:01 · 4444 阅读 · 1 评论 -
移动端长按禁止默认事件总结
1、如果是禁用长按选择文字功能,用 css : 全局* 或者 局部选择相映的DOM加 * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -m...原创 2018-07-06 16:18:32 · 5768 阅读 · 0 评论 -
滚动页面,实现导航栏固定在顶部(吸顶效果)
首先最简单的,是利用position的sticky属性说明sticky 结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位。它主要用在对scroll事件的监听上;在滑动过程中,某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top:0);position:sticky这时的效果相当于fixed定位,固定在(top: 0...原创 2019-01-02 18:33:54 · 45033 阅读 · 3 评论 -
HTML5 head头部 meta标签属性整理
移动前端开发中添加一些专属的HTML5头部标签,帮助浏览器更好解析HTML代码,更好地将移动web前端页面表现出来meta是html语言head区的一个辅助性标签。meta标签的作用有:搜索引擎优化(seo),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等等等等!meta标签的组成:共有两个属性,它们分别是name属性和h...原创 2019-01-03 15:56:43 · 1529 阅读 · 0 评论 -
在koa2项目中使用sass/scss
关于sass/scss在项目中的使用前言安装功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言最近在使用node....原创 2019-06-05 17:15:57 · 744 阅读 · 0 评论