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

    前言阅读本文大概需要20分钟。在这篇文章里可以学习到http的核心知识。在我们的面试中,http是我们常考的知识,索幸花点时间进行了整理。主要来自《图解Http》这本书。目录先把目录给大家看看。http的诞生最后我们来看应用层http(HyperText Transfer Protocol )。早在1989年,我们http就诞生了,CERN(欧洲核子研究组织 )设计了最初的理念...

    前端技术 2020年01月02日 2295 0
  • 国外医疗网站后台管理界面UI设计

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

    前端技术 2019年12月30日 2458 0
  • UI设计动态效果基本规则总结

    动画效果如今已经深入到 UI界面的每个角落。屏与屏之间的切换因为动效而显得更加连贯,交互的上下文逻辑也因为动效的加持而更加清晰。动效对于产品和用户而言,都是一个不可多得的重要组成部分。这篇文章当中,我会将动效设计的主要原则和标准都汇集到一起,总结出来。动效的持续时长和速度 当元素的位置和状态发生改变的时候,动效的速度应该足够慢,维持足够长的时间,让用户能够注意到变化,但是同时,...

    前端技术 2019年12月28日 2158 0
  • 基于云的IDE,在浏览器上运行VSCode——code-server

    介绍code-server 是一个可以在远程服务器上运行 VS Code 的工具,可以说是服务器端的VSCode,你可以部署到远程服务器,然后在浏览器进行访问,来达到近乎本地的体验效果,code-server就是这样一个工具,为云端编辑器提供了强大的解决方案,而且是开源的!Github和官网https://github.com/cdr/code-server/https://c...

    前端技术 2019年12月27日 3114 0
  • vscode如何取消自动更新

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

    前端技术 2019年12月24日 6061 0
  • 无需安装,只用一行代码将网页打包成桌面 app

    由于每天日常的工作需要,我需要接触大量的外文资料,因此,一个好用的翻译工具必不可少。得益于 Google 在翻译上的优秀表现,将它作为我的主要翻译工具使用也是无可争议。但是在使用中经常会发现,web 端的页面总是会在不经意间被手滑关掉,要用的时候找了一会才发现需要重新打开。此外,想要在工作时间更好地进行「摸鱼」,用电脑肯定会比用手机更安全。有了这两个需求,我寻找了数款能够将 W...

    前端技术 2019年12月18日 2717 1
  • 前端基础:自适应布局之rem布局基础

    开启一个移动端项目的基础,首先是想好如何在代码中实现移动端适配。之前没有经验,第一个项目里简单粗暴地采用px写死的方法,觉得不好,本项目采用的是像一位优秀同事习得的rem布局方法,它可以自适应不同屏幕尺寸的设备,简单好用。这里我们要用到两种单位:1.vw: viewport width,相对于视口的宽度;1vw为视口宽度的1%,100vw为设备的宽度;2.rem: 相对于根元素...

    前端技术 2019年12月06日 1975 0
  • 详解如何实现前端ajax的jsonp,看完这篇这个知识点就可以翻页了

    前言上一篇文章我们主要聊了一下如何实现一个ajax,但是由于文章篇幅有限并没有聊到JSONP,它也是ajax重要的组成部分,所以这篇文章我们一起来看看如何实现一个JSONP。为什么需要JSONP?因为浏览器同源策略的存在,在跨域时,XMLHttpRequest对象发起的请求是不被浏览器允许的,浏览器的控制台会出现一堆错误信息!那么什么是跨域呢?当页面请求一个接口,此时页面的地址...

    前端技术 2019年11月23日 2305 0
  • 网站登陆页面设计灵感

    网页的登录注册页所包含的信息非常有限,但通过使用图片、插画等内容,针对信息巧妙地产生视觉引导,就能让原本单调的页面更加丰富和统一。一起来欣赏下面这组网页登录页面设计。通过上面的这组页面设计,希望能够给大家带其灵感,当然国外的页面设计不一定完全适合我们,但值得借鉴的地方还是有很多!

    前端技术 2019年11月23日 2484 0
  • 好用到爆炸的配色网站!让你秒变配色高手

    作为一名专业的设计师,只分享一个爆炸的配色网站!我所有的配色方案上面都有!这个网站全涵盖了!绝对神器!不仅仅有色板、渐变、流体渐变提供下载、还有传图配色,这个网站还要很多无版权图库。做设计需要的各方面东西全都有!搜图导航:91sotu.com利用它你可以做出这样的页面:这样的而且这个网站的配色功能是全免费的:1、配色板配色板板有10000+种喜欢的色板可以收藏以及直接复制颜色如...

    前端技术 2019年11月22日 1987 0
  • 关于10月22日发布的78版本Chrome关闭鼠标悬停显示网页title功能

    关于10月22日发布的78版本Chrome引入了新的功能,比如鼠标悬停标签上时,会显示网页的title,而且显示面积还很大,比较显眼,我个人还是不习惯这种功能,感觉多余的窗口占用了网页显示,这里提供一种关闭这个功能方法。这个就是谷歌发布的新的版本所带来的标题展示以下为解决方法:chrome://flags/#tab-hover-cards第一步复制代码内容:chrome://f...

    前端技术 2019年11月13日 1970 0
  • 前端图片上传那些事儿

    前言本文讲的图片上传,主要是针对上传头像的。大家都知道,上传头像一般都会分成以下 4 个步骤:选择图片 -> 预览图片 -> 裁剪图片 -> 上传图片接下来,就详细的介绍每个步骤具体实现。一、选择图片选择图片有什么好讲的呢?不就一个 input[type=file] ,然后点击就可以了吗?确实是这样的,但是,我们想要做得更加的友好一些,比如需要过滤掉非图片文件...

    前端技术 2019年11月04日 2585 0
  • 一组开源免费的Web动画图标,荐给需要的设计师和程序员

    介绍titanic是在Github上开源的一组免费的动画图标,可以将其简单的运用到网页中,而且代码及其简单,但是动画效果却很不错,动画图标和静态图标的不同之处在于它可以让你的网页更加富有活力,让产品更加具备视觉吸引力,一起来看看!开源首页https://github.com/icons8/titanic如何安装使用?安装使用及其简单,可以通过CDN或npm安装它:npm ins...

    前端技术 2019年11月03日 2326 0
  • 案例讲解 | 移动端的长表单应该如何设计?

    基于业务需求(常见于B端产品),有时候用户在操作过程中,不可避免的需要填写很多表单。针对于移动端长表单,我们应该如何去正确的设计呢?本文大纲:1.三种主方案2.主方案1的设计讨论3.主方案2的设计讨论4.主方案3的设计讨论5.总结1.三种主方案针对长表单的设计,按照设计思路的不同,可以分为三种主方案,如下所示:PS:图中的举例的关键字段仅仅为举例需要。主方案1:我们常见的设计形...

    前端技术 2019年11月02日 1500 0
  • 月薪过万必备:开发 CSS 最好的前端工具推荐

    嘿,朋友!把你的注意力从方法和技术的洪流中移开一会,你就可能会错过什么!上周我遇到我的一个前端开发朋友,他很兴奋地跟我谈论他使用的一些新工具。其中最有意思的是使用 Grunt 来编译 SCSS。 人们很容易忘记不是每个人都和你走在同一条路上。他们或是有使用限制,或是视野狭窄,无法洞悉周遭的环境。我使用 Grunt 和使用 SCSS 一样久。听他讲起他不得不通过命令行可以手动触...

    前端技术 2019年10月26日 1459 0
  • Uncaught SyntaxError: Invalid or unexpected token

    今天引入fontawesome样式文件的时候,增加了一行代码:<script type="text/javascript" src="/css/font-awesome.css"></script>然后在页面上按awesome上写上代码:<i class="fa fa-camera-retro"></i>结果不仅不显示,而且控制...

    前端技术 2019年10月16日 2755 0
  • 前端跨域9种解决方案大集合

    什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请...

    前端技术 2019年10月14日 1559 0
  • js前端调用支付宝扫码(扫一扫按钮)功能

    如何用js来调用支付宝的扫码功能呢,这篇文章简单的带你来实现一遍。 在html文档head标签中引用支付宝文档:<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script>在js中写入以下代码来调用支付宝...

    前端技术 2019年10月11日 8144 1
  • CSS生成各种形状代码(爱心)

    CSS能够生成各种形状。正方形和矩形很容易,因为它们是 web 的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。添加边框半径,你就可以把这个形状变成圆形,足够多的边框半径,你就可以把这些矩形变成圆形和椭圆形。 爱心 #heart {position: relative;width: 100px;height: 90px;}#heart:before,#heart:...

    前端技术 2019年07月21日 3341 0
  • CSS生成各种形状代码(箭头)

    CSS能够生成各种形状。正方形和矩形很容易,因为它们是 web 的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。添加边框半径,你就可以把这个形状变成圆形,足够多的边框半径,你就可以把这些矩形变成圆形和椭圆形。 箭头 #curvedarrow {position: relative;width: 0;height: 0;border-top: 9px solid tr...

    前端技术 2019年07月21日 3924 0
  • CSS生成各种形状代码(三角形)

    CSS能够生成各种形状。正方形和矩形很容易,因为它们是 web 的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。添加边框半径,你就可以把这个形状变成圆形,足够多的边框半径,你就可以把这些矩形变成圆形和椭圆形。 上三角 #triangle-up {width: 0;height: 0;border-left: 50px solid transparent;border...

    前端技术 2019年07月21日 3945 0
  • CSS生成各种形状代码(正方形、长方形、圆形、椭圆形)

    CSS能够生成各种形状。正方形和矩形很容易,因为它们是 web 的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。添加边框半径,你就可以把这个形状变成圆形,足够多的边框半径,你就可以把这些矩形变成圆形和椭圆形。 正方形 #square {width: 100px;height: 100px;background: red;}长方形 #rectangle {width:...

    前端技术 2019年07月21日 6693 0