jayJunG-CSDN博客

原创 node项目实战-用node-koa2-mysql-bootstrap搭建一个前端论坛

前言在学习了koa2和express并写了一些demo后，打算自己写一个项目练练手，由于是在校生，没什么好的项目做，即以开发一个前端论坛为目标，功能需求参照一下一些社区拟定，主要有：登录注册个人信息维护、头像等基本信息发表文章，富文本编辑器采用wangEditor插件，编辑、删除文章,文章分类等文章评论、文章收藏、点赞等支持文章分页、评论分页加载关注取关用户资源（文件）上传分享、下载、查看学习资源...

2018-05-06 14:56:58 1990 1

原创封装一个无缝图片轮播组件

图片轮播在我们的前端开发中是非常常见的，下面是自己写的一个图片轮播组件，支持自动轮播，手动轮播，无缝衔接。dom结构首先是dom结构，将所有内容放入一个大盒子，应用ul标签存放图片列表，圆点定位图片位置。 <div id="box"> <ul id="banners"> <li class="banners-img"&..

2018-03-31 21:52:42 1449 1

转载前端性能优化清单

代码层面：避免使用css表达式，避免使用高级选择器，通配选择器。缓存利用：缓存Ajax，使用CDN，使用外部js和css文件以便缓存，添加Expires头，服务端配置Etag，减少DNS查找等请求数量：合并样式和脚本，使用css图片精灵，初始首屏之外的图片资源按需加载，静态资源延迟加载。请求带宽：压缩文件，开启GZIP，代码层面的优化用 hash-table 来优化查找少用全局变量用 innerH...

2018-04-08 21:11:37 127

转载前端性能优化-回流和重绘

简要：整个在浏览器的渲染过程中（页面初始化，用户行为改变界面样式，动画改变界面样式等）reflow(回流)和repaint(重绘) 会大大影响web性能，尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。什么是reflow和repaint？浏览器在加载页面时要花时间、花精力去渲染html文档，尤其是当它发现某个部分发生了点变化影响了布局，需要倒回去重新渲染，该过程称...

2018-04-08 21:03:37 197

转载 Promise讲解

我们先看一个最简单的Promise例子：生成一个0-2之间的随机数，如果小于1，则等待一段时间后返回成功，否则返回失败：function test(resolve, reject) { var timeOut = Math.random() * 2; log('set timeout to: ' + timeOut + ' seconds.'); setTimeout(fu...

2018-03-31 22:27:38 229

转载编写一个通用的事件监听函数

var Event = { // 页面加载完成后 readyEvent : function (fn) { if (fn == null) { fn = document; } var oldonload = window.onload; if (typeof window.onload != 'function...

2018-03-30 20:51:49 822

原创 jsonp跨域请求原理剖析

什么是跨域在讲jsonp跨域访问之前有必要先讲一下什么是跨域，所谓的跨域就是跨域名，跨端口，跨协议，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。如下：http://www.123.com/index.html 调用 http://www.456.com/server.php （主域名不同:123/456，跨域）http://abc...

2018-03-29 20:29:56 246

原创深入理解javascript的浅拷贝与深拷贝

javascript中的浅拷贝与深拷贝，只是针对复杂数据类型（Object，Array）的复制问题。浅拷贝与深拷贝都可以实现在已有对象上再生出一份的作用。要理解javascript中的浅拷贝与深拷贝的区别，这里需要先理解一下栈内存和堆内存：基本类型的数据是存放在栈内存中的，而引用类型（复杂数据类型）的数据是存放在堆内存中的,也就是说，基本类型的复制就是在栈内存中开辟出了一个新的存储区域用来存储新的...

2018-03-25 22:10:08 125

原创玩转javascript---知识点总结

原生事件绑定（跨浏览器），dom0和dom2的区别所谓的0级ｄｏｍ与２级ｄｏｍ事件就是不同版本间的差异，具体的说就是，对于不同的ｄｏｍ级别，如何定义事件处理，以及使用时有什么不同。 0级DOM分为两个，即：一是在标签内写onclick事件，二是在JS写onclick=function（）{}函数DOM0级：<input id="btn" type="button" onclick="cons...

2018-03-25 21:33:44 217

jayjj214的博客