
JavaScript 和 前端
文章平均质量分 93
Just about js~
SunSeekerX
这条路才刚刚开始啊~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
开发日记(01) - uni-app 使用等宽字体对齐数字宽度
uni-app 使用等宽字体对齐数字显示0️⃣ 问题 ❓开发的过程中遇到数字显示列表,发现同样的数字数宽度不一。android 不会有, web 浏览器和 ios 会出现。之前也有遇到过,也解决了,写过文章记录 在网站中使用谷歌“ROBOTO”字体(解决 ios 数字 1 和 0 大小不等宽问题),不过文章没有明确的代码,也比较潦草,这次加上代码。本次解决方案不仅仅适用于 uni-app,包括 nvue, 还有普通的 vue react 项目都能用。知道原理了,移植解决方案很简单。原因:默认或者使原创 2021-01-06 15:00:54 · 2625 阅读 · 0 评论 -
uni-app 配置 eslint + prettier + stylelint + lint-staged + husky 代码格式校验
0x1 问题公司需要用到uni-app开发新的项目,关于uni-app的介绍可以移步官网介绍。核心就是用Vue写多端应用程序,但是uni-app的官方编辑器HbuilderX对代码校验这一块基本是空白。自己对Hbuilderx配置也是有点模糊。用Vue-cli创建的项目默认启用了保存代码检查,但是uni-app开发方式有点区别。编译和打包集成到了工具内部。所以我们只能在提交代码之前来做代码校验了。关于为什么要做代码校验,一个人开发还好。要是团队合作,没有统一的规则。你是天津狗不理,我是长沙臭豆腐。原创 2020-05-25 23:06:06 · 5949 阅读 · 3 评论 -
如何自动加载网站的深色模式?
如何自动加载网站的深色模式?????本文翻译自:Going dark (Web Edition) ????来源:科技爱好者周刊:第 107 期 - 阮一峰时间:2020-05-15 23:54:03深色模式时代已经来临现在有一种新的趋势 - 把东西变黑。过去,你必须决定你的网站的风格(亮或暗)或者必须保存用户自己定义的主题风格。Safari 12.1 ( macOS 10.14.4自带) 增加了对检测系统颜色主题的支持. 它可以传递此信息,并且可以呈现网站的特定版本。当你的系统使用深色模式的原创 2020-05-15 23:57:27 · 535 阅读 · 0 评论 -
ECMAScript 2020(ES2020)的新增语法
ECMAScript 2020(ES2020)的新增语法是时候对不断变化的艺术作品(即JavaScript)进行另一个更新了。在本文中,我们将回顾ES2020的一些最新和最强大的功能。安装自从很多人不认为更新他们的浏览器是为了让他们的开发工作更简单,我们需要使用babel转码来开始使用一些新的语法特性。为了简单起见,我将使用Parcel bundler让所有东西尽可能快地运行。$ ya...原创 2020-03-13 17:46:51 · 889 阅读 · 0 评论 -
Vue组件优雅的使用Vuex异步数据
Vue组件优雅的使用Vuex异步数据前端:Vue+element项目为前后端分离项目,通过Ajax交换数据。0x1 缘起今天在检查代码的时候发现了一个平时都忽略的问题,就是在组件使用vuex数据时,组件使用都是同步取的vuex值。关于vuex的使用可以查看官网文档:https://vuex.vuejs.org/zh/ ,如果我们需要的vuex里面的值是异步更新获取的,在网络和后台请求...原创 2020-03-06 23:58:09 · 1082 阅读 · 0 评论 -
js原型
js原型教程地址:https://www.bilibili.com/video/av41708223?from=search&seid=2503409833258958402总结:道生一,一生二,二生三,三生万物。(Object就是道,Object的prototype的对象就是道的终点,因为Object的prototype的对象隐式原型为null)显式原型和隐式原型我们可以操...原创 2020-02-14 11:34:13 · 159 阅读 · 0 评论 -
HTML常用meta大全
HTML常用meta大全Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息。Meta : 即 **元数据(Metadata)**是数据的数据信息。元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。用我们的大白话来说,它本身是一个没什么用的标签,但是一旦在它...原创 2019-12-30 16:13:26 · 3343 阅读 · 10 评论 -
pm2和pm2-logrotate 日志管理 初探
pm2和pm2-logrotate 日志管理 初探官网:https://pm2.keymetrics.io/ADVANCED, PRODUCTION PROCESS MANAGER FOR NODE.JS高级,Node.js生产环境进程守护程序。0x1 安装npm install pm2@latest -g0x2 基本命令$ pm2 start app.js -i 4 # 后...原创 2019-12-20 15:14:13 · 1697 阅读 · 1 评论 -
压缩和混淆node.js服务端代码
压缩和混淆node.js服务端代码在前端我们有webpack,gulp等构建工具提供了从项目结构搭建到部署打包,基本所有工作流程所需要的都被覆盖到了。在后台node.js写的服务端却是透明,很多时候我们不愿意交付透明的代码。这个时候就需要对js代码进行压缩混淆。目的我有一个express纯api后台项目,在发布之前我需要对他进行压缩混淆。在开发完成以后我希望执行一个命令就能得到完整,...原创 2019-12-12 16:07:58 · 5021 阅读 · 1 评论 -
在移动端避免使用100vh
在移动端避免使用100vhCSS中的Viewport单元听起来很棒。如果你想将一个元素设置成全屏高度,你可以设置高度:100vh,这样你就有了一个完美的全屏元素,它会随着视口的改变而改变大小!遗憾的是,事实并非如此。100vh在不同的浏览器的实现方式上也有一点微妙的变化,这使得它几乎毫无用处。最好避免100vh,而是依赖javascript来设置高度,以获得完整的视口体验。核心问题是移动浏览器...原创 2019-12-09 11:44:24 · 797 阅读 · 0 评论 -
nrm – NPM registry manager
nrm – NPM registry manager[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Vkznz3Al-1574476046987)(2019-11-23 nrm使用教程.assets/nrm.svg)]nrm can help you easy and fast switch between different npm registries, no...原创 2019-11-23 10:27:52 · 307 阅读 · 0 评论