Fiona

原创 jquery Jcrop+canvas前端实现图片的上传，剪切，生成新的图片

现在问题描述：用jquery jcrop图片获取到剪切点后发到后台用java进行剪切，但是高并发的时候，对于高清图片内存就卡死了学习内容：1.clip学习；2.监听鼠标的按下、拖动、松开（构成被选区域）；分析现有代码：1.点击上传button后post修改srcImg请求到后台；2.点击save button post修改截取图片的请求到后台修改截图img;利用canvas获...

原创 欢迎大家参观我的githup

https://github.com/caifi2/vue2Demo 里面包含内容：1.极简博客开发；2.模拟淘宝电商网站首页布局；3.响应式布局优化博客系统；3.Bootstrap 开发了一个登录注册页面；4.Bootstrap新闻站开发；5.vue2 组件学习总结极其使用；6.Home.vue里面新增了可折叠的formSearch 和grid.vue;后面会一直持续更新，用vue2做一个部署平...

原创 riot自定义todo标签

为什么需要一个新的 UI 库?前端世界的库已经太多了，但坦白说我们认为终极解决方案仍有待探索。我们相信 Riot 为解决前端开发的难题提供了正确的方向。React 似乎能够解决问题，但其自身仍有重大弱点，这些弱点正是 Riot 要克服的。理由如下:1. 自定义标签Riot 在所有浏览器上支持自定义标签。 {opts.title}

原创 怎么写一个jquery插件

