在我们的日常开发工作中，文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ，但在实现上却有不同的区分，是单行截断还是多行截断？多行的截断判断是基于行数还是基于高度？这些问题之下，都有哪些实现方案？他们之间的差异性和场景适应性又是如何？一般来说，在做这样文字截断效果时我们更多是希望：兼容性好，对各大主流浏览器有好的支持响应式截断，根据不同宽度做出调整文本超...

受制于同源策略，一个域去请求另一个域的资源时，就会出现跨域的现象，而在我们开发中，经常需要跨域去请求资源（例如：本地localhost,去请求测试环境的资源），所以我们也就需要一些方法去解决这个跨域的问题复制代码一、使用jsonp 解决跨域缺点：不安全，容易造成xss攻击；只能是GET请求原理：1.<script>标签的src属性不受同源策略的限制2.跨域请求的接口...

在 Node.js 中，模块是一个库或框架，也是一个 Node.js 项目。Node.js 项目遵循模块化的架构，当我们创建了一个 Node.js 项目，意味着创建了一个模块，这个模块必须有一个描述文件，即 package.json。它是我们最常见的配置文件，但是它里面的配置你真的有详细了解过吗？配置一个合理的 package.json 文件直接决定着我们项目的质量，本章就带大...

前端常见的设计模式主要有以下几种：1. 单例模式2. 工厂模式3. 策略模式4. 代理模式5. 观察者模式6. 模块模式7. 构造函数模式8. 混合模式单例模式这种设计模式的思想是确保一个类只有唯一实例，一般用于全局缓存，比如全局window，唯一登录浮窗等。采用闭包的方式实现如下：工厂模式工厂模式是创建对象的常用设计模式，为了不暴露创建对象的具体逻辑，将逻辑封装在一个函数中，...

使用过localStorage的小伙伴都知道，localStorage本身没有时间过期的功能，那么如何实现localStorage过期功能呢？思路1、使用localStorage时，设置一个定时器，比如10分钟后过期，那就十分钟后清除localStorage。但是面临的问题是，如果浏览器关闭，定时器也就失效。如果解决呢？10分钟后过期，那就知道了截至时间，每次打开网址，就去检测...

我们每天上网使用APP、微博、刷朋友圈，都是通过HTTP协议实现的，是绝对的中心化网络。当然，背后繁杂的技术层面是普通用户感知不到的。网络上产生的所有数据都是被集中存放于特定的服务器中，即使这样的服务器在全世界不计其数,对于数据存储还是非常之中心化的，两个字总结：危险。为什么这么说呢？用户在特定的网站，或者客户端上使用之后所产生的用户数据也都是存储在这家中心化公司的服务器上的，...

点击“了解更多”获取DevExpress ASP.NET v19.2正式版下载DevExpress ASP.NET Controls 中的控件具有优良的性能和高效的内存使用，且能保证其性能和功能不受影响。无论使用 ASP.NET AJAX 还是 ASP.NET MVC 作为编程目标，DevExpress ASP.NET Controls 中所提供控件和扩展程序都可帮助您创建卓越...

这篇文章给大家介绍一个解析html内容的模块——htmlparser。举一个简单的应用场景：假设有一天领导需要你收集一下线上页面已存在的静态资源链接（js、css、img），你们的页面很多，而且每个页面的代码量很大（比如上万行），这种情况下你总不能人肉去搜索，那么此时htmlparser这个模块就可以派上用场了。简单使用安装命令npm install htmlparser图1图...

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

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

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

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

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

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

一、xms是什么一款基于.netcore的现代化跨平台基础框架，包含众多常用模块，易上手、易扩展，xms可理解为x(可扩展的/任意的)m(管理)s(系统)二、能干什么经过几十个真实项目检验，应用场景有电商管理中心、企业管理类软件、APP后台、微信小程序后台、saas后台等，不管你是创业小团队，还是个人私单小能手，亦或是产品经理或实施顾问，通通有你想要的内容，强烈推荐深入了解三、...

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

DuckChat是一款安全的私有聊天软件，基于PHP环境，可运行在Docker、Linux、Windows、MacOS等各种平台上，它帮助我们简化企业办公、客服系统、互联网创业，提供了完善的IM相关功能，并提供Android/iOS/Web多客户端。目前支持的功能列表———————————-支持语音、文字、图片类型的消息支持个人、群组聊天支持好友关系管理、通讯录支持站点管理、多...

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

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

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

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

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

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

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

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