JavaScript

如何几行代码让你的网站具有艺术的气息?

今天看到Vue Js创始人,尤雨溪,知乎上slogon是这样写的“不会搞艺术的程序员不是好设计师”。设计出身的他,还能在编程上有如此深地造诣,简直了!所谓牛人干什么都那么牛,终于相信了。

给字符串排序 localeCompare 认识一下

把 < 和 > 运算符应用到字符串时,它们只用字符的 Unicode 编码比较字符串,而不考虑当地的排序规则。localeCompare() 方法提供的比较字符串的方法,考虑了默认的本地排序规则。ECMAscript 标准并没有规定如何进行本地特定的比较操作,它只规定该函数采用底层操作系统提供的排序规则。

空值合并运算符真实使用场景及避坑

空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined时,返回其右侧操作数,否则返回左侧操作数。

JS 访问对象的属性,你知道有哪些方法?

相信对象对于每个使用JavaScript的人来说都不陌生。访问对象的属性几乎日常开发每天都在用。下面我们一起探索下有哪些方式可以实现属性的访问。

主域名回来了

今年应该是博客写文章丰收的一年,得益于去年年末开始写公众号文章的决心和动力,i-fanr.com 这个域名还是12年的时候在西部数码上购买的,那个时候在上大二。记得当时刚接触互联网,一时对网站产生浓厚的兴趣,便购买了域名和空间,学着自己搭建网站,搞SEO。博客占据着当时互联网的半壁江山。

JavaScript 中 toFixed() 方法为什么会返回值是 String 类型

Javascript 有一个toFixed 函数,这个函数是数字类型原型上绑定的方法 Number.prototype.toFixed(),它可以简单的将小数通过参数指定小数位数返回你想要的结果。但是,注意,经过它的处理后返回的不再是 Number 类型了,而是字符串类型。一时难以置信,于是去翻阅 MDN 文档。

Element UI Loading 加载组件动态变更 text 值(加载文案)

有这样的一个需求,我在上传文件的时候,上传阶段耗时较长,所以利用加载动画作为友好提示用户等待。如果我想在 loading 的时候,同时显示上传的进度值,于是我在 text 值里拼接上进度值变量,发现只显示最初的进度变量值,并没有随着变量的改变而更新视图。 官方文档里也没有提供能动态改变加载文案的 API,网上看到有人说可以使用 setText 来设置 text 值,于是使用以下方法试了试,还真的可以

生成以周统计的表头,跨月份的周算在后一个月

这是人力统计的一个表格的表头,根据月份,划分周,每周从周一开始到周日(国内习惯性)。而跨月份的周算在前一个月还是后一个月,我们的需求是算在后一个月。根据情况而定。

Vue刷新页面有哪几种方式

在Vue项目中,刷新当前页除了 window.reload(),你还能想到什么办法?而且这种办法会重新加载资源出现短暂的空白页面。体验不是很好。 在某个详情页面的时候,我们经常需要通过路由中的详情 id 去获取内容,当我们在不同的详情页来回切换的时候,打开的页面是同一个,只是需要通过监听路由中的参数 id 的变化去重新请求详情接口。

如何通过JS获取浏览器滚动条的宽度

首先我们来讲讲思路,在 body 标签中动态添加一个高为 200 像素,宽为100像素的 div ,设置 overflow 属性为scroll,这时它的右边和底部出现滚动条,再往该div标签中动态插入一个宽度为100%的div元素,然后取两者的offsetWidth属性值,做差就得到滚动条的宽度。

Textarea提交折行文本,如何实现前端换行显示

前端需要输入简单的长文本,但是又不想引入繁重的富文本编辑器,于是使用原生的Textarea文本组件。在“项目背景”栏输入两行文本,通过回车换行。提交给后端的数据格式如下,可以看到两行文本中间是回车符号。这样的文本在前端显示的时候是不能换行的,我们知道在HTML中换行是通过标签来使用的。于是我们需要将后端传过来的文本通过正则过滤转换下。

前端常用UI框架整理

越来越多的设计精美的UI框架可以帮助解决项目中快速搭建前端原型,基本覆盖常见的使用场景,即使没有覆盖到,也可通过重写CSS来定制你想要的组件。

Flutter 电商项目最佳实践(适合新手已开源)

本项目为个人学习Flutter的练习项目。 通过设置、修改、组合自带部件以及自定义来实现具体的设计效果,满足日常开发的需求。 本项目设计图见design目录,你可以通过我提供的设计图有目标的去练习。所有的实现仅是个人的学习理解,如果有更好的实现方案欢迎交流。

Sidebar