创建插件看来 jQuery 你已经用得很爽了，想学习如何自己编写插件。非常好，这篇文档正适合你。用插件和方法来扩展 jQuery 非常强大，把最聪明的功能封装到插件中可以为你及团队节省大量开发时间。开始要编写一个 jQuery 插件，需要为 jQuery.fn 对象增加一个新的函数属性，属性名就是插件的名字jQuery.fn.myPlugin = function() {

原创 riot实现日历组件标签的编写

app.tag file ‹ { opts.date.date.format(yearFormat) } › ‹ { opts.date.date.format(monthFor

原创 riot实现alert标签

{ text } × this.on('update', () => { if (!opts.alerts) return opts.alerts.forEach(alert => { if (t

原创 riot做一个数据分析标签

{data1}{data2 || ''} {title} this.defaultColor=opts.defaultColor; var i=0; var array = {};

原创 Vue对比其他框架

vuejs吸收了react和angular的优点，强调了react组件化的概念，吸收angular灵活的指令和页面操作的方法。Vue推荐一个组件的概念从*.vue到页面*.vue  -->webpack -->(*.html,*.js,*.css)  new Vue({....})Angular选择 Vue 而不选择 Angular，有下面几个原因，当然不是

原创 java中常用的几种数据结构

数据结构：一.链表     1.链表与数组的区别        数组在使用之前必须定义大小，而且不能动态定义大小，会造成给数组分配了太多的单元而浪费了宝贵的资源，糟糕的一面是，程序运行时需要处理的数据可能多于数组的单元。        当需要动态的减少或增加数据项时，可以使用链表这种数据结构。      2.java中用到链表举例        LinkedList

原创 Vue.js-数据驱动的组件化

近年来前段开发趋势旧浏览器逐渐淘汰移动端需求增加用户体验要求更高架构从传统的后台MVC向REST API+前端MV*迁移前端MV*框架针对具有复杂交互逻辑的前端应用提供基础的架构抽象通过ajax数据持久化，保证前端用户体验Backbone / Angular / EmberVue.js不是一个框架定位类似：Knockout / React（数据的双向绑定）Dem

原创 Javascript 多浏览器兼容性问题及解决方案

一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName"]；Firefox 下，只能使用document.formName.elements["elementName"]。 解决方

原创 CSS 多浏览器兼容性问题及解决方案

兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， IE 则忽略， 可用 !important 为 FF 特别设置样式 4、div 的垂直居中问题:

原创 谈谈响应式编程

随着前端框架react,angular以及vue的流行，响应式编程也开始在前端领域得以广泛应用。因此，了解并且理解响应式编程有助于更好地学习这些框架，同时利用好响应式编程的相关工具，可以让编程更加轻松。什么是响应式编程和平常经常听说的面向对象编程和函数式编程一样，响应式编程(Reactive Programming)就是一个编程范式，但是与其他编程范式不同的是它是基于数据流和变化传播的。我

原创 riot实现bubble

{opts.bubble.text} this.showBubble = () =>{ clearTimeout(this._timer); this.isvisible = true; }; this.hideBubble = () =>{ th

原创 常用集合的默认初始容量和扩容的原因

常用集合的默认初始容量和扩容的原因：       当底层实现涉及到扩容时，容器或重新分配一段更大的连续内存（如果是离散分配则不需要重新分配，离散分配都是插入新元素时动态分配内存），要将容器原来的数据全部复制到新的内存上，这无疑使效率大大降低。加载因子的系数小于等于1，意指  即当 元素个数 超过 容量长度*加载因子的系数 时，进行扩容。另外，扩容也是有默认的倍数的，不同的容器扩容情况不同。

原创 riot实现页面导航栏标签的编写

app.tag file { title } { page.title || 'Not found' } { page.body || 'Specified id is not found.' } var self = this self.data = [ { id

原创 riot实现spinner标签

html in spinner.tag js in spinner.tag var ths=this; this.on("mount",function(){ if(!opts.change

原创 riot实现一个记时组件

思路：该记时组件有2个属性，一个title, 一个times时间显示，times 由 hh：mm：ss 组成，应该有个定时器，让ss每秒+1； {title}{ times } this.time = opts.start || 0; this.title = opts.title || "Seconds Elapsed :

原创 riot 分页标签的封装

html in pagination tag1}> 每页显示: {limit} 条 10 20 50 100 1} type="button" class="btn btn-default btn-first" onclick="{first}">

原创 riot写一个timeline标签

riot写timeline标签步骤写timeline的显示html;写javascript,对一些参数进行处理和一些事件进行处理； {new Date(item.datetime).format("hh:mm:ss")||'time missing'}{new Date(item.datetime).format("M

原创 用JavaScript模拟Java的set

最近写extjs的时候有个应用场景：我需要获取几个store中的数据，但是几个store中有重复数据，于是想到了java中得set有去重复得功能，由于ES6中新加了set，但是版本问题，怕不兼容，所以选择了自己实现一个Set.function Set() { this.elements = new Array(); //获取Set元素个数 this.size = fun

原创 Javascript 责任链模式

责任链模式可以用来消除请求的发送者和接受者之间的耦合。这是通过实现一个由隐式地对请求进行处理的对象组成的链而做到的。链中的每个对象可以处理请求，也可以将其传给下一个对象。javascript内部就是使用这个模式来处理时间捕获和冒泡的问题。责任链模式中的角色： 发出者、接受者责任链模式的流程：发送者知道链中的第一个接受者，它向这个接收者发出来的请求；每一个接收者都对请求进行分析，要么处理它，

原创 javascript留痕的命令模式模拟

Title //基于上一个demo做一个命令历史留痕的效果 /** * N次命令：up up up left left down down * 把这7次命令存到命令集合里面 * 【up up up left left】 * 当你点击回退按钮的时候 原命令集合.pop

原创 Javascript封装常用方法

创建一个接口需要传入2个参数，一个name,一个是该接口包含哪些方法var BH = {};BH.Interface = function(name,methods){ //判断接口的参数个数 if(arguments.length !=2){ throw new Error('this instance interface constructor argum

原创 javascript工厂模式

粗粒度和细粒度万事万物都是object:卖车的商店-》卖车-》生产车-》factory搭建一个工厂的环境卖车的商店super shop卖车 Title //粗粒度和细粒度 //万事万物都是object:卖车的商店-》卖车-》生产车-》factory //搭建一个工厂的环境 //卖车的

原创 javascript桥接设计模式

Title //桥接模式：主要作用就是把抽象和现实分离开来，是他们可以完全独立变化 //应用场景，事件监听回调机制 //用户点击一个按钮，向服务器端发送消息 //当页面加载完毕之后执行函数体window.onload $(function(){ //1.前台业务逻辑

原创 Javascript 命令模式结合HTML5实现动画效果

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script type="text/javascript" charset="utf-8" src="common.js">script> script type="text/javascript" charset="utf-8"

原创 javascript中的命令模式

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script type="text/javascript" charset="utf-8" src="common.js">script> script type="text/javascript" charset="utf-8"

原创 javascript实现proxy模式

script> //代理模式（proxy）: 代理也是对象，他的目的就是为了节制（控制）对本体对象的访问 extjs就采用了很多中代理模式 //图书馆（本体对象，实例化读书馆需要消耗很多的资源） var LibraryInterface = new BH.Interface('LibraryInterface',['addbook','findbook','checkout

原创 javascirpt用享元模式实现日历

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script type="text/javascript" charset="utf-8" src="common.js">script> script type="text/javascript" charset="utf-8">

原创 Js 对象中使用[] 和 . 的区别

原创 使用<yield>标签来包含内部HTML

标签是riot的特殊核心功能，可以在运行时将自定义标签的内部模板进行编译和插入，这个技术使你可以用从服务端渲染生成的html内容来扩展你的标签模板例如使用下面的 riot 标签 my-post { opts.title } this.id = 666你可以在应用中随时包含  标签 title="What a great title"> id="my-conte

原创 Riot视频学习

Riot特点自定义标签；优雅的语法；虚拟dom；非常小的特点；非大公司作后盾，多人贡献的代码为什么学习Riot（优势）angularJs, react体积太大，不太适合移动端；公用组件组件化；轻量级MVM框架；引入概念少，容易入门；操作数据代替操作dom提高开发效率；代码量少，修改起来更容易，容易维护；Riot的应用场景因为体积小适合移动端开发；多页

原创 xml文件的解析

Jdom解析xml文件public class AppSax{public static void main( String[] args ) throws Exception{SAXBuilder saxBuilder = new SAXBuilder();Document document = saxBuilder.build(new FileInput

原创 xml

用jdom写xml文件publicclass App{publicstaticvoid main( String[] args )throws Exception{OutputStream out = new FileOutputStream("d:/customers.xml");

原创 oracle操作语句

主键按值增长：create sequence seq_customer2 start with 10 increment by 5 maxvalue 10000;  insert into customer(id,cname) values(seq_customer2.nextval,'abc');

原创 socket编程多客户端

服务器端编程，开一个端口4444public class MyServer {    public static void main(String[] args) throws IOException {        @SuppressWarnings("resource")        ServerSocket server = new ServerSocket(4444

原创 用cmd如何打包.jar文件

运用cmd打包.jar文件示例 1：将两个类文件归档到一个名为 classes.jar 的归档文件中：       jar cvf classes.jar Foo.class Bar.class示例 2：使用现有的清单文件 "mymanifest" 并           将 foo/ 目录中的所有文件归档到 "classes.jar" 中：       j

原创 mysql的使用笔记

、创建数据库：create database db;导入数据库source D:\test.sqls对表的操作：创建表前先进入表use mydb1;create table employee(id int,name varchar(20),gender varchar(4),birthday date,Entry_date date,job va

原创 如何导出mysql数据库

mysqldump -uroot -p online_course_selection_system>d:\data.sql