自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 资源 (1)
  • 收藏
  • 关注

原创 上传图片裁剪插件(基于cropper.js的封装)

如题,这样的功能在开发中是非常常见的,cropper是一款很好的工具,网上都有详细的介绍,这篇文章提示很多友好的API和事件cropper.js 裁剪图片并上传(文档翻译+demo)cropper.js需要借助jquery来实现,所以我这里的样式抄袭了jquery头像上传剪裁插件cropper这个工具,具体功能没有copy,只是觉得这一款界面符合用户体验,可以实时看到自己的裁剪效果(利用css...

2018-08-15 22:35:18 2442

原创 webpack学习笔记(三)使用ejs语法创建模版+提取chunk

本章描述的主要功能引入jq模块expose-loader 简单介绍提供公共模块tpl模版的介绍(使用ejs语法)代码接着上一章webpack学习笔记(二)环境分离+多页面开发配置引入jq模块各种基于mvc、mvvm框架的出现,单纯的jq已不适合这样的开发了,但如果是不使用框架的项目,使用jq总比写原生好吧0.0既然都使用了webpack来开发,就不要使用<s...

2018-04-20 16:50:46 7298 2

原创 webpack学习笔记(二)环境分离+多页面开发配置

本章描述的主要功能postcss-loadernodemon使用less/scss/sass封装资源处理,样式处理,并加入全局config(仿照vue)生产开发分离开发环境配置压缩打包chunk接受多页面开发原理和配置介绍代码接着上一章webpack学习笔记(一)从零开始构建基础webpack项目postcss-loaderpostcss-loader介绍 使...

2018-04-09 15:26:21 948

原创 webpack学习笔记(一)从零开始构建基础webpack项目

由于webpack更新了4.0以上版本,这里描述的是v3版本自己使用webpack有一段时间了,现在也在学习中,接触webpack之前所使用的工具只有grunt,之后遇到上了webpack,学习过程中也遇到了很多坑,网上也有不少教程,这里也就整理一下,当作学习笔记,不少地方借鉴了vue(特别是目录搭建+样式处理)笔记目录基础功能搭建 => 能进行简单的打包+服务器构建+ba...

2018-03-26 21:55:29 1404

原创 选择地区(省/市/县区)插件--PC端

最近项目需要这个功能,然后就自己写了一下~网上也有多种类似插件0.0具体代码由于把地区json弄成了js,有点长,另外样式也用jq来操纵,所以就不上具体源码了(Github链接),总体来说是很简单的,控制dom而已。部分代码如下(使用上的说明)... /** * @param { String } id 必传 实例化的时候传入需要绑定地区选择的元素id ...

2018-03-19 16:29:04 8626 3

原创 localStorage功能在开发中的两个简单代码

localStorage作为存储功能在项目中我使用的次数是很多的。作为一个前端,尽量是让用户少输入,接口少请求,除了一些特定的数据不要存储在本地,其它数据都会放在本地,并加入时效机制。本地存储、读取数据方法/** * 本地存储、读取功能 * @param { String } item 本地存储的id * @param { any } data 本地存储的详情 不传视为读取...

2018-03-06 16:00:38 347

原创 Angular 开发前的注意事项

写在前面是Angular 不是angular.js!!! 本文只是列举一些ng开发中的注意事项,有一些是自己遇到的坑,总结一下分享…构建项目安装 npm install -g @angular/cli创建项目 ng new name安装这一块官网上面写的很详细了Angular安装起步项目运行起来ng serve 使用 http://localhost:420...

2018-01-22 11:26:19 571

省市区三级联动

city.import.min.js 模块化加载 city.min.js 直接引入 引入之后使用放入如下,需要借助jq var ylc = yeluochenCity('J-demo', (city) => {console.log(city)}, null); console.log(ylc); var ylc2 = yeluochenCity('J-demo2', (city) => {console.log(city)}, { province: '四川', city: '成都', district: '成化区' }); console.log(ylc2);

2018-03-19

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除