Clarity
Home
Archives
About
Tools icon
clock qrcode
English Português
  • 推荐 JavaScript 中处理数字计算精度问题的开源库

    Jan 10, 2021 · 1 min read · 其他 工具 开源库  ·
    Share on:

    在 JavaScript 中彻底解决你0.1+0.2!==0.3的精度问题,还可以给小数按条件取值。是开发计算项目的必备良品

    Read More
  • 给博客搭配随机图片

    Jan 8, 2021 · 1 min read · 其他 工具  ·
    Share on:

    每次写文章给博文配图是一件很麻烦的事情,一张张地找,有时候质量还不好,于是乎,我就去寻找了一波背景图api接口,这下妈妈再也不用担心我文章不会配图了, API 调用方式很简单,就是直接把 api 地址当做图片地址来访问,当服务器接收到访问时会自动重定向到一个随机的图片地址。 下面列举几个 一、小歪API 网址: https://api.ixiaowai.cn/ 目前系统共收录 1000+ 张图片 API最后更新时间:2020-03-25 图片均为https,采用新浪图片,高速访问 1.1 直接使用 图片API基本调用格式: 二次元动漫: https://api.ixiaowai.cn/api/api.php mc …

    Read More
  • 欢迎提示语分享

    Dec 29, 2020 · 1 min read · JavaScript  ·
    Share on:

    当用户登录你的系统时,如果能够给出一个友好有趣的提示语,想必更能让你的用户感受到开发者的用心。

    Read More
  • 责任链模式

    Dec 12, 2020 · 1 min read · 责任链模式 promise 代码重构  ·
    Share on:

    背景交代 最近负责的一个前端项目随着需求和功能的升级,代码越写越复杂,尤其是登录模块的判断逻辑,就像是那老太太的缠脚布——又臭又长! 刚好趁着登录的需求变更,使用责任链模式把相关代码重构了一番,重构之后再看代码,啧啧,代码之整洁且逻辑清晰,忍不住要给自己送一朵小红花 🌺 —— 优秀! 撸起袖子加油干 我们约定好,将单个判断逻辑封装成一个函数,函数接收相同的参数,返回值的统一为一个 promise。 如果判断通过,可以进行下一步判断,返回 fulfill 状态的 promise,如果未通过需要结束后续判断,则返回 rejected 状态的 promise。 这里的代码均为示意代码,其中的判断逻辑都进行了简化。 1function …

    Read More
  • 适配器模式

    Dec 12, 2020 · 1 min read · 适配器模式 代码重构  ·
    Share on:

    背景交代 场景一:转换数据格式 Vue 中的 computed 属性就是现成的一个适配器: 1const vm = new Vue({ 2 data: { 3 authors: [ '张教授', '王教授'] 4 }, 5 computed: { 6 authorsText () { 7 return this.authors.join('、') 8 } 9 } 10}) 又比如 撸起袖子加油干

    Read More
  • CSS多行文本溢出显示省略号显示点点点...

    Jun 28, 2020 · 2 min read · css 文本溢出  ·
    Share on:

    一、单行省略 1<div class="elip w100" style="border: 1px solid #5184f6;"> 2 两个黄鹂鸣翠柳,一行白鹭上青天。窗含西岭千秋雪,门泊东吴万里船。 3</div> 1/* 单行文本溢出省略 */ 2.elip { 3 overflow: hidden; /* 隐藏溢出内容 */ 4 white-space: nowrap; /* 不换行,强制文本在一行显示 */ 5 text-overflow: ellipsis; /* 溢出的部分进行省略 */ 6} 7.w100 { 8 /* 设置宽度,一定不要忘了 */ 9 …

    Read More
  • Get the Beginning and Ending in a Unit of Time via Momentjs

    Nov 19, 2019 · 4 min read · momentjs  ·
    Share on:

    根据 moment.js 得到一个单位时间或者时间段(如本周,上周,本月,上月,当前季度,上个季度)的开始结束时间 momentjs 文档 主要利用以下几项 API: format(): 得到格式化的时间 startOf(): 得到一个单位时间的开始时间点, 文档 endOf(): 得到一个单位时间的结束时间点 add(): 在指定时间点的基础上,加上一个时间段 subtract(): 在指定时间点的基础上,减去一个时间段 week(): 获取或设置一个时间对象的周数(第几周) month(): 获取或设置一个时间对象的月份 quarter(): 获取或设置一个时间对象的季度 天 1// …

    Read More
  • Basic Setup for Ubuntu

    Nov 17, 2019 · 3 min read · ubuntu  ·
    Share on:

    Ubuntu 基础设置,包含一些常用软件安装,配置文件修改等等。 这篇文章的意义在于,当你拿到一个新的 Ubuntu 系统之后,直接按照本文的步骤进行设置,就可以得到一个顺手的开发/部署环境。不再需要逐项搜索每个软件的安装步骤了。 设置国内软件镜像源 node git docker nginx oh-my-zsh alias vim 设置系统软件镜像源 配置系统源第一件事是修改镜像源,这样方便后续其他软件的安装。在国内可以选择阿里云的源。 1# 编辑源文件 2sudo vim /etc/apt/sources.list 3# 在VIM编辑器内替换默认源为阿里云 4:0,$ …

    Read More
  • Basic Usage of Docker

    Nov 16, 2019 · 1 min read · docker  ·
    Share on:

    使用脚本快速安装 安装 Docker: 1curl -fsSL https://get.docker.com -o get-docker.sh && sudo sh get-docker.sh 安装 docker-compose 1sudo curl -L "https://github.com/docker/compose/releases/download/1.22.0/docker-compose-$(uname -s)-$(uname -m)" \ 2-o /usr/local/bin/docker-compose 3 4# 给Docker Compose 执行权限 5sudo chmod …

    Read More
  • Nginx 的安装和基本命令 | Basic Usage of Nginx

    Nov 16, 2019 · 1 min read · nginx  ·
    Share on:

    安装 1# ubuntu 2sudo apt install nginx -y 命令 nginx 命令 描述 命令 命令二 启动 sudo nginx sudo /usr/sbin/nginx 停止 sudo nginx -s stop sudo /usr/sbin/nginx -s stop 重启 sudo nginx -s restart sudo /usr/sbin/nginx -s restart 重载配置文件 sudo nginx -s reload sudo /usr/sbin/nginx -s reload nginx 目录 描述 命令 nginx …

    Read More
    • ««
    • «
    • 1
    • 2
    • 3
    • 4
    • »
    • »»

wencaizhang

前端开发.
Read More

Featured Posts

  • Markdown Syntax Guide

Recent Posts

  • 用 Docker 快速架设一个 Anki 同步服务器
  • echarts
  • Using Notices
  • 将两次 Git 提交合并为一次
  • 封装日期相关函数
  • Vue.js 项目中二次封装一个按钮组件
  • Git 秘钥
  • 封装简易 DOM 选择器

Categories

MINICODE 9 其他 6 GIT 2 设计模式 2 BUG-FIX 1 CSS 1 JS 1 OTHER 1 SYNTAX 1 THEMES 1 VUE 1 工具 1

Series

设计模式 2 THEMES-GUIDE 1

Tags

JAVASCRIPT 8 CSS 4 DOM 3 GIT 3 日期 3 DOCKER 2 MARKDOWN 2 NGINX 2 代码重构 2 其他 2 工具 2 ANKI 1 EMOJI 1 FEATURED 1
All Tags
ANKI1 CSS4 DOCKER2 DOM3 EMOJI1 FEATURED1 GIT3 HTML1 INDEX1 JAVASCRIPT8 MARKDOWN2 MOMENTJS1 MP-HTML1 NGINX2 PLACEHOLDER1 PRIVACY1 PROMISE1 SCROLLBAR1 SHORTCODES1 TEXT1 THEMES1 THIS指向1 UBUNTU1 UNIAPP1 VUE1 代码重构2 其他2 备忘1 工具2 开源库1 文本溢出1 日期3 源码1 组件1 责任链模式1 适配器模式1
[A~Z][0~9]
Clarity

Copyright  CLARITY. All Rights Reserved. 感谢 又拍云  提供 CDN 支持