Rainux

Code is never die ! 写前端的朋友不知道如何拓展自己在后端的能力，那么 nodejs 是你的不二选择，废话不多说，直接进入正题。 这里我演示的是 nodejs+mysql，别的数据库也类似。 首先我们需要做两件事，下载 nodejs 和 mysql 安装，这些基本知识略过。 接着新建一个文件夹，在此文件夹下打开 cms,或者 vscode 的终端，输入 node init 初始化一个项目，输入一些基本信息。 然后我们还需要安装以下包到–save 下 express 和 mysql 这两个包是最主要的，稍后再讲其他包的作用。 在这里我要阐明一个事实，这里的 mysql 是操作 mysql 数据库的一个 js 插件，并不是数据库软件，npm 下载的包都是一些 js 的插件包。 好了，接下来和我一步步向下操作就可以了。 在文件夹下新建一个 index.js 文件，当然别的名字也可以，这个文件是你整个程序的入口。 键入以下代码： 80 代表的是你的端口号，然后在终端或者 cms 输入 node index.js，在浏览器里打开 localhost 就可以看到了，或者 127. ...

Code is never die！ 前言使用 jsPlumb 这个组件本身还不错，使用方便、入门简单、轻量级，但是使用一段时间下来，发现一些弊病，比如组件不太稳定，初始进入页面的时候连线的样式有时会乱掉，刷新页面之后才能恢复正常，而且连线样式比较单一，容易让人产生视觉疲劳，加之最近公司在大力推行所谓的“工业 4.0”，除了对自动化控制要求的提高之外，对这种图形化界面的要求也随之提高，所以单纯的 jsPlumb 组件效果已经不能满足日益发展的公司业务。基于以上种种，最终找到了 Gojs 组件，它效果强大、api 丰富，唯一的不足就是这个组件是一个收费组件，可是在天朝，嘘…这是个不能说的秘密！ 一、组件效果预览先来两个炫酷点的效果：就最下面两个效果而言，就是 jsPlumb 无法实现的，可是这种效果在 MES 系统里面是很吸引人的，尤其是一些流程性的业务，用这种效果实现让可以一眼就感觉高大上了。并且咋一眼看上去，你根本都不相信这是一个 web 页面的效果。 其他效果示例：可折叠的树：这是图片吗？竟然还可以生成图表！想抢 visio 的饭碗吗？更多示例可查看GoJS 二、初次接触老规矩，还 ...

PS:听个歌吧！原谅我，Blog 的网站记录生活确实样式难看了些，后续持续改进哈，变得漂漂亮亮的，希望有个地方能够记录我们大学的点滴，收录了部分照片相册，大家留存的可以发给我保存下来大家一起回忆！ 曾经毕业季我们是过客，现在毕业季我们是主角。 2017 年夏，如果说，你是海上的烟火，我是浪花的泡沫…… 伴随着烟火，我们都是追光者，来到了这座有光的大学——河南工业大学，郑州，河南。 故事的开始在进入群聊那一刻，注定未来的四年你是甩不掉我们滴。我们四年的相爱相杀拉开序幕。 第一次聚餐，座无虚席，单纯而简单，若老友相聚，真挚美好，结伴而归； 第一次荣誉，心理趣味运动会，感动亦感谢，一群最可爱的人儿； 第一次上课，慌乱寻不见教室，时间尚早不要慌，答抢不到首排座位，那时的我们简单而可爱； 第一次过圣诞节，这是我最有心的一次了，大爱你们！ 第一次烧烤，没有助攻，全是主攻，耀哥的”灵魂烤串王“，天在喷火，但快乐最大； 第一次 DIY 轰趴，玉杰的酸奶水果捞、炸虾片，一起看《千与千寻》，一起吃火锅…… 第一次上榜共青团中央的团日活动，激动了好一会，”人人喂我，我为人人“； 第一次操场，零食遍 ...

