0

解析HTML标签内容神器——htmlparser,让你不再手写正则表达式

这篇文章给大家介绍一个解析html内容的模块——htmlparser。举一个简单的应用场景:假设有一天领导需要你收集一下线上页面已存在的静态资源链接(js、css、img),你们的页面很多,而且每个页面的代码量很大(比如上万行),这种情况下你总不能人肉去搜索,那么此时htmlparser这个模块就可以派上用场了。简单使用安装命令npm install htmlparser图1图1中我们使用htmlparser模块解析一个i.html文件,其内容如下:图2解析结果如下:图3图3所示是个对象(此处序列化了便于显示),遍历这个对象就可以解决本文开头所说的问题,这个模块的用法非常的简单。原理分析回到图...

阅读全文>>

0

一篇万字长文带你彻底学会http

前言阅读本文大概需要20分钟。在这篇文章里可以学习到http的核心知识。在我们的面试中,http是我们常考的知识,索幸花点时间进行了整理。主要来自《图解Http》这本书。目录先把目录给大家看看。http的诞生最后我们来看应用层http(HyperText Transfer Protocol )。早在1989年,我们http就诞生了,CERN(欧洲核子研究组织 )设计了最初的理念:借助多文档之间相互关联形成的超文本 (HyperText),连成可相互参阅的 WWW(World Wide Web,万维 网)。 并且提出了3项www构建技术,把 SGML(Standard Generalized M...

阅读全文>>

0

国外医疗网站后台管理界面UI设计

随着互联网的高速发展,医疗行业在做好线下医疗服务的同时,也渐渐将目光投向互联网领域。踏足互联网,医疗行业可以将自身优势资源整合到网站中去,为大家提供病理知识、在线咨询或者预约服务等。告别传统的口碑式、传单式推广,利用互联网这一海量的用户资源,建设医疗行业自身品牌网站,树立企业形象,拓展自身业务和用户渠道,为企业带来高价值利益。下面,带来一组国外医疗网站后台管理界面UI设计,供大家欣赏:

阅读全文>>

0

UI设计动态效果基本规则总结

动画效果如今已经深入到 UI界面的每个角落。屏与屏之间的切换因为动效而显得更加连贯,交互的上下文逻辑也因为动效的加持而更加清晰。动效对于产品和用户而言,都是一个不可多得的重要组成部分。这篇文章当中,我会将动效设计的主要原则和标准都汇集到一起,总结出来。动效的持续时长和速度 当元素的位置和状态发生改变的时候,动效的速度应该足够慢,维持足够长的时间,让用户能够注意到变化,但是同时,又不能慢到需要用户去等待。大量的研究表明,动效的最佳持续时长是200毫秒到500毫秒之间。这个研究数字是基于人脑的认知方式和信息消化速度得出来的。任何低于100毫秒的动效对于人的眼睛而言,几乎都是瞬间,很难被识别出来。而...

阅读全文>>

0

基于云的IDE,在浏览器上运行VSCode——code-server

介绍code-server 是一个可以在远程服务器上运行 VS Code 的工具,可以说是服务器端的VSCode,你可以部署到远程服务器,然后在浏览器进行访问,来达到近乎本地的体验效果,code-server就是这样一个工具,为云端编辑器提供了强大的解决方案,而且是开源的!Github和官网https://github.com/cdr/code-server/https://coder.com/code-server的优势1、很明显,你可以不用下载本地应用,直接部署到服务器之后,在本地浏览器就可以打开,非常的方便;2、多端开发环境统一,已经在云端,那么你只需要配置一个环境,就全部统一了,不需要...

阅读全文>>

0

vscode如何取消自动更新

vscode关闭自动更新提示的方法步骤 如何取消Visual Studio Code的自动更新提示?每次打开vscode编辑器,顶部总会提出版本更新提示,着实有点厌烦,那该怎么关闭自动更新提示呢?下面简单分享下vscode关闭自动更新提示的设置方法,希望对大家有所帮助! 软件名称: Visual Studio Code 64位 v1.42.0 官方最新安装版 软件大小: 82.5MB 更新时间: 2019-12-24 ...

阅读全文>>

0

无需安装,只用一行代码将网页打包成桌面 app

由于每天日常的工作需要,我需要接触大量的外文资料,因此,一个好用的翻译工具必不可少。得益于 Google 在翻译上的优秀表现,将它作为我的主要翻译工具使用也是无可争议。但是在使用中经常会发现,web 端的页面总是会在不经意间被手滑关掉,要用的时候找了一会才发现需要重新打开。此外,想要在工作时间更好地进行「摸鱼」,用电脑肯定会比用手机更安全。有了这两个需求,我寻找了数款能够将 Web 转换成 Mac app 的工具,但在体验之后都发现会有这样那样的小问题,有一些甚至无法工作或是生产的 app 无法打开。直到我发现了它 —— nativefier。安装 nativefiernativefier 是...

阅读全文>>

0

基于.netcore的现代化跨平台基础框架

一、xms是什么一款基于.netcore的现代化跨平台基础框架,包含众多常用模块,易上手、易扩展,xms可理解为x(可扩展的/任意的)m(管理)s(系统)二、能干什么经过几十个真实项目检验,应用场景有电商管理中心、企业管理类软件、APP后台、微信小程序后台、saas后台等,不管你是创业小团队,还是个人私单小能手,亦或是产品经理或实施顾问,通通有你想要的内容,强烈推荐深入了解三、目标接近"零代码"开发,释放生产力,专注你的业务,致力于.netcore开源生态发展,大家一起轻松把钱赚四、结构五、场景a.老板有个好想法,产品经理可以利用xms快速配置出产品原型,会议演示高大上b.客户有个好商机,售前...

阅读全文>>

0

前端基础:自适应布局之rem布局基础

开启一个移动端项目的基础,首先是想好如何在代码中实现移动端适配。之前没有经验,第一个项目里简单粗暴地采用px写死的方法,觉得不好,本项目采用的是像一位优秀同事习得的rem布局方法,它可以自适应不同屏幕尺寸的设备,简单好用。这里我们要用到两种单位:1.vw: viewport width,相对于视口的宽度;1vw为视口宽度的1%,100vw为设备的宽度;2.rem: 相对于根元素html的字体大小的单位;比如2rem=2倍的根字体大小。rem布局非常简单,其基本原理就是根据屏幕不同的分辨率,动态修改根字体的大小,让所有的用rem单位的元素跟着屏幕尺寸一起缩放,从而达到自适应的效果。拿我的项目来举...

阅读全文>>

0

软件更新丨Spring Boot 2.1.8 发布

Spring Boot 2.1.8 发布了,更新内容如下: New Features添加了 Issuer Validation 的其他资源服务器配置 #17952在依赖关系管理中公开依赖管理插件版本 #17842Bug Fixes使用未命名为 flywayInitializer 的自定义 FlywayMigrationInitializer bean 的 NoSuchBeanDefinitionException #18105使用未命名为 flyway 的自定义 Flyway bean 的 NoSuchBeanDefinitionException #18102使用 Netty 时,无效的内容...

阅读全文>>