自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

CHIPENG CHIU

心有山海,静而无边。

  • 博客(7)
  • 资源 (3)
  • 收藏
  • 关注

原创 利用Node去爬取新闻,发送至邮箱阅览

我经常去看某早报网站的中国即时新闻,所以我针对该页面结构和网络请求进行了分析。发现该站点的新闻第一、二页码的新闻都是通过页码代码一起返回的,第3+页后的新闻数据则通过接口请求的方式。这次的爬虫就比较简单,主要是对目标网站/页面进行结构分析,然后将页面代码转为页面元素,根据所分析的原理对数据进行归纳即可。感谢大家的浏览,有什么感想和建议,咱们评论区留言吧。发送邮箱这部分的代码,我是直接使用。注意了,一定要申请邮箱的。............

2022-07-19 17:36:44 162 1

原创 基于Vue搭建的可视化页面编辑平台(打造大中台、小前台的基础建设)

每一次新项目的准备开发工作,都总是在重复使用组件去开发一个项目。组件的复用率虽然高,但还是需要开发人员去进行路由页面的开发工作,工作任务仍归类给前端。在这样的背景下,搭建可视化页面编辑的中台系统尤为重要,这样可以解决大部分的前台开发工作。

2020-04-22 14:59:09 7656 1

原创 页面回流与重绘的那点事儿

页面渲染过程浏览器把HTML代码解析成一颗DOM Tree,每个元素标签都是DOM Tree中的一个节点,根节点是Document;在形成DOM Tree后,从DOM Tree根节点开始,遍历每一个可见的节点,并找到合适的、匹配的CSSOM规则,应用在节点上;DOM Tree和CSSOM Tree连接在一起形成Render Tree;最终绘制出页面,显示在屏幕上什么叫回流与重绘?...

2019-10-15 15:19:28 337

原创 前端如何压缩图片质量

前端如何压缩图片质量开篇语惊人,后端竟对前端提出这样的要求常用的压缩方法`Canvas`压缩图片的重要知识点demo下载开篇语在我的博客,“生活”这模块里,经常需要上传图片。这些图片一般都是我用手机拍摄的,图片质量一般在2-5M左右。所以,我会在图片上传后,使用tinypng接口进行图片压缩。这样,显示的图片会在几百KB左右,点击大图预览才会加载原图。惊人,后端竟对前端提出这样的要求就在前...

2019-10-01 21:27:09 2032 3

原创 Dorea.js框架介绍:纯CSS写出优雅好看的时间线/时间轴(左右垂直展示)

在准备搭建博客,准备写一个心情的功能模块,以时间线的形式展现出来(有的人称为时间轴),发现Layer的提供的时间线挺好看的。速递地址:layui。但不是很符合本人自己的心意,想要一种左右左右展示的风格,于是模仿layer写了一个左右左右展示的时间线/时间轴。思路:固定宽度的盒子,li只占50%,利用浮动,奇数在右侧,偶数在左侧。直接贴码:<div class="timer-sh...

2018-07-20 17:01:42 6080

原创 Dorea.js框架介绍:关于IE/Edge浏览器的兼容处理

    不少小伙伴经常要处理IE/Edge浏览器的兼容(主要是外包,还是接事业单位的项目的伙伴)。样式的处理可以使用css hack,但部分无法使用hack的,只能操作脚本去控制样式的变化/脚本兼容处理。但不能需要用的时候再去判断是否ie浏览器,然后再写脚本处理,这里太麻烦了。下面介绍一个函数,一次直接判断,处理时直接调用即可。function ie(param){ var ua =...

2018-07-13 11:02:58 1406

原创 多浏览器兼容分析(笔记整理)

一、浏览器构成:shell+内核Shell: 是指浏览器 的外壳:例如菜单,工具栏等。主要是提供给用户界面操作,参数设置等等。内核:Trident(IE内核)、Gecko(Firefox内核)、Webkit(Safari、Chrome内核)、 Blink(Opera);浏览器内核分两部分:渲染引擎和JS引擎。渲染引擎:不同的浏览器内核对于网页的语法解释会有不同,所以渲染的效果也有不同;JS引擎:是解析Javascript语言,执行Javascript语言来实现网页的动态效果。

2017-05-12 15:29:50 570

compress.html

使用前端的web应用程序技术,压缩图片质量,然后再上传给后端服务器。

2019-10-01

dorea.js(原生JS日期选择)

原生JS实现日期选择,Github: https://github.com/zpChiu/dorea.git

2018-09-04

左侧菜单栏,页面滚动定位

左侧菜单栏,页面滚动定位

2017-06-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除