JohnWakeman20-CSDN博客

原创 node连接mysql

node连接mysql说到node，可能大家会想到MongoDB作为数据库，这里将会介绍node与mysql的连接，并分享了封装好的实例代码。安装mysql模块npm install mysql -gnpm list -g --depth 0//查看模块安装情况我这里是安装好的截图连接mysqlconst mysql = require('mysql');const co...

2019-06-06 16:29:05 583

原创 Vue插槽(slot)详解

插槽是Vue中很重要的一部分，官方文档的这一小节对初学者还是不太友好…总结一下，插槽可以分为几点：1.插槽内可以放置的内容2.默认插槽3.具名插槽4.插槽作用域一.插槽的内容一句话：插槽内可以是任意内容。先看一下下面的代码：声明一个child组件，如果现在我想在这个组件内放置一些内容，结果会是怎样？<div id="#app"> <child><...

2019-06-01 16:12:30 400

转载 cookie和session

这些都是基础知识，不过有必要做深入了解。先简单介绍一下。二者的定义：当你在浏览网站的时候，WEB 服务器会先送一小小资料放在你的计算机上，Cookie 会帮你在网站上所打的文字或是一些选择，都纪录下来。当下次你再光临同一个网站，WEB 服务器会先看看有没有它上次留下的 Cookie 资料，有的话，就会依据 Cookie里的内容来判断使用者，送出特定的网页内容给你。 Cookie 的使用很普...

2019-04-15 10:56:39 128

原创将rgb格式转换为#xxxxxx的16进制格式

在CSS中经常要将rgb()格式转换为16进制格式，我是通过正则表达式来实现的。function rgb2hex(sRGB) { let re = /rgb\((\d+),\s*(\d+),\s*(\d+)\)/, ret = sRGB.match(re), head = "#"; if(!ret) return sRGB; else {...

2019-04-10 21:35:54 6241

原创函数防抖和函数节流

函数防抖：多次触发事件后，事件处理函数只执行一次并且在触发结束时执行。比如客户端用户上传或下载数据时，在用户多次点击只触发一次。function debounce(method, delay) { let timer; return function () { let args = arguments; timer && clearTimeout(timer...

2019-04-04 16:33:49 135

原创 HTML5 canvas画板

HTML5的canvas实现简单的画板功能，有时间可以再完善一下。window.onload =function () { var canvas = document.getElementById('myCanvas'),iLastX,iLastY,iX,iY, mouseIsDown, cxr = c...

2019-03-19 21:41:04 759

原创数组去重

数组去重var arr = [1, 2, 3, 3, 2, 1];//将数组去重变成[1, 2, 3]直接上代码 Array.prototype.unique = function () { var temp = {}, arr = [], len = this.length; for(var i = 0;...

2019-03-11 14:09:18 193

原创关于类数组

关于类数组 function test() { console.log(arguments); //arguments.push(7); } test(1, 2, 3, 4, 5, 6); //[1, 2, 3, 4, 5, 6, 7,]此处的arguments就是一个类数组，它看起来像数组，但不具备数组的方法，如push()和spl...

2019-03-11 12:35:01 163

原创 JS实现对象属性的克隆

原生JS实现对象属性的克隆。浅层克隆实现步骤如下：1.判断是不是原型链上的属性2.属性的克隆 function clone(origin, target) { var target = target || {}; for(var prop in origin) { if (origin.hasOwnProperty(prop))...

2019-03-10 14:55:44 1101

原创写一个小的迭代器

在 JavaScript 中定义一个迭代器对象，它提供了一个next() 方法，用来返回序列中的下一项。迭代器一旦被创建，就可以反复调用next()。function Iterator(arr) { var index = 0; return { next: function () { if (index...

2019-03-07 17:03:26 227

原创如何取得原生JS textarea标签的值

textarea是双标签，无法添加value属性如<textarea name=" " id="text_area" value=" "> </textarea> 是错误的赋值方法document.getElementById("text_area").value；可以取得它的值...

2019-02-02 21:52:01 1910

JohnWakeman20的博客