糖醋闷油瓶的博客

TITLE : CATRIHTEXTDESC : 一个灵活的富文本编辑器文件结构：1.catRichText.base.js-富文本编辑的基础，提供了富文本最为基础的能力2.catRichText.tool.js-基于base的工具方法提供者3.catRichText.main.js-基于base，tool的真正的自定义的富文本组件4.catRichText.css-自定义富文本组件的样式库5.demo.html-调试页面内部依赖结构：main(top) -> too

近期在创业开发一个宠物版的网站，记录一下开发流程，仅供参考。首先是技术选型：前端 ElementUI + 后端 express + 数据库 mysql + 服务器 pm2选型原因：因为我熟悉js，另外比较不喜欢Spring的繁琐配置，所以选择了express框架。当然目前缺点已经显现出来了，太慢了！不过还没到瓶颈，加钱增加服务器配置即可，暂时不用担心。先聊一下目录结构：其中：config.js：所有的配置，例如：文件存储地址等routes：服务端js所在目录，类似于java的

基于Vue2.0的灵活UI组件库——cat-vue

同源CORS

建立自己的React

//下载iframe，隐藏式下载if ($("#down_iframe").length == 0) { let download_iframe = document.createElement("iframe"); download_iframe.id = "down_iframe"; document.body.appendChild(downloa...

大文件展示的一些想法：大文件展示的阻力：1.文件太大無法放入内存中；2.http有時間限制想法：1.判斷文件是否過大，如果過大進入大文件處理程序2.在大文件的情況下，http的請求每次只發送一個適量大小的返回值，同時有字段告知前端是否文件傳送完畢了，如果傳送完畢則結束，如果沒有則循環調用該接口，直到文件傳送結束位置。3.前端需要傳送目前爲止文件讀到哪裏了，後端需要根據位置讀取文件下面的内容...

isWhichBrowser() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = userAgent.indexOf("co...

/** * The bind() method creates a new function that, when called, * has its this keyword set to the provided value, * with a given sequence of arguments preceding any provided when the new funct...

问题：在10亿个数字里面，找出最大的前N个数字。代码：/** * 获取TopN * @param {*} arr 原始数组 * @param {*} topN 需要获取最大值的数量，正整数 */function getTopN(arr, topN) { //链表结构，用来存储topN的信息 //链表结构更容易删除插入 //链表内部元素的结构 {val:0...

带你彻底弄懂Event Loop

html内的模版如何变成代码执行

1 . 完成 extname 函数，它会接受一个文件名作为参数，你需要返回它的扩展名。例如，输入 emoji.png，返回 .png。const extname = (filename) => { /* TODO */ var matchList = filename.match(/.+(\.[a-zA-Z]+)/);//通过正则（）获取后缀 return matchLis...

组件中如何防止调用者形参乱传入

http://merlinlock.coding.me/CATUI/

< input/>定义和用法name 属性规定 input 元素的名称。name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。注释：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。...

一般谈到js中的作用域，则跨不过function这个对象，js的函数都表示为一个对象，具体说就是Function的一个实例。它与其他对象一样，可以进行属性的增加删减等var f = function(){};f.a = 1;这里的a就是可以被直接访问的属性，当然f有一些不能被外部仅供js引擎存取的内部属性，其中一个内部属性为[[Scope]]，这个内部属性包含了一个函数被创建的作用域中对象...

**前端技术小讲**说到前端，html，css与javascript是无法跳过的三个技术点，其中js对于现在emap开发尤为重要，因为大部分的业务逻辑都是写在js文件里面，通过浏览器执行的，而其中js的库jquery更加重要，因为现在不仅仅是emap，公司其他的前端都是基于jquery的。学会了jquery，就可以运用emap进行基础的开发了。本文将从js入手，讲述自己入公司半年来学到的一些浅薄的

JAVASCRIPT:NUMBER类型 本文适合初学js，对js有一些了解，希望可以进一步了解js的人群。 Js中的原始类型有三种：数字（number），字符串（string），布尔值（Boolean），今天我们主要提及的就是number类型。 一．什么是number 顾名思义，number类型就是表示数字，在js里面，数字是不区分什么整形（int）以及什么浮点类型的（float，doubl

上一次我们讲了三大基础类型的number型，今天我开始介绍string类型。 一．什么是string String类型顾名思义就是字符串类型。js里面是不分什么字符以及字符串的，他们统一用string类型表示。 一般string类型是由单引号或者双引号括起来的，但是我建议用单引号，因为js可以直接操作dom，而dom里面的一些样式自定义参数什么的都是需要双引号的，为了少写转义符，所以在这里建议

C：int(整数类型中最为基础的类型) short int/short （比int类型占用空间小的类型） long int/long （比int类型占用空间大的类型） long long int/long long （至少占位64位的int类型） 以上都是有符号类型（加上unsigned则变为无符号类型，此时最高位将不作为符号位）float 至

如下是fLayerV1.0.0的代码，随意使用以及修改，若有什么需求或者建议请评论或私信这里写代码片/*! * fLayer.js v1.0.0 * (c) 2016 Talent * Date: 2016-12-26 * Support Broswer: IE9+ Firefox12+ Chrome4+ safair4+ Opera11.5+ *//** * 参数解释: * w:默

使用时候有问题，请与我联系，谢谢。 代码随便使用/*! * fPopover.js v1.0.0 * (c) 2017 Talent * Date: 2017-03-29 * Support Broswer: IE9+ Firefox12+ Chrome4+ safair4+ Opera11.5+ *//** * @Other:for my girl friend:Fang Hong

java中的this其实指向是十分清晰的，可以分为如下的情况1.在类的内部直接使用 thispublic class Test(){ Test(){ } public void a(){ } public void b(){ this.a(); }}此时这个this 指向的就是这个类的实例（是实例，而不是该类）本身。因为this 表示的

摘要: javaScript中也可以使用 encoding:UTF-8public final class ValidationUtil { private ValidationUtil(){} /** * 手机号的校验 前后空格必须自己去除 * @param phoneNumber * @return */ public ...

文章只讨论内部的方法，至于结构什么的并不在讨论范围以内function DOMEval( code, doc ) { doc = doc || document; var script = doc.createElement( "script" ); script.text = code; doc.head.appendChild( s

1.input元素的上传input若将其type设置为file则可以让我们选择本地的一个或者多个文件进行通过表单提交或者JavaScript的File api进行文件的上传。<input name="myFile" type="file" accept=".jpg,.jpeg,.png" multiple>支持的常用属性accept 该属性表明了服务器端可...

javascript中的this 以上文章中的this解释大同小异，但是内存解释方面有图，能够清晰的看出原理。

[JS事件轮询解释]（http://www.ruanyifeng.com/blog/2014/10/event-loop.html#comment-390185）

最近看了一些关于JS简单复制的东西，以下是一个简单的复制代码/** * 简单的复制到剪切板的js文件 * @param {需要复制的值} value */function clip(value) { if (window == undefined || document == undefined) { throw new TypeError("Can no...

//文档状态的变化 //document是文档 //document.documentElement 是DOM树文档 document.onreadystatechange = function () { console.log(document.readyState); } /** * onload 属性在文档对象加载完成后触发。 * onload 通...