梦行天宇的博客

Jcrop2.x（图片剪裁）插件使用教程最近项目中用到了图片裁切上传，可是没接触过，不知用啥插件好，于是便上百度搜了一下，找到了 Jcrop2.x的插件。下面说一下使用心得与使用的基本步骤。使用步骤一、文件下载首先说明一下，最好使用Jcrop2.0版本以上的，因为2.0以下的版本用户体验一点都不友好，其中有很多的坑，慎用！- 进入官网找到“Download Jcrop”点击进入 官网地址

Vue-cli3搭建完整项目之项目初始化配置​ 最近发现vue-cli的版本更新到3+了，本着学习的态度开始研究了一下它，发现里面变化太大了，比如原先的暴露出来的webpack的配置你会发现在3里面根本找不到，下面就开始搭建一个完整的项目。vue-cli3官网一、升级或下载vue-cli3npm install -g @vue/cli二、创建项目创建项目vue create 你...

Vue入门之概念及HelloworldVue简介Vue是一个前端的双向绑定类的框架，发音[读音 /vjuː/, 类似于 view]。新的Vue版本参考了React的部分设计，当然也有自己独特的地方，比如Vue的单文件组件开发方式都很有创新，另外Vue自身的一些绑定的语法、用法等都非常精炼，很容易上手，而且第三方的插件都非常丰富，社区非常活跃，最新的文档都有中文版本。而且Vue配合官方的和第三方的库可

模块化的标准有了模块，我们就可以更方便地使用别人的代码,想要什么功能，就加载什么模块。这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！ 【螺丝与螺帽】CommonJS：是一个模块化的标准，Node.js在使用的模块化标准。适用与后端开发的标准。AMD（Async Module Definition）：在CommonJS基础上衍生出来的适用于前端

uploadify插件 Uploadify是jQuery的一个文件上传插件，带有上传进度条。（easy to implement, highly customizable） 官网 官方文档使用步骤html结构<input type="file" id="file_upload_1">引入文件<!--如果想要样式，那就需要引入, 非必须--><link rel="s

AngularJS 入门4WebAPI聚合数据百度API服务API 应用程序编程接口，简单来说，就是：方法依赖于Web而提供的API称为： WebAPI ，通过URL实现。可以把 WebAPI 看作是有 输入和输出（I/O） 的方法webapi就相当于函数webapi的参数（?username=小明&pwd=123465） 相当于 函数参数 function fn(username

AngularJS - 入门3TodoMVC案例todomvc官网todomvc素材功能划分1 展示任务列表2 添加任务3 删除一条任务4 修改任务5 切换任务选中状态(单个或批量)6 清除已完成任务7 显示未完成任务数8 显示不同状态的任务 以及当前任务高亮处理9 根据URL变化显示相应任务11 使用服务抽象数据模型管理12 使用路由完成不同任务的切换$locat

AngularJS -入门2在Angular中使用”jQuery”语法：angular.elementAngular中操作的功能称为：jqLite（轻量级jQuery）示例// 获取 jqLite 对象var $ = angular.element;$(document).ready(function() { });注意点1 jqLite 中只实现了jQuery的部分功能2 jqLit

AngularJS -入门1AngularJS概述介绍简称：ngAngular是一个MVC框架AngularJS 诞生于2009年，由 Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、模块化(编程)、自动化双向数据绑定、语义化标签、指令、依赖注入等等。其他前端

webpack将es6转换成es5 webpack 是支持es6的模块的写法的，但是当前的浏览器不支持，所以想要将用es6方式写的模块代码在浏览器运行起来，要先使用webpack进行打包babeles6的一个编译器，这个东西有自己的独立的运行功能 可以下载 babel-cli,来进行es6的代码转换工作！babel+webpack下载需要的依赖包，命令如下npm install babel

gulp gulp运行在nodejs环境下，而不是运行在浏览器中。因此使用gulp之前，需要使用npm安装gulp。安装nodegulp是运行在nodejs环境下，因此需要安装nodejsnode -v #查看node版本npm -v #查看npm版本npm基本使用 npm（node package manager）nodejs的包管理器，用于node插件管理（包括安装、卸

vue-cli3搭建完整项目之webpack配置​ 前面篇介绍了项目初始化，下面就要开始对项目webpack进行配置，由于vue-cli3将webpack的基础配置全部内嵌了，这就导致我们初始化项目完成之后发现原先的webpack的config配置全部都消失不见了，那该怎么办呢？别慌，vue-cli3早就考虑到了这一点，它预留了一个vue.config.js的js文件供我们对webpack进行自...