Javascript与前端框架
炉边诗人
勤奋成就大师。
展开
-
Vue directive自定义指令+canvas实现H5图片压缩上传-Base64格式
前言 最近优化项目-手机拍照图片太大,回显速度比较慢,使用了vue的自定义指令实现H5压缩上传base64格式的图片canvas自定义指令Vue.directive("canvas", { bind: function (el, binding) { // 压缩图片需要的一些元素和对象 var reader = new FileReader(), img原创 2017-12-01 21:58:22 · 1142 阅读 · 0 评论 -
Vue.js的小例子--随便写的
1.领导安排明天给同事们科普下vue 2.简单写了两个小例子 3.话不多说直接上代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .active {原创 2017-06-20 22:03:19 · 302 阅读 · 0 评论 -
使用Jcrop-canvas画布-制作前端图像裁剪
写在前面 –公司需要这个需求,安排调查 –目前各大网站都是采用的-前端做裁剪返回坐标-由后端来做到裁剪 –而使用html-canvas画布可以直接前端裁剪并返回base64流-ajax可以直接下载保存上代码: 注意配置好依赖-有一张png图片依赖<!DOCTYPE html><html lang="en"> <head> <meta http-equiv原创 2017-05-11 23:23:38 · 755 阅读 · 0 评论 -
knockout双重绑定
1.绑定变量globalData = ko.observable({item:{}});2.绑定htmlko.applyBindings(globalData, document.getElementById('_bindDemo'));注:这里document可以不写,则默认绑定全局3.对数据进行赋值,达到刷新页面的效果globalData({item:data});注:因为定义的item为空值原创 2017-04-18 21:51:14 · 984 阅读 · 1 评论 -
Windows使用Node.js自动生成Vue.js模版环境部署步骤-----记录
node.js官网下载并安装node进入node文档目录下,运行cmd 输入 node -v 查看node版本 出现表示安装完成输入 npm -v 显示npm版本信息安装cnpm 输入 npm install -g cnpm –registry=http://registry.npm.taobao.org 等待CMD输入 cnpm install -g vue-cl原创 2017-04-02 00:36:08 · 1080 阅读 · 0 评论