前端
文章平均质量分 57
锐视创想
www.joynop.com
展开
-
这些新特性你知道?ECMAScript 2020的新特性
在引入 ECMAScript 2015(又称 ES6)之前,JavaScript 发展的非常缓慢。但自 2015 年起,每年都有新特性添加进来。需要注意的是,不是所有特性都被现代浏览器支持,但是由于 JavaScript 编译器 Babel 的存在,我们已经可以使用新特性了。本文将介绍 ECMAScript 2020(ES11)的一些最新特性。(不要被吓到,真的是ES11说ES6啥的都low了。今天搬砖不努力,明天回家掰苞米,加油学习)01 Optional Chaining 可选链式调用在以前的原创 2020-11-04 09:50:39 · 438 阅读 · 0 评论 -
前端如何解决pc端屏幕显示设置缩放比例对页面布局的影响?
现在很多笔记本电脑都推荐将缩放设置为125%,等比例放大显示。(垃圾Windows这对我们前端的页面的布局会产生一些影响首先,单独的响应式布局hold不住这个问题,因为出问题的是device-pixel-ratio。问题现象是高分屏下整好的东西,在普分屏下会放大;而普分屏下整好的东西,在高分屏上会缩小。重现这个问题不需要高分屏,直接用Ctrl++或者Ctrl+-出来的效果是跟高分屏一致的(所以搞定这个问题之后,也可以同时预防用户误触网页缩放)。另外恢复是Ctrl+Num0解决的关原创 2020-10-20 17:10:29 · 17679 阅读 · 12 评论 -
AxiosStream-使用Axios和Blob对象实现文件流下载(axios二进制流文件下载)
AxiosStream通过axios下载流文件该库仅适用于使用axios作为HTTP请求库的WEB项目**请先安装axios,然后再使用axios-stream **##它解决的问题:使用Axios和Blob对象实现文件流下载如何使用:1.安装npm install axios-stream或yarn add axios-stream2.参考从“ axios-stream”导入AxiosStream;3.调用方法const downFileName ='今天'const原创 2020-05-15 14:24:38 · 4020 阅读 · 0 评论 -
跨端扫码确认实现Web登录(扫二维码登录)
起初的想法是类似于QQ扫码登录,BILIBILI扫码登录一样,通过手机确认后,在web端重定向完成登录通过对BILIBILI扫码功能的解析,自己实现了一套类似扫码登录的功能以下为伪代码,仅供查阅前端需要两个路由,两个页面login提供Web端用户登录和扫码图片仅提供扫码展示,密码登录不写了login2提供给跨端用户(如手机端)扫码进入主要为二次确认,提供确认登录和取消登录...原创 2020-04-08 11:47:06 · 3011 阅读 · 3 评论 -
js数组中改变元素的位置——互换,置顶,上移,下移
unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。一、两个元素换位子function swapArr(arr, index1, index2) { arr[i...原创 2020-02-28 12:55:46 · 4795 阅读 · 1 评论 -
前端实现图片懒加载(lazyload)
cid=89 本文章当初是为了给父亲讲述一下政务网站新闻发布,细心的老爹竟然看得出来大部分烟台地区的政务网站都是一套系统,其实这合情合理,毕竟不能每个市,区,县的网站独立开发,不利于对数据的维护。正好博客有后台,其实也就跟父亲展示了一下后台发布文章的功能,这也是我没有选择ghost .hexo的原因,我可以随时随地的写文章,而不需要去git,node告诉他其实政府新闻办宣传部什么的只是把文章...原创 2019-02-26 10:24:08 · 1306 阅读 · 0 评论 -
如何用最短的JavaScript代码消耗最多的时间?
在V2上看到了这样一个问题如何用最短的JavaScript代码消耗最多的时间?让函数 f 运行 10s 以上,最终输出 true,代码越短越好。(不能有交互。)// 挑战目标:让函数 f 运行 10s 以上,代码越短越好function f() { // 在此写入你的代码: // ... }(function() { var now = Date.now; ...原创 2018-12-18 14:15:44 · 193 阅读 · 0 评论 -
Redux 思想
感想近期一直在研究Redux,搞得一头雾水,上周看了很多文档,多数讲的是数据之间的传递和使用方法,感觉机械搬copy相关代码并无大用,万一遇到什么奇葩的项目,还是得另寻道路上周搞了一直的redux,反复架构实验最后都没有得到太多有用的东西,跟着教程一步一步来,却没有搞明白他的核心思想到底是什么,一直到27号,找到了一些能够引起我注意的东西,也许不是redux最核心的思想,但值得肯定的是,他在某...原创 2018-12-18 14:14:15 · 212 阅读 · 0 评论 -
Node多终端前后端同时执行
当前项目为node-vue-ele-app(服务端)└client(前端客户端)安装concurrentlynpm i concurrently进入Client文件夹,编辑package.json"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "st.原创 2018-10-10 13:10:29 · 866 阅读 · 2 评论 -
nodemon 基本配置与使用
在开发环境下,往往需要一个工具来自动重启项目工程,之前接触过 python 的 supervisor,现在写 node 的时候发现 supervisior 在很多地方都有他的身影,node 也有一个 npm 模块 supervisior 也是用来监控进程的,不过除了 supervisior 外,还有很多其他的工具,从 github 的评分上看,比较热门的有 forever,nodemon,node...转载 2018-10-07 19:57:44 · 7869 阅读 · 0 评论