Code is never die ! 1.0 函数的定义方式 方式1： 函数声明方式 function 关键字 (命名函数) function fn(){} 方式2： 函数表达式(匿名函数) var fn = function(){} 方式3： new Function() （函数也是对象，所以可以new）（了解） var f = new Function('a', 'b', 'console.log(a + b)');f(1, 2);var fn = new Function('参数1','参数2'..., '函数体') 注意： Function 里面参数都必须是字符串格式 第三种方式执行效率低，也不方便书写，因此较少使用 所有函数都是 Function 的实例(对象) 函数也属于对象 2.0 函数的调用/* 1. 普通函数 */function fn() { console.log('人 ...

Header： 原创不易，还请大家不吝指导赐教，Code is never die！ ps：本着让更多人不止解决问题，更能够学到一点点方法的目的。 今天给大家分享一下 JavaScript 中最实用的方法之一——reverse()。 一、简单用法相信身为前端工程师或者正在成为前端工程师的小伙伴都对它并不陌生，甚至非常熟悉，主要作用就是用于颠倒数组中元素的顺序，这里举个例子： var arrData = ['I', 'like', 'your', 'voice'];console.log(arrData); // ["I","like","your","voice"]var arrData2 = ['I', 'like', 'your', 'voice'];console.log(arrData2.reverse()); // ["voice ...

Code is never die ! 1. 对象对象是由属性和方法组成的：是一个无序键值对的集合,指的是一个具体的事物 属性：事物的特征，在对象中用属性来表示（常用名词） 方法：事物的行为，在对象中用方法来表示（常用动词） 2. 类2.1 类介绍 在 ES6 中新增加了类的概念，可以使用 class 关键字声明一个类，之后以这个类来实例化对象。 类抽象了对象的公共部分，它泛指某一大类（class）对象特指某一个，通过类实例化一个具体的对象 类，对象，面向对象总结： 类抽象了对象的公共部分，它泛指某一大类（class） 对象特指某一个，通过类实例化一个具体的对象 面向对象的思维特点: 抽取（抽象）对象共用的属性和行为组织(封装)成一个类(模板) 对类进行实例化, 获取类的对象 实例：实际的例子，对象 实例化：通过类的构造函数，来创建对象，实例 2.2 创建类//步骤1 定义类：使用class关键字class name { // class body}//步骤2 创建实例：使用定义的类创建实例 注意new关键字var xx = new name( ...

Code Is Never Die ! 代码行中已标注实现点击行展开，并且自动收起其他行的相关设置和代码。 el-table表格是绑定在vue实例上的，相关配置、绑定数据、事件 将这三部分可以直接Copy到自己的项目相关位置，无需修改可以直接使用 ! 1. el-table 相关配置 :row-key="getRowKeys" // 每一行的唯一key值:expand-row-keys="expands" // 设置目前的展开行(须同时设置row-key)@expand-change="expandSelect" // 对某行展开/关闭触发@row-click="clickTable" // 点击单行事件 2. 绑定数据 // 展开行,数组形式expands: [],// 每行的唯一key值 用其id表示getRowKeys(row) { return row.id;}, 3. 点击行与展开事件 // 点击行展开事件 clickTable(row, index, e) &# ...

Code is never die ! //终端安装插件npm install -g hotnode 直接展示错误地方：点击下划线处部分进入 hotloader.js 中（长按 ctrl+鼠标点击）进入自动定位到下方位置修改代码util.print ->console.log保存，重新跑项目 最终成功跑项目：Ending…

Code Is Never Die ！ 今天我们一起揭开JS中正则表达式的神秘面纱！ 1. 正则表达式概述1.1 什么是正则表达式 正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式 在JavaScript中，正则表达式也是对象 正则表通常被用来检索、替换那些符合某个模式（规则）的文本， 例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。 此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等 。 其他语言也会使用正则表达式，本阶段我们主要是利用JavaScript 正则表达式完成表单验证。 总结：正则表达式：是由特殊字符组成的式子，用于匹配字符串。 1.2 正则表达式的特点 灵活性、逻辑性和功能性非常的强 可以迅速地用极简单的方式达到字符串的复杂控制 对于刚接触的人来说，比较晦涩难懂。比如：^\w+([-+.]\w+)*@\w+([-.]\w+).\w+([-.]\w+)$ 实际开发，一般都是直接复制写好的正则表达式。 但是要求会使用正则表达式并且 ...

Code Is Never Die ! 今天我们一起揭开JS中ES6的神秘面纱！ 1. ES6相关概念（★★）1.1 什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 ES6 实际上是一个泛指，泛指 ES2015 及后续的版本。 1.2 为什么使用 ES6 ?每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方。 变量提升特性增加了程序运行时的不可预测性 语法过于松散，实现相同的功能，不同的人可能会写出不同的代码 2. ES6新增语法2.1 let（★★★）ES6中新增了用于声明变量的关键字 2.1.1 let声明的变量只在所处于的块级有效 if (true) { // 大括号可以形成块级作用域 let a = 10; }console.log(a) //报错: a is not defined 注意： 使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性。 好处 : 可以防止循环变量变成全局变量 : ...