1.新建文件夹在终端打开执行 npm init -y 生成package.json如下,注意如果要发布到npm,name不能有下划线,大写字母等 { "name": "vuecomponentdi", "version": "1.0.0", "description": "", "main": "index.js", "scripts&q…

Jcrop是一款优秀的裁剪工具,它不仅可以裁剪图像,还可以裁剪canvas及任何的div元素,具体可参考: http://code.ciaoca.com/jquery/jcrop/ 基于Jcrop,开发一个js组件(Cut.js),使之可进行复用: (function(jQuery,window,undefined){     window.Cut = window.Cut || {};     var _default={         boxWidth:0,         boxHeig…

最近用Atom写博客比较多,然后发现一个很严重的问题..没有一个我想要的上传图片的方式,比如某乎上边就可以直接copy/paste文件,然后进行上传.然而在Atom上没有找到类似的插件,最接近的一个,也还是需要手动选择文件,然后进行上传.这个操作流程太繁琐,索性自己写一个插件用好了. 成品插件下载地址:https://atom.io/packages/atom-image-uploader 规划 首先,我们确定了需求,要通过可以直接copy文件,然后在Atom中paste即可完成上传的操作.确定…

Step1: 安装kissy gallery组件工具 npm install yo grunt-cli -g npm install generator-kissy-gallery -g 请确保本地带有NodeJs和Npm环境. Step2:创建组件目录 手动创建一个组件目录,比如offline. 进入该目录,打开命令行工具,执行如下命令: yo kissy-gallery 1.0 1.0为组件起始版本目录,可以自由设置. 工具会询问您组件的作者和email,这是必须输入的: 构建成功后的目录如…

自己写的组件 有的也挺好的,为了方便以后用自己再用或者给别人用,把组件打包发布到npm是最好不过了,本次打包支持 支持正常的组件调用方式,也支持Vue.use, 也可以直接引用打包好的js文件, 配合vue.js 就不需要webpakc这种构建工具了,可以直接在页面内使用,下面以 ‘yyl-npm-practice’ 这个包为例 第一步:使用 vue init webpack-simple yyl-npm-practice   初始化项目 提示: 不要用 vue init webpack npm…

问题 在单页面应用中,我们经常需要给路由的切换或者元素的挂载和卸载加上过渡效果,为这么一个小功能引入第三方框架,实在有点小纠结.不如自己封装. 思路 原理 以进入时opacity: 0 --> opacity: 1 ,退出时opacity: 0 --> opacity: 1为例 元素挂载时 挂载元素dom 设置动画opacity: 0 --> opacity: 1 元素卸载时 设置动画opacity: 0 --> opacity: 1 动画结束后卸载dom 组件设计 为了使得组件简…

→新建一个项目→选择"其他语言","Visual C++",并选择"win32控制台应用程序",并给控制台应用程序起名.→点击"下一步"→点击"完成"→编写如下 #include "stdafx.h" int _tmain(int argc, _TCHAR* argv[]) { printf("Hello C\n"); getchar(); return 0; } →…

倒计时组件 import React, { Component } from 'react' import $ from 'jquery' import "../../css/spellTEPayPublic/countDown.css" export default class countDown extends Component{ constructor(props){ super(props); this.state={ day:1, hour:0, minute:0, sec…

本篇文章将介绍如何在组件库中开发一个组件,其中包括 如何本地实时调试组件 如何让组件库支持全局引入 如何在 setup 语法糖下给组件命名 如何开发一个组件 目录结构 在packages目录下新建components和utils两个包,其中components就是我们组件存放的位置,而utils包则是存放一些公共的方法之类的.分别在两个文件下执行pnpm init,并将它们的包名改为@easyest/components和@easyest/utils { "name": "@…

架构师之路:从无到有搭建中小型互联网公司后台服务架构与运维架构 http://www.roncoo.com/course/view/ae1dbb70496349d3a8899b6c68f7d10b 概述 dubbo支持多种远程调用方式,例如dubbo RPC(二进制序列化 + tcp协议).http invoker(二进制序列化 + http协议,至少在开源版本没发现对文本序列化的支持).hessian(二进制序列化 + http协议).WebServices (文本序列化 + http协议)等…