JavaScript


北方有佳人,绝世而独立。一顾倾人城,再顾倾人国。宁不知倾城与倾国,佳人难再得。

  • 2018 文章列表
  • 记录一次工作使用发布-订阅模式的过程
  • 写在前面 设计模式并不属于一个技术范畴,更确确的理解应该是设计模式是一种思维模式 本次使用场景 页面A跳转到页面B,页面B是一个中转页,将会不做停留的跳转的外部C页面,在这个过程中,A、B标签都会在页面底部引入一个log.js文件,用于日志上报服务器,这个js文件中需要发起ajax请求,...
  • 记录一次工作使用防抖动与节流函数的过程
  • 写在前面 在前端页面上,常常需要对一些事件出处理,例如,视窗滚动时,做一些坏坏坏的事情,比如scroll时上报日志到服务器!好吧,其实还是项目需求,在用户华东屏幕到下一屏时做记录,即相当于用户翻页一次上报一次到服务器,记录用户翻页浏览到哪里了… 需求以及解决方案 但凡有一点经验的前端都知...
  • 记录一次在小程序中使用Object.defineProperty的过程
  • 写在前面 小程序的APP周期是异步的,页面的page也是异步的,这样子有期好处,那就是页面不必等待整个应用的数据周期完成后再渲染。 但是他也有造成不好的地方,当一个页面中的数据是依赖APP场景的数据时,就必须等到APP场景数据获取之后再去渲染。小程序有提供回调获取数据的方式来解决,但是在本...
  • app注入javascript实现webview资源表单数据获取与填充
  • 写在前面 在app中嵌入h5页面在webview中,若h5是第三方的页面,此时有机会获取或者填充数据到h5页面中,app可以实现,但是当页面较多时,可以通过在viewview中注入js来实现 需求 公司与银行合作,在app中注入银行信用卡申请页面,老板灵机一动,脑中灵光一闪,想到,如果,...
  • 2017 文章列表
  • Webpack + Vue + Vue-Router + Vuex + Express博客管理系统
  • 写在前面 不得不说,Vue相对于React来说学习曲线是更加平滑的一个框架,初上手React的第一感觉是“犀利”,初上手Vue的第一感觉确实“温文尔雅”。若说最近前端框架的绝对双骄那便是React和Vue了,个人而言,React是“翩若惊鸿,碗若游龙”,Vue便是“陌上人如玉”了。 为什么...
  • Webpack + React + React-Router + React-Redux + Express搭建前后端分离项目
  • 写在前面 还在等后端同学的接口?前后端分离吧! 为什么要前后端分离? 前后端分离将会是之后web开发的一个趋势,这也是前端开发者必须学习的工作方式. 此前开发中,公司的种种原因并未实现前后端分离的方式,前端狗的我只能默默的等待,到后等不了了,就用mockjs模拟了后端接口,但是,依然觉...
  • 前后端分离利器之json-server和mockjs
  • 写在前面 前后端分离是一种优秀的分工模式,前端开发不受后端API开发进度的影响,可脱离后端进行。实现前后端分离的一个关键点是前端需要有模拟的数据接口供前端调用,再平实开发中,若数据量比较少或者不太复杂,那么可以直接使用json文件来模拟,但是遇到需要大量的数据或者比较复杂的表结构,json就...
  • HTML5之SessionStorage和LocalStorage
  • 写在前面 在HTML之前,主要的缓存是依靠Cookie,Cookie一般用于服务器与客户端之间的缓存读取,且一般应用于小规模的缓存处理,在一定程度上也加大了服务器的压力,HTML5定稿后,客户端的缓存处理方案也就应运而生。 SessionStorage和LocalStorage则是HTML...
  • 原生JavaScript实现JSONP跨域
  • 写在前面 我们常常使用到Ajax与后端实现异步数据交互,Jquery对 Ajax和JSONP实现的跨域做了很好的封装,但有时候,我们并不需要Jquery,那么用原生实现Ajax以及JSONP的跨域就很有必要了。 JSONP原理 JSONP即JSON + Padding实现跨域请求方式,简...
  • 原生JavaScript实现Ajax
  • 写在前面 我们常常使用到Ajax与后端实现异步数据交互,Jquery对 Ajax和JSONP实现的跨域做了很好的封装,但有时候,我们并不需要Jquery,那么用原生实现Ajax以及JSONP的跨域就很有必要了。 Ajax Ajax是一种无需刷新的整个页面的数据请求方式,其技术核心是XML...
  • 常用array-js
  • 写在前面 转眼已是一年,I’m back! 为什么封装自己的js方法 可复用,易维护! 数组去重 ES5-方法一 /* * 1 构建一个新数组用于存放结果 * for循环每次从元数组中取出一个元素与结果数据对比 * 若结果数组中无该元素,则将该元素存放至结果数据中 * 缺点,不能去除...
  • 常用dom-js
  • 写在前面 转眼已是一年,I’m back! 为什么封装自己的js方法 jquery已经为前端开发者提供的大量经过封装的api,将劳苦大众从繁杂的js兼容中解救出来,所以也难怪jquery曾经风靡一时,但,我们也许并不需要时时刻刻都需要引入jquery到我们的项目中去,比如,很多时候也只是...