SF
清水圈
清水圈
注册登录
关注博客
注册登录
主页
关于
RSS
mac下简单省事通过录屏制作gif
清水
2021-10-19
阅读 2 分钟
2.2k
图像永远会比文字更生动形象,易于理解,连续播放图片形成视觉暂留就是动画的原理,在我们日常比如文章使用插入自制GIF的成本也会比video低一些,现在简单分享一下在macOs环境下,怎么简单省事创建一些动态gif,win同理。
rollup入门以及vue使用rollup构建源码分析
清水
2021-10-14
阅读 11 分钟
3.2k
首先,rollup.js是一个JavaScript 模块打包器。可以将我们自己编写的js代码与第三方模块打包在一起,也可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。rollup直接支持tree shaking只有ES模块才支持,在打包构建时,会对编译的代码进行静态分析,打包结果只包含使用到的代码,这样可以大幅精简代码量。和...
canvas教程(一)-附4个常用案例
清水
2021-08-31
阅读 12 分钟
5.3k
canvas(“画布”)本身是HTML5提供的一种新标签, <canvas>标签本身只是图形容器,需要通过脚本 (通常是JavaScript)可以进行图形的绘制(canvas有多种绘制路径、矩形、圆形、字符以及添加图像的方法)。
js中立即执行函数表达式(IIFE)
清水
2020-12-04
阅读 1 分钟
1.2k
首先我们从字面上就可以理解 IIFE(Immediately-Invoked Function Expression) 被立即/马上调用执行的函数表达式。这就相当于创建了一个匿名函数,当函数被理解为表达式后就会执行,当执行的时候会创建一个独立的作用域,从而起到比如避免环境污染的作用,另外IIFE中定义的任何变量和函数,都会在执行结束时被销毁,一定...
IndexedDB入门
清水
2020-07-30
阅读 5 分钟
1.6k
IndexedDB是一种可以让你在用户浏览器中持久存储数据的方法,对于需要存储大量数据或者离线的web应用都可以考虑使用,相比已经被废弃的WebSQL,目前来看是IndexedDB未来一种的趋势,并且兼容性比较友好(见下图),如果储存有限的localStorage(具体大小看各家浏览器支持),不能满足你当前的使用需求,可以考虑使用IndexedD...
git常用命令
清水
2020-05-27
阅读 1 分钟
1.1k
git有些命令使用久了,每次重复百度,也没留心去记,这次整理一下平时常用的,留心记一下。 删除远程分支 git push origin --delete 要删除的远程分支名 删除本地分支 git branch --delete 要删除的本地分支名称--dlelete 也可以简写为—D 初始化仓库 git init 更新本地缓存 git fetch --prune origin 修改远程仓库地址 g...
mac 创建快捷键 打开终端(或者其它)
清水
2020-04-01
阅读 2 分钟
9.2k
作为开发人员Terminal的使用频率还是很高的,即使把终端固定在Dock上像我之前一直用的一样,还是会感觉麻烦,终于在今天忍无可忍了,找到方法解决了它。
判断浏览器宿主环境
清水
2019-08-01
阅读 2 分钟
2.8k
要进行判断我们需要获取浏览器的相关信息,navigator对象包含有关浏览器的信息,我们可以直接先在控制台输入一下navigator,来看一下。
使用vue+element搭建建站环境
清水
2019-07-31
阅读 2 分钟
4.5k
本文环境基于入手vue-cli 3.x进行Elementvue-cli使用了一套基于插件的架构,element官方为新版的vue-cli准备了相应的element 插件,在此我们可以直接使用。 {代码...} 注:在安装完成后,全部引用和按需加载,我选择的按需加载。如果想要省事,或者已经选择按需加载后觉得麻烦vue-router因为在之前vue-cli生成的代码中,...
聊聊在javascript中数组的使用
清水
2019-05-10
阅读 2 分钟
1.3k
杂谈 数组是最简单的内存数据结构,也是js中最常用的类型之一,整理了下我觉得应该了解数组的相关知识。 在js中,数组里可以容纳容纳js中任何类型的值。 在声明数组后就可以向数组中插入值,不需要设定什么。 数组的大小是动态的,可以根据数据的增加而自动增长。 js只支持一维数组,并不支持矩阵(二维数组)。但是,...
入手vue-cli 3.x
清水
2019-04-11
阅读 3 分钟
3.8k
笔者环境 macOS node v8.11.3 准备工作 首先查看本地版本 注:vue-cli需要要8.9+版本,我使用的n模块,进行node版本管理。因为之前曾经安装2.x版本 所以先执行卸载 npm {代码...} 使用yarn {代码...} 卸载完成后 重新使用 npm或者yarn进行安装 {代码...} 现在 我用yarn成功安装3.5.5版本 项目创建 {代码...} 第一个选择...
老生常谈—Javascript作用域、变量提升、闭包
清水
2019-03-19
阅读 3 分钟
1.3k
当我们新建一个可以储存变量的值,怎么才能读取到这个变量呢?能访问到这个变量,就说明符合作用域规则,作用域规则就可以说是js引擎读取变量的规则。 在js中变量分为两种,全局变量和局部变量,全局变量(拥有全局作用域)可以在整个js应用中被所有代码访问到,从程序开始分配内存直至结束才会被释放(出于对代码的性能...
react-native - 开发环境的搭建
清水
2019-03-18
阅读 3 分钟
2.8k
1.当目标平台为ios时 必须安装的依赖有:Node、Watchman 和 React Native 命令行工具以及 Xcode(苹果公司目前只允许在Mac电脑上开发iOS应用。如果你没有Mac,那么只能考虑使用沙盒环境,或者去开发Android应用)。2.当目标平台为Android时 必须安装的依赖有:Node、Watchman 和 React Native 命令行工具以及 JDK 和 And...