- 博客(49)
- 收藏
- 关注
RSS订阅原创 node时间格式化
const moment = require('moment');let time = moment（'时间戳'）.format("'YYYY-MM-DD HH:mm:ss'");console.log(time);//正常可读时间
2018-12-25 13:22:22
3071
原创 express中获取get路由
前端url请求： ‘/community/getCreatedCom’后台：server.get('/community/:id',function(req,res){ let id = req.params.id; if(id=="getCreatedCom") { console.log('getCreatedCom'); }}) ...
2018-12-25 10:55:01
495
原创 png图片转换为ico图标
1.先将png图片保存为bmp格式文件（可以用电脑自带的画图工具或ps导出都行）2.将bmp直接改为ico，即可将png图片转换为ico图标
2018-12-24 21:42:52
6262
1
原创 node获取请求头里的cookie
var express = require('express');var cookieParser = require('cookie-parser');var app = express();app.use(cookieParser())req.cookies['cookieName']
2018-12-24 21:27:43
2869
原创 解决node接收图片base64格式问题：PayloadTooLargeError: request entity too large
1、问题：前端将图片转换为base64格式字符串发送到后台（环境node），出现：PayloadTooLargeError: request entity too large前端收到后台 413（Payload Too Large）2、原因/解决：nodejs 做为服务器，在传输内容或者上传文件时，系统默认大小为100kb，这时，我们需要修改系统限制。我们在server....
2018-12-24 20:47:36
5679
原创 愿世界温柔待你，等你披荆斩棘荣光归来。ofo加油
小黄车就好比这家公司的巧克力豆。它的到来改变了人们的出行方式，每个人都能享受它带来的便利。如今小黄车有难，希望我们能给予宽容和帮助，更希望小黄车能顺利度过低谷。校园人一直都在，这里永远是小黄车驰骋的家园。ofo加油！！...
2018-11-29 18:10:14
314
原创 ofo稳住啊
ofo 稳住啊，校园里一起骑过的小黄车，稳住！https://weibo.com/ttarticle/p/show?id=2309404311381548640922
2018-11-28 21:24:55
123
原创 用react写了个轮播组件，哈哈哈，hin不一样
最近用react模拟一个网站的首页，顺便模仿着写了个轮播组件。代码如下：const React = require('React');class Banner extends React.Component { constructor(props){ super(props); this.state = { /* ...
2018-11-22 16:02:41
1466
原创 css3使原图变亮
{-webkit-filter: brightness(150%);filter: brightness(150%);}
2018-11-21 13:02:24
1551
2
原创 socket聊天室增加文件上传与下载功能
新增功能：自定义表情包上传，群文件上传与下载。其实总结就增加了一个功能：文件上传。操作指示：点击“上传文件”可以选择任何类型的文件，如果是图片格式则直接作为图片输入到对话框，如果是其他文件类型则添加到群文件。另外点击文件名即可下载文件。.大致如下图所示：既然截了图那就截全套，哈哈哈哈。代码已更新至github: https://github.com/COMINGLIU/sock...
2018-07-18 12:23:37
2352
1
原创 socket聊天室新增头像上传，表情包上传功能
接着上次的写，这次表情功能实现啦。大概效果图如下：代码最新版：https://github.com/COMINGLIU/socket-chat-online/tree/master/chat2
2018-07-17 15:44:48
1425
原创 socket聊天室实现啦
最近新get了一招，先上图：看到这是不是很熟悉呢，有没有一种想拿鼠标拖一拖的错觉呢。没错它就是模仿了qq群聊的样式，不过功能暂时不多只能发文字。这个在线聊天室使用了web-socket协议的功能并以node.js为后台进行编写，具体实现的机制是： 每个用户向进入界面后将与服务器连接，连接成功后用户向服务器发送的消息将被广播到所有正在连接该服务器的用户（即把该消息发送到连接到服务器...
2018-07-15 12:25:50
2700
原创 简易版可视化信息库
最近实验课让用java多个后台,链接数据库进行增删改查，琢磨着写了一下，顺便加了一个功能：ajax获取后台数据动态渲染，分页查询无需刷新页面。直接上图。功能：（1）图一中表1填入数据回车插入数据库，表2填入用户名删除数据库中对应的信息。（2）点击“ajax”请求后台数据，在控制台打印所有信息。其实没啥用，就是为了好玩。“查看数据库”同样实现了该功能。（3）点击“查看数据库”跳转到图2，点击下方按钮...
2018-05-08 18:48:05
207
原创 解决exel数据导入navicate for MYSQL的中文乱码问题
1.首先把exel表格另存为.csv格式，不然直接导入exel的话会不能正确解析中文。注意有的exel版本在保存处可以选择编码格式一定要选择可以进行中文编码的格式比如“gbk”"utf-8".但必须要与自己电脑上装的MySql版本的编码格式一致否则导入依然是乱码。如果有的版本无法查看保存的.csv格式是什么编码格式，比如我的电脑。建议下载一个notepade(4.5M)。在菜单栏选择编码->...
2018-04-19 15:26:45
689
转载 主流浏览器内核介绍（浏览器内核历史）
内核首先得搞懂浏览器内核究竟指的是什么。浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客...
2018-04-04 18:52:24
260
原创 原生js组合模式实现时钟转动
之前用“面向过程”的方式写过一个转动时钟，今天突然想要用“面向对象”的方式试一试，写完啦！js代码：(function(document) { // 把document保存为局部变量 var doc = document; // 所需元素,timer表示定时器 var ele = { eleHour: doc.getElementsByClassName("h...
2018-04-03 11:58:16
1705
原创 跟轮播杠上了，这次很轻便
之前写过两个懒人轮播，为啥叫懒人轮播呢？因为从轮播图的创建到开始轮播然后切换都是自动完成的，需要做的只是给它指定个位置，向对象init函数中传入些参数（图片长度，宽度，图片数量）即可。有点全自动洗衣机的即视感，不过这样做有一个 缺点，就是dom操作太多，影响了性能。这次不一样了，用animation动画简单实现了个自动轮播，超级轻便呢（前提条件是已知图片张数，但 图片路径未知，就是说可以通过更改...
2018-03-30 19:13:57
164
原创 从浏览器输入网址到显示页面之间发生了什么
好久没有更博了，最近一直忙于春招实习应聘，似乎有些打乱了我的节奏，我觉得还是应该把重心放在学习和记录上，不管有没有实习或者有没有拿到offer，我都一直stand by!言归正传，当你输入一个网址到页面显示在你眼前到底发生了什么，这其实是个比较常见的问题，尤其在前端中，之前看到类似文章时感觉并不能完全看懂，最近学习了计算机网络，也算是融会贯通了吧，在这里写下自己的总结：首先，从全局来讲，当键入一个...
2018-03-29 13:33:49
2084
原创 原生js封装的渐入式轮播插件
之前写了一篇关于“原生js封装的滑动式轮播插件”，一直想着把滑动式改为渐入式，今天终于动手了。虽然很简单，只是把定位改变为透明度为变换目标，但是实现过程中还是有很多细节需要注意。比如：（1）确定下一个将要出现的目标。（2）鼠标移入小点和鼠标进入左右两个btn时需要取消自动轮播，鼠标移出时又开始从此处继续轮播，而不是从上一次轮播被取消时停止的位置开始（因为这样可能会导致回退或超前，很不舒服）。（3）...
2018-03-18 14:54:23
248
原创 grid布局简单记录
grid布局不要太好用！用grid方式写了个简单的布局，代码很简单，记录一下。html代码：<div class="parent"> <div class="child header"></div> <div class="child sideBar"></div>
2018-03-18 10:26:05
195
原创 原生js封装的滑动式轮播插件
最近用单体单例模式写了一个可复用型轮播小插件。功能为——根据可自行设置：轮播图所在区域、图片宽度、图片高度、轮播图片数.自动创建轮播图。实现效果大概如下：github代码地址为：https://github.com/COMINGLIU/-/tree/master/lunbo1实现效果图中由于没有传入图片参数路径，所以将看到每张图都是以随机色进行填充的。写完总结了一下，用到了下列知识点： 1....
2018-03-15 16:59:50
780
原创 在html中使用语义化标签的好处
语义化标签，按照字面意思理解就是“具有特定意义的标签”。好处：1、有意义的标签使得页面结构化，即使去掉css样式页面也能以一种清晰的结构展现。2、根据文档显示结构更易于后期的维护。3、除了人容易理解外，程序和其他设备也可以理解有意义的标签。例如，搜索引擎可以识别出标题行，（因为它被包围在h1中）并给它分配更高的重要度。同时，屏幕阅读器的用户可以依靠标题作为辅助的页面导航。（X）HTML中包含的一些...
2018-03-13 18:09:37
5851
原创 js中跨浏览器的一些事件和 兼容处理
以下是针对标准浏览器和IE一些低版本浏览器的一部分事件处理，所有处理方法均保存为一个函数存放在一个对象字面量中。用时调用即可。var EventUtil = { // 给对象绑定事件 addHandle: function(element,type,fn) { if(element.addEventListener) { element.addEventListener(type,fn); ...
2018-03-03 17:53:55
385
原创 js中一个函数处理多个事件的方式
通常可能需要给某个元素绑定多个事件处理程序，此时普通法办法是一个一个绑，但下边有一个更高大上的方法，就是利用event.type属性。将所有事件的实现全部放在一个函数中，然后用event.type判断对象绑定的事件类型。var oBox = document.getElementById("box");var handle = function(e) { e = e||window.e; swit...
2018-03-03 17:32:19
2568
原创 js中事件绑定的几种方式
事件处理程序即给元素绑定事件的方式有下列几种：HTML事件处理程序、DOM0级事件处理程序、DOM2级事件处理程序、IE事件处理程序、跨浏览器事件处理程序。其实这些方式就是一个逐步优化和实现跨浏览器的过程。1、HTML事件处理程序：直接在html的标签中添加事件属性，例如：<div onclick="fun()"></div>这样做很是不好，有下列两大缺点，这也是如今在开发...
2018-03-03 15:12:01
5509
原创 DOM事件操作优化2——移除事件处理程序
上一篇博客中谈到使用事件委托技术操作DOM事件，减少事件处理程序对内存的占用，并且减少了DOM访问时间。极大的优化了性能。然而除了这种技术外，还可以通过“移除事件处理程序”来移除无用事件处理程序与元素的绑定从而释放内存达到内存重用的目的。注意：事件就是用户或浏览器自身执行的某种动作，诸如click mouseover mouseenter……,都是事件的名字。而事件处理程序就是相应某个事件的函...
2018-03-03 13:49:04
449
原创 DOM事件操作优化1——事件委托
1、事件处理程序的内存和性能影响： 在js中DOM事件绑定可以与用户进行各种各样的交互，处理很多事情。但在页面中添加过多的时间处理程序将直接影响到页面整体的运行性能。原因：首先每个函数都是一个对象，都会占用内存（对象存储在堆内存中）；内存中的对象越多，性能越差。其次，必须事先指定所有事件处理程序而导致的DOM访问次数会延迟整个页面的交互就绪时间。 ...
2018-03-03 13:19:54
213
原创 简单实现跨域js通信
当一个页面中包含来自其他子域的框架或内嵌框架时，由于跨域安全限制，来自不同子域的页面无法通过js通信。解决：通过将每个页面的document.domain设置为相同值，这些页面就可以相互访问对方包含的js对象了。例如：有一个页面加载自www.jd.com。其中包含一个加载自www.tmall.com的内嵌框架。由于两个页面的document.domain的字符串不一样，内外两个页面之间无法相互访问...
2018-03-02 14:13:11
232
原创 简单理解闭包的原理
首先闭包表示有权访问另一个函数作用域中的变量的函数，常见的创建闭包的方式是在一个函数中创建另一个函数。要了解闭包的原理首先要了解函数作用域，接下来从函数作用域推广到闭包的原理。1、当某个函数被调用时，会创建一个执行环境及相应的作用域链。然后使用arguments和其他参数的值来初始化函数的活动对象。但在作用域链中，外部函数的活动对象始终处于第二位， 外部函数的外部函数的活动对象处于第三位，……以此...
2018-03-01 16:52:05
4844
原创 js中递归写法的逐步优化
递归有很多用法例如阶乘、二分查找等，这里以阶乘来做范例。1.原始的递归表达式通常这样写： function fun(num) { if(num<=1) { return 1; }else { return fun(num-1); } } 但是这种写法有一个问题：当函数名复制给其他的变量，然后将该函数名复制为其他值或null，执行被赋值的变量函数，则函数实...
2018-02-28 13:14:06
1861
原创 js谈继承
在js中继承有三种方法：原型链继承、借用构造函数继承、组合继承。同样前两者都有一定的弊端，组合继承则解决了前两者的不足和结合了它们的优点。这里逐步讲解。（1）原型链继承：利用原型让一个引用类型继承另一个引用类型的属性和方法。让原型对象等于另一个类型的实例，此时的原型对象将包含一个指向另一个原型的指针，相应的，另一个原型中也包含指向另一个构造函数的指针。加入另一个原型又是另一个原型的实例，上述关系依...
2018-02-27 19:04:40
118
原创 在js中创建对象的方法
对象：在js中，ECMA-262把对象定义为是无序属性的集合，其属性包括基本值，对象或函数。可看作散列表，表内是一组没有特定顺序的值，对象的每个属性都映射到一个值。每个对象都是基于一个引用类型创建的，这个引用类型可以是原生类型，也可以是开发人员自定义的类型。在js中创建对象有四种方式：工厂模式、构造函数模式、原型模式、组合使用构造函数模式和原型模式前三种方式都有一定的弊端，组合模式是结合前两种模式...
2018-02-27 18:15:18
794
原创 js中 基本包装类型
为了便于操作基本类型，ECMAScript还提供了3个特殊的引用类型Boolean、Number、String。这些类型与其他引用类型形似，但同时也具有各自的基本类型相应的特殊行为。实际上，每当读取一个基本类型值时后台就会创建一个相应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据。eg: var str1 = "abcs"; var str2 = str1.concat();/...
2018-02-26 17:34:18
188
原创 js中数组检测
方法1：检测数组，在ECMAScript3中，对于一个网页或一个全局作用域而言，使用instanceof即可： if(arr instanceof Array) {}问题：（1）它假定只有一个全局执行环境，如果网页中包含多个框架，那实际上就存在两个以上不同的执行环境，从而存在两个及以上不同的Array构造函数。如果你从一个框架向另一个框架传入一个数组，那么传入的数组与第二个框架中原生创建的数组分别...
2018-02-26 14:37:04
145
原创 js严格模式注意点
严格模式：1、ECMAScript5引入了严格模式的概念，严格模式是为javascript定义了一种不同的解析和执行模型。在严格模式下，ECMAScript3中的一些不确定的行为将得到处理，而且对于某些不安全的操作也会抛出错误。要在整个脚本中启用严格模式，可以在顶部添加代码"use strict";function fn(){ "use strict"; //执行代码}2、严格模式下，javasc...
2018-02-22 00:09:20
416
原创 js文档模式之混杂模式与标准模式
为什么会存在这两种文档模式呢？答案是：当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容，所以他们创建了两种表现模式：标准模式和混杂模式。1、文档模式是IE5.5引入的概念，这个概念是通过使用文档doctype实现的。（1）混杂模式：以一种先后兼容的方式显示，会让IE的行为与IE5相同,IE5包含非标准特性，以防止老站点无法工作。（2）标准模式：让IE的行为更接近标准行为，IE6及以上...
2018-02-22 00:08:19
1839
原创 js使用外部文件包含js的好处
在html文档中嵌入js脚本的方式有两种，一种是内部嵌套，另外一种是使用外部脚本链接，此处讲解使用后者的好处。（1）可维护性：遍及不同HTML页面的javascript会造成维护问题，但把所有js文件都放在一个文件夹中维护起来就轻松多了。而且开发人员因为也能够在不触及HTML标记的情况下集中精力编写js代码（2）可缓存：浏览器能够根据具体的设置缓存链接的所有外部js文件，也就是说，如果有2个页面都...
2018-02-22 00:07:22
2679
原创 深入理解js中函数的参数
ECMAScript函数的参数与大多数其他语言中函数的参数有所不同，ECMAScript函数不介意传递进来多少个参数，也不在乎传进来的参数是什么类型，也就是说，即便你定义的函数只接收两个参数，在调用这个函数时也未必一定要传递两个参数。可以传递一个、三个甚至不传递参数。原因：ECMAScript中的参数在内部是用一个数组来表示的，函数接收到的始终都是这个数组，而不关心数组中包含哪些数值。可以通过ar...
2018-02-22 00:06:43
292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人