SF
前端这两年(2016~)
前端这两年(2016~)
注册登录
关注博客
注册登录
主页
关于
RSS
h5中使用javascript在客户端对图片进行压缩和尺寸处理,附ts代码
farmerz
2022-10-09
阅读 4 分钟
2.3k
有时候我们有这样的需求,就是对前端选中的图片进行压缩处理。这样处理的原因可能是。减少带宽占用率,提高效率。对图片进行裁剪符合上传需求。(现在手机拍照分辨率很高,直接拿来用比较大。)前端对图片进行压缩主要使用到的API有:CanvasImageFileBlobFileReader如图,设置三个方法toImagetoCanvastoFile {代码...} to...
flutter 插件,数字字符串计算库
farmerz
2020-11-04
阅读 4 分钟
3k
可方便用于app制作虚拟键盘,虚拟计算器。With this package, You can easily make virtual keyboard or virtual calculator for your APP.
一个适用于vue的pdf预览组件库
farmerz
2020-06-14
阅读 2 分钟
4.4k
cdd-pdf-view文档传送门该组件库基于pdf-dist库,能够把 pdf 文件解析成图片放置到指定的容器 dom 中。props:file:File file 对象url:stringurl 可以是下载 pdf 的路径,该组件能够自动下载解析 pdf。file data url,可以把 dataurl 直接解析成要预览的图片。一个把 pdf 文件解析到图片进行预览的库。如果 pdf 包含多页...
如何创建一个dart package
farmerz
2020-03-27
阅读 4 分钟
3k
推荐一个作者的package,一个方便flutter初学者使用编写计算器的库。点击获取 创建packages dart生态使用pakcage来分享ku或者工具。下面我们来看一下最常见的库的package的创建。 库的组成 下面的示意图展示了最简单的库结构: 库的最基本组成: pubspec文件 dart应用也是使用这个文件,这个文件中没有特殊的标识符说明...
Flutter状态管理Provider详解
farmerz
2020-03-09
阅读 6 分钟
15.3k
provider 可以进行依赖注入和状态管理,使用widget创建,适用于widget。 它是故意设计成使用widget来进行依赖注入和状态管理的,而不是纯使用dart类,像是stream这些。因为widget简单且健壮可伸缩。 使用weidget来进行状态管理可以保证。 维护性。 可测试和兼容性。 健壮性。 使用 暴露一个值 暴露一个对象实例(object ...
node.js与多线程技术之worker threads
farmerz
2019-10-08
阅读 4 分钟
7.1k
原文对于想了解,进程,线程,io这些东西的朋友推荐个文章想要明白workers,首先需要明白node是怎样构成的。当一个node进程开始,它其实是:一个进程。一个线程。一个事件轮垂。一个js引擎实例。一个node.js实例。一个进程:是指一个全局对象,这个对象能够访问任何地方,并且包含当前处理时的信息。一个线程:单线程意味...
单选多选场景的解决方案集合
farmerz
2019-03-07
阅读 1 分钟
1.7k
单选多选场景的解决方案集合 场景 经常遇到一些类似菜单和导航这样的页面效果需求,基本情况是: 有很多的带选项,其效果是选中和未选中 有的是多选,有的是单选 解决 1.单选场景 因为是单选场景所以需要切换 解决方法一 设定每个备选状态为选中和未选中。 当变选中状态变更时对所有的备选进行遍历主要作用是: 把所有的...
小程序版结合promise的axios风格ajax请求函数。
farmerz
2018-10-17
阅读 1 分钟
5.9k
建议的小程序版本的axios函数,之所以说简易,因为只是用了常用的请求方法外,然后添加了拦截器而已。具体如下: 下载,安装 {代码...} 使用 es6: {代码...} commonjs: {代码...} wxhttp 命名为wxhttp 具体的请求用法如axios wxhttp#request(config) wxhttp#get(url[,config]) wxhttp#delete(url[,config]) wxhttp#head(...
前端常用函数积累
farmerz
2018-09-12
阅读 5 分钟
2.8k
cdd-lib 个人常用库积累 说明 本库是完全的es2015模块语法,也使用了 ts 源码。所以使用 commonjs 方式导致不可用。 路径和引用说明 /index.js 根路径的 index.js 文件为 node_modules 对外输出的文件,是 es6 模块方式。 /dist 在dist文件夹里有集成的 es6,cjs,umd,borowser 方式的文件。 browser.js,umd 供浏览器或者...
node.js学习之npm 入门 —8.《怎样创建,发布,升级你的npm,node模块》
farmerz
2018-03-16
阅读 2 分钟
1.8k
node.js module(模块)是package的一种,能够发布到npm。从创建一个package.json文件开始来创建一个module。
node.js学习之npm 入门 ——7.《怎样安装、更新和卸载全局package》
farmerz
2018-03-15
阅读 1 分钟
2.2k
如果你把package当作一个全局的命令行工具,那么应该全局安装。这种方法会在任何目录里生效。比如grunt,gulp,vue,webpack,rollup等。
node.js学习之npm 入门 —6.《怎么卸载本地packages》
farmerz
2018-03-15
阅读 2 分钟
2.7k
在上面的例子中会从node_modules中删除lodash这个package,但是在package.json文件中相应的依赖不会删除该信息。例如此时的package.json里面的相应内容是:
node.js学习之npm 入门 —5.《使用packages.json文件》
farmerz
2018-03-15
阅读 3 分钟
3k
使用packages.json文件——Working with package.json 原文 管理本地下载的npm packages(modules)的最好方法是使用package.json文件。 一个package.json文件: 包含你的项目所依赖的package的列表。 允许你使用semiantic versioning rules去指定你的项目所依赖的packages的版本。 使你的项目可以复制,因此可以更容易的分...
node.js学习之npm 入门 —4.《怎样去下载本地packages》
farmerz
2018-03-14
阅读 1 分钟
2.2k
有两种方式去下载npm packages:local(本地) 或者 globally(全局)。你应该根据自己怎样使用package来选择下载的方式。
node.js学习之npm 入门 ——3.《防止权限错误》
farmerz
2018-03-14
阅读 1 分钟
3.1k
防止权限错误(How to Prevent Permissions Errors) 原文 当你全局安装一个package时看到一个ACCES错误,请看下本节。这个错误在你更改npm安装的路径后是可以避免的。只需做下面其中之一。 通过nvm重新安装npm。 手动更改npm的默认目录。 一、通过node版本管理——nvm重新安装npm 这个是避免这个错误的最好方法。详情点击查...
node.js学习之npm 入门 ——2.《下载和管理npm》
farmerz
2018-03-14
阅读 2 分钟
2.8k
npm被内置到了node.js之内,如果想要使用的话需要下载安装node.js。你可以通过Node.js网站安装npm,或者通过安装Node Version Manager或者NVM。下面解释这两个选项。
node.js学习之npm 入门 ——1.《npm是什么》
farmerz
2018-03-14
阅读 1 分钟
5.2k
npm 原文 概念 npm有三个主要的组件组成 网站 the website registry(注册库) CLI命令行工具 网站是开发这使用npm最基本的方法。包括发现package,编写说明,管理他们的NPM各个方面。 注册库(registry)是一个关于package信息的一个大的库。 CLI通过命令行运行,这是大多数的开发者跟npm打交道的方式。 npm用途 为你的应...
bootstrap4之栅格系统
farmerz
2018-01-30
阅读 12 分钟
10.8k
虽然原先一直用bootstrap3,但是也只是表面上了解的使用。随着现代浏览器的普及,以及大型应用页面的交互功能和需求越来越复杂,清楚的了解bootstrap的工作原理十分有必要。
简单typescript+rollup.js开发的上下滑动触发指定动作库cdd-scroller
farmerz
2017-11-14
阅读 2 分钟
3.8k
cdd-scroller tags: scroller 这是个移动端和pc端通用的检测滑动的库。 传送门 npm github 功能 触顶/触底的触发函数。即:在滑块在一定范围内到达顶部或者打到底部,亦或者二者均可的触发指定函数。 离开触顶/触底触发函数。有些情况我们不仅需要滑块触顶或者触底,在滑块离开二者的一定范围时也需要触发一些函数。 设...
Nodejs流开发详解(翻译自官网)
farmerz
2017-07-16
阅读 12 分钟
5.8k
stream模块的API被设计成能够很容的使用javascript的原型继承模式来实现streams。首先,stream的开发者必须先声明一个新的javascript类,并且继承以下四个基础stream类中的一个,并确保他们适当的调用父类的构造函数。
rollup文档翻译 中文文档
farmerz
2017-06-24
阅读 9 分钟
6.6k
rollup是一个js打包器,用来将很细碎的js编译打包成大的复杂的东西,像是一个库或者一个应用。其使用了ES6自带的新标准来格式化和打包js代码,而不是原先的Commonjs或者AMD这类解决方案。ES6模块能够使你轻松的无缝的组合你所喜欢库中的独立函数(静态函数)。这使得最后能够实现本地化,rollup如今实现了这些。
Electron API 翻译
farmerz
2017-06-05
阅读 1 分钟
3k
安装了Electron API Demos之后。打开c盘的C:\Users\xxx\AppData\Local\ElectronAPIDemos\app-1.3.0\resources位置。
Koa2开发详解(自官网)
farmerz
2017-05-04
阅读 14 分钟
16.1k
koa是由Express幕后团队打造的,目的是更小,更快,更稳定的web应用和apis。通过杠杆生成器(leveraging generators)Koa可以让你引导(ditch)回调函数,极大的提升错误处理。Koa核心不集成任何的中间件,其本身提供的优雅的功能套件就能够写出既快又nice的服务器。
Runtime transform/runtime 转化器详解
farmerz
2017-04-14
阅读 4 分钟
22.9k
Babel对常用的函数使用非常小的辅助(内置的垫片比较少),例如_extend。默认情况下它将会添加到每个引用的文件。这种重复有时候是非常没必要的。特别是你的应用分散在很多文件中。
代码分离-import() webpack2.x 中文文档 翻译
farmerz
2017-03-22
阅读 3 分钟
13.6k
目前,类函模import()块加载的语法建议——syntax proposal整体交给ECMAScript。ES2015(es6)加载器说明定义import()作为一个方法用来动在运行时态加载es6模块。在webpack中的import()是个分离点——split-point,用来把被请求的模块独立成一个单独的模块。import()吧模块的名字作为一个参数,并且返回一个Promise: import(na...
使用npm发布项目
farmerz
2017-03-16
阅读 1 分钟
3.7k
上传一个包到仓库(npm)后就可以使用名字来下载下来。包目录中的所有文件都将被下载下来。除了.gitignore或者.npmignore这类文件。如果文件中有.gitignore那么个文件中指定的文件将被忽视。如果同时存在那么以.gitignore为主。查看npm-developers获得更多细节。默认情况下,npm将发表到公共的注册。因为设置的默认注册...
怎样使用和设置.babelrc
farmerz
2017-03-16
阅读 1 分钟
8.6k
所有的babel设置,除了回掉函数外都可添加其中。(因为.baelrc本身就是个json) 例子:JSON {代码...} 通过package.json 你同样可以选择在package.json内部设置.babelrc.如下:JSON {代码...} 通过选项设置 你可以通过使用evn选项来定义设置,以适应特定的环境:JSON {代码...} 这个特定的环境将被整合到设置中覆盖没有指...
怎样设置babel-polyfill
farmerz
2017-03-15
阅读 1 分钟
31.9k
这意味着你可以使用新的内置的东西如Promise和weakMap等。静态方法如Array.from Object.assign等。实例方法Array.prototype.include,generator函数(建议你使用regenator插件).polyfill会添加到全局的环境中,作为原生的原型如String那样的方式执行。
vue-cdd-validator vue.js 表单验证插件介绍
farmerz
2017-03-07
阅读 3 分钟
4.9k
cddv vue.js 表单验证插件使用说明 版本:1.0.8-6 获取 github:这里 npm安装 {代码...} yarn安装 {代码...} 安装 {代码...} 简要使用说明 因为现在很多浏览器对html5表单的支持方式存在很大的差异,建议type使用text 因为现在很多浏览器对html5表单的支持方式存在很大的差异,建议type使用text 因为现在很多浏览器对html...
webpack2.x 中文文档 翻译 之 分离库代码Code Splitting - Libraries
farmerz
2017-03-02
阅读 3 分钟
2k
分离库代码Code Splitting - Libraries 这个在webpack2.x中文网已存在,点击这里 让我们想一个简单的应用——momentjs,他是一个事件格式化的库。安装moment. {代码...} index文件将调用moment作为依赖来记录现在时间。 index.js {代码...} 我们可以用下面的配置来打包应用。 webpack.config.js {代码...} 在你的应用中运...
1
(current)
2
下一页
1
(current)
下一页