摘要: 域名访问和ip访问区别 1. ip访问对应某一台确定的服务器; 2. 域名访问相当于在ip访问的基础上,做了一个反向代理的中间功能。例如:百度,很多人会同时使用,如果使用的是同一台服务器的话,服务器估计会扛不住,如果访问的是域名,中间的反向代理,可以将用户反向代理到不同的服务器上,减轻服务器压力。 阅读全文
posted @ 2019-09-26 20:49 JHCan333 阅读(4416) 评论(0) 推荐(0) 编辑
摘要: css雪碧图(精灵图)与字体图标的介绍以及对比 设想一个实际场景:在一个页面为了展示,我们放置了很多独立的小图片,浏览器在显示页面的时候,就需要向服务器就会发送很多请求,来获取并加载这些小图片,但是这样的话,就会导致请求数量太多,造成资源浪费,以及访问速度变慢。 碰到这样的情况,可以使用两种方式解决 阅读全文
posted @ 2019-09-24 15:59 JHCan333 阅读(1218) 评论(0) 推荐(0) 编辑
摘要: 获取dom到body左侧和顶部的距离 getBoundingClientRect 平时在写js的时候,偶尔会需要用js来获取当前div到 body 左侧、顶部的距离。网上查一查,有很多都是通过offsetTop、offsetLeft来计算出来的。我按照网上的查到的资料用了一次,算出来了一堆错误答案。 阅读全文
posted @ 2019-09-23 12:51 JHCan333 阅读(851) 评论(4) 推荐(0) 编辑
摘要: 在前端页面的开发过程中,经常会碰到这么几个 CSS 属性容易搞混:transform、translate、animation还有transition。下面就针对这几个 CSS 属性做一个对比,辨别这几个属性的区别以及了解他们的使用场景。 简单概括一下: 1. transform:主要应用于元素的 2 阅读全文
posted @ 2019-09-22 16:20 JHCan333 阅读(355) 评论(0) 推荐(0) 编辑
摘要: 最近写了一个基于vue的仪表盘,其中 主要是和 transform 相关的 css 用的比较多。给大家分享一下,喜欢的话点个赞呗?嘿嘿 截图如下: 实际效果查看地址: "https://jhcan333.github.io/can Share/demos tips/gaugeDemo.html" g 阅读全文
posted @ 2019-09-21 19:21 JHCan333 阅读(4868) 评论(0) 推荐(1) 编辑
摘要: 关于mock 一、什么是mock? 通俗来讲,在开发和测试过程中,由于环境不稳定或者协同开发的同事未完成等情况下,有些数据不容易构造或者不容易获取,就创建一个虚拟的对象或者数据样本,用来辅助开发或者测试工作。减轻了对于协同模块的依赖,使开发以及测试变得更加独立。 二、为什么要使用mock? 现在的很 阅读全文
posted @ 2019-09-20 07:44 JHCan333 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 最近整理了一些互联网行业,特别是软件开发行业的常用术语,主要分为【1.公司职务类】【2.互联网概念类】【3.技术概念相关】【4.开发职务类】【5.技术开发相关】这几个模块,给大家分享一下,避免聊天的时候尴尬。如果各位互联网同仁发现没有和自己相关的术语的话,欢迎留言,毕竟各专一行,总有不通的领域~ 喜 阅读全文
posted @ 2019-09-19 16:31 JHCan333 阅读(3242) 评论(0) 推荐(0) 编辑
摘要: 前两天写了一个基于vue的小钟表,给大家分享一下。 其中时针和分针使用的是图片,结合transform制作;表盘刻度是通过transform和transformOrigin配合画的;外面的弧形框框,啊哈哈,也是用的图片。具体的看里面的注释就好了,感觉写的还算清楚,啊哈哈~ 能帮到你的话,点个赞呗? 阅读全文
posted @ 2019-09-18 15:35 JHCan333 阅读(2708) 评论(0) 推荐(0) 编辑
摘要: ie6上css碰到的坑 前两天在给一个项目做东西的时候,碰到一个有意思的项目,是需要兼容ie6,有一些碰到并且解决的问题,给大家写下来,方便大家以后碰到类似的问题哈~ 喜欢的话还请点赞! 1.important支持的不够好 1.1为什么说不够好? important某些情况下不能决定最终的样式属性。 阅读全文
posted @ 2019-09-17 22:51 JHCan333 阅读(511) 评论(0) 推荐(0) 编辑
摘要: 防抖和节流 在处理高频事件,类似于window的resize或者scorll,或者input输入校验等操作时。如果直接执行事件处理器,会增大浏览器的负担,严重的直接卡死,用户体验非常不好。 面对这种情况,我们一般可以采用防抖和节流的方式减少调用频率。同时也不会影响实际效果。 一、防抖 防抖的作用是: 阅读全文
posted @ 2019-09-17 14:45 JHCan333 阅读(344) 评论(0) 推荐(0) 编辑