前端性能监控的基本介绍
Joker
•
•
前端笔记 •
171 阅读
个人博客-蚊子-前端博客Sat, 04 Mar 23 10:50:37 +0800https://www.xiabingbao.com/蚊子在前端开发工作中的总结蚊子- <![CDATA[前端性能监控的基本介绍]]>https://www.xiabingbao.com/post/fe/fe-monitor-rqz6kd.htmlSat, 04 Mar 23 10:50:37 +0800https://www.xiabingbao.com/post/fe/fe-monitor-rqz6kd.html<![CDATA[我们主要介绍下前端性能监控的目的、指标，和一些基本的实现思路。]]>
- <![CDATA[React 中如何自定义和封装 hooks]]>https://www.xiabingbao.com/post/react/react-hooks-rqwi9a.htmlFri, 03 Mar 23 00:10:22 +0800https://www.xiabingbao.com/post/react/react-hooks-rqwi9a.html<![CDATA[React中内置的hooks无法满足我们的业务，我们应该如何封装一些适合的hooks呢？]]>
- <![CDATA[基于 localStorage 实现有过期时间的存储方式]]>https://www.xiabingbao.com/post/fe/local-expired-storage-rqstpj.htmlWed, 01 Mar 23 10:23:18 +0800https://www.xiabingbao.com/post/fe/local-expired-storage-rqstpj.html<![CDATA[我们介绍下如何基于 localStorage 实现有过期时间的存储方式！]]>
- <![CDATA[2023 年最新最全的 React 面试题]]>https://www.xiabingbao.com/post/react/react-interview-rqoyyx.htmlSun, 26 Feb 23 22:30:33 +0800https://www.xiabingbao.com/post/react/react-interview-rqoyyx.html<![CDATA[React 作为前端使用最多的框架，必然是面试的重点，我在这里汇总了一些常见的面试题。]]>
- <![CDATA[去掉数组中连续的数字]]>https://www.xiabingbao.com/post/algorithm/eliminate-digit-rq0xd1.htmlMon, 13 Feb 23 22:53:25 +0800https://www.xiabingbao.com/post/algorithm/eliminate-digit-rq0xd1.html<![CDATA[去掉数组中连续的数字，我又称之为「数组消消乐」]]>
- <![CDATA[如何通过企业微信发送消息通知]]>https://www.xiabingbao.com/post/infrastructure/wxwork-notice-rpur2t.htmlFri, 10 Feb 23 15:26:52 +0800https://www.xiabingbao.com/post/infrastructure/wxwork-notice-rpur2t.html<![CDATA[企业微信为我们提供了多种消息通知的方式，每种方式都有哪些特点，怎么接入呢？]]>
- <![CDATA[再见2022，你好2023]]>https://www.xiabingbao.com/post/summary/2022-sumary-rpo3hd.htmlThu, 09 Feb 23 15:33:18 +0800https://www.xiabingbao.com/post/summary/2022-sumary-rpo3hd.html<![CDATA[类似的标题，不一样的心情]]>
- <![CDATA[React18 源码解析之 useState 的原理]]>https://www.xiabingbao.com/post/react/react-usestate-rn5bc0.htmlTue, 20 Dec 22 00:04:48 +0800https://www.xiabingbao.com/post/react/react-usestate-rn5bc0.html<![CDATA[useState()是我们最常用的hooks之一，主要是为了存储数据和更新视图的状态。]]>
- <![CDATA[建立以企业 IM 为中心的沟通协作模式]]>https://www.xiabingbao.com/post/f2e/enterprise-im-rlzp9q.htmlMon, 28 Nov 22 22:30:12 +0800https://www.xiabingbao.com/post/f2e/enterprise-im-rlzp9q.html<![CDATA[如果有条件的话，一定要更换成企业级的沟通协作软件，比如企业微信、钉钉、飞书等。因为这些企业 IM 不只是单纯的聊天沟通，他更是一个完整的协作平台。]]>
- <![CDATA[React18 源码解析之 useRef]]>https://www.xiabingbao.com/post/react/react-useref-rjpa5p.htmlFri, 14 Oct 22 00:38:57 +0800https://www.xiabingbao.com/post/react/react-useref-rjpa5p.html<![CDATA[useRef()这个 hook，可以用来存储任何类型的数据]]>
- <![CDATA[React18 源码解析之 hook 的依赖项更新机制]]>https://www.xiabingbao.com/post/react/react-hook-deps-equal-rjpa3v.htmlFri, 14 Oct 22 00:35:55 +0800https://www.xiabingbao.com/post/react/react-hook-deps-equal-rjpa3v.html<![CDATA[在如 useEffect(), useMemo(), useCallback() 等 hooks 中，第 2 个参数是依赖项，那么这些 hooks 是如何根据依赖项进行更新的呢]]>
- <![CDATA[React18 源码解析之 useCallback 和 useMemo]]>https://www.xiabingbao.com/post/react/react-usecallback-usememo-rjp9zn.htmlFri, 14 Oct 22 00:33:23 +0800https://www.xiabingbao.com/post/react/react-usecallback-usememo-rjp9zn.html<![CDATA[本篇文章我们主要了解下 useCallback 和 useMemo 是如何来优化React组件的。]]>
- <![CDATA[React18 源码解析之 hooks 的挂载]]>https://www.xiabingbao.com/post/react/react-hooks-rjp9x1.htmlMon, 17 Oct 22 23:29:06 +0800https://www.xiabingbao.com/post/react/react-hooks-rjp9x1.html<![CDATA[我们终于开始要了解 React 中 hooks 的用法，不过我们得先知道React是如何引用hooks的]]>
- <![CDATA[React18 源码解析之 key 的作用]]>https://www.xiabingbao.com/post/react/array-key-rifnwk.htmlMon, 19 Sep 22 09:24:20 +0800https://www.xiabingbao.com/post/react/array-key-rifnwk.html<![CDATA[React中的key有什么作用，如何设置这个key呢？]]>
- <![CDATA[React18 源码解析之 placeChild 的执行]]>https://www.xiabingbao.com/post/react/placechild-rifns8.htmlMon, 19 Sep 22 09:21:44 +0800https://www.xiabingbao.com/post/react/placechild-rifns8.html<![CDATA[在 React fiber 对比的过程中，有用到 placeChild() 函数，这个函数是做什么的呢？]]>
- <![CDATA[React18 源码解析之 reconcileChildren 生成 fiber 的过程]]>https://www.xiabingbao.com/post/react/reconcile-children-fiber-riezuz.htmlMon, 19 Sep 22 00:44:59 +0800https://www.xiabingbao.com/post/react/reconcile-children-fiber-riezuz.html<![CDATA[jsx具体是如何转换成fiber节点的呢？如何利用之前旧的fiber节点呢？]]>
- <![CDATA[React18 源码解析之 processUpdateQueue 的执行]]>https://www.xiabingbao.com/post/react/react-process-update-queue-riewir.htmlSun, 18 Sep 22 23:32:51 +0800https://www.xiabingbao.com/post/react/react-process-update-queue-riewir.html<![CDATA[fiber节点上挂载一系列的任务，这些任务是如何进行调度的呢？]]>
- <![CDATA[React18 源码解析之 beginWork 的操作]]>https://www.xiabingbao.com/post/react/react-beginwork-riew9h.htmlSun, 18 Sep 22 23:33:34 +0800https://www.xiabingbao.com/post/react/react-beginwork-riew9h.html<![CDATA[针对不同类型的组件，内部都通过哪些方式来获取jsx呢？]]>
- <![CDATA[React18 源码解析之虚拟 DOM 转为 fiber 树]]>https://www.xiabingbao.com/post/react/jsx-to-fiber-riduz4.htmlSun, 18 Sep 22 10:01:52 +0800https://www.xiabingbao.com/post/react/jsx-to-fiber-riduz4.html<![CDATA[主要来了解下把jsx转为fiber节点的流转过程]]>
- <![CDATA[在 JavaScript 中循环和定时输出一系列的内容]]>https://www.xiabingbao.com/post/fe/loop-settimeout-rg18mv.htmlWed, 03 Aug 22 17:20:55 +0800https://www.xiabingbao.com/post/fe/loop-settimeout-rg18mv.html<![CDATA[基于js的机制，如何定时循环输出一系列的内容？]]>
- <![CDATA[JavaScript 中的 Promise 异步并发控制]]>https://www.xiabingbao.com/post/promise/promise-concurrency-limit-rg10kz.htmlTue, 09 Aug 22 15:24:25 +0800https://www.xiabingbao.com/post/promise/promise-concurrency-limit-rg10kz.html<![CDATA[前端开发或Node.js开发中，经常会遇到并发请求的场景，针对这些场景，我们进行限制呢？]]>
- <![CDATA[React18 源码解析之 fiber 等数据结构]]>https://www.xiabingbao.com/post/react/jsx-element-fiber-rfztfs.htmlFri, 19 Aug 22 11:47:38 +0800https://www.xiabingbao.com/post/react/jsx-element-fiber-rfztfs.html<![CDATA[React源码中有诸如fiber等多个数据结构，那每个数据结构都长什么样子，有什么作用呢？]]>
- <![CDATA[React18 源码解析之 lanes 模型中的位运算]]>https://www.xiabingbao.com/post/react/react-lanes-bit-rfov6d.htmlThu, 11 Aug 22 17:34:14 +0800https://www.xiabingbao.com/post/react/react-lanes-bit-rfov6d.html<![CDATA[react中是通过lanes模型来进行任务优先级调度的，我们先来熟悉下lanes中的各种位运算]]>
- <![CDATA[React18 源码解析之 render()入口方法]]>https://www.xiabingbao.com/post/react/react-render-rfl28t.htmlTue, 26 Jul 22 00:13:59 +0800https://www.xiabingbao.com/post/react/react-render-rfl28t.html<![CDATA[整个react源码结构太过庞大，就像一个毛线团，我们总得先找到一个头，才能抽丝剥茧地梳理。]]>
- <![CDATA[React18 源码解析之fiber等几个重要的数据结构]]>https://www.xiabingbao.com/post/react/react-element-jsx-rfl0yh.htmlMon, 25 Jul 22 23:34:26 +0800https://www.xiabingbao.com/post/react/react-element-jsx-rfl0yh.html<![CDATA[在整体了解学习React源码之前，我们先来了解几个对React很重要的数据结构]]>
- <![CDATA[React18 源码解析之搭建调试环境]]>https://www.xiabingbao.com/post/react/debug-react-source-rfkxi0.htmlSun, 09 Oct 22 22:53:04 +0800https://www.xiabingbao.com/post/react/debug-react-source-rfkxi0.html<![CDATA[阅读React的前提是搭建一个调试源码的环境，那么如何搭建呢？]]>
- <![CDATA[js 对象中深层数据的key的扁平与展开之间的转换]]>https://www.xiabingbao.com/post/javascript/obj-flat-parse-rfd1sd.htmlThu, 21 Jul 22 16:00:44 +0800https://www.xiabingbao.com/post/javascript/obj-flat-parse-rfd1sd.html<![CDATA[如何实现将Object类型中的key进行扁平收缩和展开的操作]]>
- <![CDATA[leetcode 的单向链表与数组的转换]]>https://www.xiabingbao.com/post/leetcode/leetcode-listnode-array-rdt43w.htmlTue, 21 Jun 22 10:55:08 +0800https://www.xiabingbao.com/post/leetcode/leetcode-listnode-array-rdt43w.html<![CDATA[leetcode中如何将单向链表与数组进行转换？]]>
- <![CDATA[如何重写 localStorage 中的方法]]>https://www.xiabingbao.com/post/javascript/rewrite-localstorage-rcw995.htmlFri, 03 Jun 22 17:06:07 +0800https://www.xiabingbao.com/post/javascript/rewrite-localstorage-rcw995.html<![CDATA[经常会想要重写 localStorage 来实现某个功能，都有哪些方法重写 localStorage 里的方法呢？]]>
- <![CDATA[nodejs 中复制文件和文件夹的多种方式]]>https://www.xiabingbao.com/post/nodejs/nodejs-copy-file-rcj8kg.htmlFri, 27 May 22 16:21:52 +0800https://www.xiabingbao.com/post/nodejs/nodejs-copy-file-rcj8kg.html<![CDATA[nodejs 中有多种复制文件的方式，我们一起来看看。]]>
- <![CDATA[深入浅出 http 的缓存机制]]>https://www.xiabingbao.com/post/http/http-cache-rblrrn.htmlMon, 09 May 22 14:38:11 +0800https://www.xiabingbao.com/post/http/http-cache-rblrrn.html<![CDATA[通过使用 HTTP 缓存，可以减少等待时间和网络流量，那么HTTP缓存都有哪些类型，如何实现这些缓存机制呢？]]>
- <![CDATA[各种 2 到 62 任意进制之间的转换]]>https://www.xiabingbao.com/post/algorithm/hex-covert-rb1w5l.htmlThu, 28 Apr 22 21:00:57 +0800https://www.xiabingbao.com/post/algorithm/hex-covert-rb1w5l.html<![CDATA[如何实现一个任意进制转换的方法]]>
- <![CDATA[http-proxy-middleware 的注意事项]]>https://www.xiabingbao.com/post/http/http-proxy-middleware-rb15xw.htmlFri, 27 May 22 11:05:44 +0800https://www.xiabingbao.com/post/http/http-proxy-middleware-rb15xw.html<![CDATA[http-proxy-middleware的nodejs组件通常用来代理转发请求，那么在使用过程中遇到过哪些问题呢？]]>
- <![CDATA[leetcode2244 如何使用最少的轮数完成任务]]>https://www.xiabingbao.com/post/algorithm/leetcode2244-minimum-rounds-ratmxj.htmlSun, 24 Apr 22 10:00:55 +0800https://www.xiabingbao.com/post/algorithm/leetcode2244-minimum-rounds-ratmxj.html<![CDATA[如何用最少轮数完成所有的任务]]>
- <![CDATA[leetcode367 判断该数是否是完全平方数]]>https://www.xiabingbao.com/post/algorithm/leetcode367-perfect-square-rarvbp.htmlSat, 23 Apr 22 12:16:19 +0800https://www.xiabingbao.com/post/algorithm/leetcode367-perfect-square-rarvbp.html<![CDATA[介绍下leetcode中该题目的注意事项]]>
- <![CDATA[真没必要再对 axios 进行过度的封装]]>https://www.xiabingbao.com/post/request/axios-not-over-packing-r8x571.htmlFri, 29 Apr 22 11:55:06 +0800https://www.xiabingbao.com/post/request/axios-not-over-packing-r8x571.html<![CDATA[很多同学喜欢对axios再进行二次的封装，但真的有必要吗？]]>
- <![CDATA[树形结构转为扁平数组结构]]>https://www.xiabingbao.com/post/algorithm/tree-to-list-r85xj6.htmlThu, 03 Mar 22 17:40:18 +0800https://www.xiabingbao.com/post/algorithm/tree-to-list-r85xj6.html<![CDATA[我们主要探讨下如何把树形结构的数据转为扁平的数组结构]]>
- <![CDATA[如何将评论数据从扁平数组结构转为树形结构]]>https://www.xiabingbao.com/post/comments/comments-list-to-tree-r7zsnb.htmlThu, 03 Mar 22 17:41:49 +0800https://www.xiabingbao.com/post/comments/comments-list-to-tree-r7zsnb.html<![CDATA[以前的文章只讨论了下数据表的设计，这里我们主要讲解下如何从算法上把数组结构的数据转为树形结构]]>
- <![CDATA[前端项目中如何区分环境]]>https://www.xiabingbao.com/post/fe/project-env-r7suqr.htmlThu, 24 Feb 22 16:11:15 +0800https://www.xiabingbao.com/post/fe/project-env-r7suqr.html<![CDATA[前端项目从开发到上线，要区分好几个环境来进行验证，如何区分着几个环境呢？]]>
- <![CDATA[前端中对 url 的一些常用操作]]>https://www.xiabingbao.com/post/javascript/url-handler-r7scei.htmlFri, 04 Mar 22 11:42:26 +0800https://www.xiabingbao.com/post/javascript/url-handler-r7scei.html<![CDATA[我们平时操作 url 也比较多，如获取 url 中的参数，拼接 url 等，这里我们简单汇总下对 url 的常用操作。]]>
- <![CDATA[nextjs 如何不显示next_data的数据]]>https://www.xiabingbao.com/post/nextjs/nextjs-no-data-r7k70u.htmlSun, 20 Feb 22 23:34:18 +0800https://www.xiabingbao.com/post/nextjs/nextjs-no-data-r7k70u.html<![CDATA[nextjs为了实现前段后的同构，会将渲染页面前的数据传给前端，那么如何不展示这些数据呢？]]>
- <![CDATA[nodejs 中如何校验请求中的 referer]]>https://www.xiabingbao.com/post/nodejs/nodejs-check-referer-r2zde7.htmlMon, 22 Nov 21 23:51:43 +0800https://www.xiabingbao.com/post/nodejs/nodejs-check-referer-r2zde7.html<![CDATA[使用nodejs做服务器，接收到的请求千奇百怪，如何判断请求中的referer呢？]]>
- <![CDATA[leetcode1337 矩阵中战斗力最弱的 K 行的一种新颖解法]]>https://www.xiabingbao.com/post/leetcode/leetcode-1337-new-thinking-qzei39.htmlTue, 14 Sep 21 09:42:45 +0800https://www.xiabingbao.com/post/leetcode/leetcode-1337-new-thinking-qzei39.html<![CDATA[这个题目比较简单，不过我这里提供了另一种解题思路，供大家参考！]]>
- <![CDATA[NextJs 如何按服务端或浏览器端的类型分别打包]]>https://www.xiabingbao.com/post/react/nextjs-server-client-build-qxpzwi.htmlThu, 12 Aug 21 19:19:52 +0800https://www.xiabingbao.com/post/react/nextjs-server-client-build-qxpzwi.html<![CDATA[若一些模块只能在浏览器端使用，或只能在服务端使用，在NextJs中该怎么引用呢？]]>
- <![CDATA[阿里这个不是瓜，是犯罪！]]>https://www.xiabingbao.com/post/f2e/ali-wangchengwen-qxpi3d.htmlThu, 12 Aug 21 11:09:13 +0800https://www.xiabingbao.com/post/f2e/ali-wangchengwen-qxpi3d.html<![CDATA[做为一个技术类的博客，本来不想评论一些实事。但这两天阿里发生的事情实在让人气愤。]]>
- <![CDATA[如何打造一个react技术栈的多页面的框架应用]]>https://www.xiabingbao.com/post/react/create-react-app-multiple-page-qxphi7.htmlThu, 12 Aug 21 10:59:19 +0800https://www.xiabingbao.com/post/react/create-react-app-multiple-page-qxphi7.html<![CDATA[如何打造一个react技术栈的多页面的框架应用，本文将讲述基于create-react-app的改造过程]]>
- <![CDATA[前端 web 已支持 randomUUID 方法]]>https://www.xiabingbao.com/post/crypto/js-crypto-randomuuid-qxcuqj.htmlWed, 01 Dec 21 20:43:27 +0800https://www.xiabingbao.com/post/crypto/js-crypto-randomuuid-qxcuqj.html<![CDATA[从 Chome92 版本开始，crypto 模块已经支持randomUUID() 方法了。]]>
- <![CDATA[如何在 nodejs 的原生http服务中获取请求参数]]>https://www.xiabingbao.com/post/nodejs/nodejs-http-getquery-qwurz4.htmlTue, 26 Oct 21 11:21:40 +0800https://www.xiabingbao.com/post/nodejs/nodejs-http-getquery-qwurz4.html<![CDATA[nodejs的原生http服务中如何解析请求URL里的参数呢？官方已经不推荐url.parse()方法了，那么该使用什么方法呢？]]>
- <![CDATA[如何使用 jest 和 lint-staged 只检测发生改动的文件]]>https://www.xiabingbao.com/post/test/jest-lint-staged-changed-files-qv4u7z.htmlWed, 23 Jun 21 10:57:51 +0800https://www.xiabingbao.com/post/test/jest-lint-staged-changed-files-qv4u7z.html<![CDATA[在git commit之前，我们如何只运行发生变动文件的单元测试呢？]]>
- <![CDATA[实现一个带有动效的 React 弹窗组件]]>https://www.xiabingbao.com/post/react/react-transition-modal-qv1df7.htmlMon, 21 Jun 21 13:18:43 +0800https://www.xiabingbao.com/post/react/react-transition-modal-qv1df7.html<![CDATA[实现一个带有动效的 React 弹窗组件]]>
- <![CDATA[将leetcode中二叉树的数组结构转为真实的树结构]]>https://www.xiabingbao.com/post/js/leetcode-treenode-array.htmlMon, 04 Jul 22 11:26:47 +0800https://www.xiabingbao.com/post/js/leetcode-treenode-array.html<![CDATA[将leetcode中二叉树的数组结构转为真实的树结构]]>
- <![CDATA[基于 IntersectionObserver 实现一个组件的曝光监控]]>https://www.xiabingbao.com/post/js/dom-expose-intersectionobserver.htmlMon, 31 May 21 11:34:06 +0800https://www.xiabingbao.com/post/js/dom-expose-intersectionobserver.html<![CDATA[在产品推广过程中，经常需要判断用户是否对某个模块感兴趣。那么如何实现对一个模块的曝光监听呢？]]>
- <![CDATA[如何解决移动端的安全区域为0的问题]]>https://www.xiabingbao.com/post/css/android-safe-area-zero.htmlThu, 20 May 21 09:31:14 +0800https://www.xiabingbao.com/post/css/android-safe-area-zero.html<![CDATA[在一些Android设备中，可以识别safe-area-inset-top属性，但又没有高度，这种问题该怎么解决呢？]]>
- <![CDATA[JS 中一些高效的魔法运算符]]>https://www.xiabingbao.com/post/js/js-magic-operators.htmlThu, 29 Apr 21 10:14:33 +0800https://www.xiabingbao.com/post/js/js-magic-operators.html<![CDATA[现在 JavaScript 中，添加了一些操作更方便、高效的运算符，不用我们再进行一些额外的处理了。]]>
- <![CDATA[公众号改名叫“前端小茶馆”啦]]>https://www.xiabingbao.com/post/wechat/wechat-official-account.htmlMon, 19 Apr 21 10:58:48 +0800https://www.xiabingbao.com/post/wechat/wechat-official-account.html<![CDATA[我的公众号改名叫前端小茶馆啦]]>
- <![CDATA[使用 nodejs 中的 http 模块实现几个超实用的工具]]>https://www.xiabingbao.com/post/nodejs/nodejs-http-tools.htmlWed, 14 Apr 21 09:48:51 +0800https://www.xiabingbao.com/post/nodejs/nodejs-http-tools.html<![CDATA[nodejs中的http模块可以用来搭建HTTP服务和发送请求，我们来利用http模块实现几个超实用的小工具。]]>
- <![CDATA[带你深入领略 Proxy 的世界]]>https://www.xiabingbao.com/post/js/js-proxy.htmlMon, 29 Mar 21 09:42:29 +0800https://www.xiabingbao.com/post/js/js-proxy.html<![CDATA[Proxy是在ES2015中添加的语法，考虑到兼容性的问题，我们实际中用的并不多，但随着浏览器的发展，对Proxy的支持度也越来越高，我们也有必要来了解一下他了]]>
- <![CDATA[js 中你不知道的各种循环测速]]>https://www.xiabingbao.com/post/loop/js-loop-speed.htmlMon, 22 Mar 21 14:18:18 +0800https://www.xiabingbao.com/post/loop/js-loop-speed.html<![CDATA[在 js 中有着多种的循环方式，那么哪种循环方式最快，哪种循环方式最慢呢？我们最终应该选择哪种循环方式呢？]]>
- <![CDATA[一个操作 cookie 的原生方法 cookieStore]]>https://www.xiabingbao.com/post/js/cookiestore.htmlMon, 15 Mar 21 16:41:02 +0800https://www.xiabingbao.com/post/js/cookiestore.html<![CDATA[我们平时对 cookie 的增删改查等操作，都是在操作 document.cookie，这里我们介绍一个操作cookie更方便的方法。]]>
- <![CDATA[10 分钟内了解判断数组中存在元素的多种方式]]>https://www.xiabingbao.com/post/array/check-item-in-array.htmlFri, 05 Mar 21 09:43:30 +0800https://www.xiabingbao.com/post/array/check-item-in-array.html<![CDATA[在前端开发中，经常会遇到要判断数组中是否存在某个元素，我们来了解下各个判断的方式。]]>
- <![CDATA[学完这 4 个小技巧，让你的移动端交互体验更加优秀]]>https://www.xiabingbao.com/post/fe/user-interactive-experience.htmlMon, 22 Feb 21 14:41:49 +0800https://www.xiabingbao.com/post/fe/user-interactive-experience.html<![CDATA[现在在手机等移动端设备访问的人越来越多，交互上的良好体验也变得越来越重要]]>
- <![CDATA[使用 react 的 hook 实现一个 useRequest]]>https://www.xiabingbao.com/post/react/react-hook-userequest.htmlTue, 23 Feb 21 16:39:00 +0800https://www.xiabingbao.com/post/react/react-hook-userequest.html<![CDATA[如何使用hook实现一个useRequest呢？]]>
- <![CDATA[再见2020，你好2021]]>https://www.xiabingbao.com/post/summary/2020-summary.htmlSun, 07 Feb 21 14:20:12 +0800https://www.xiabingbao.com/post/summary/2020-summary.html<![CDATA[又到了一年回头总结的时候了，刚刚过去的 2020 年，真的是不太平的一年的，有紧张，有欢笑！新的一年，加油！]]>
- <![CDATA[react 开发中的一些小技巧，助你一臂之力]]>https://www.xiabingbao.com/post/react/react-use-tips.htmlThu, 28 Jan 21 14:55:32 +0800https://www.xiabingbao.com/post/react/react-use-tips.html<![CDATA[我使用 react 开发已经 1 年的时间了，不能说很精通，不过在使用的过程中，确实领悟和总结了一些小技巧，可以加快我们后续的开发]]>
- <![CDATA[前端中 try-catch 捕获不到哪些异常和错误]]>https://www.xiabingbao.com/post/error/try-catch-cant-error.htmlWed, 27 Jan 21 14:35:57 +0800https://www.xiabingbao.com/post/error/try-catch-cant-error.html<![CDATA[我们经常会使用try-catch来捕获异常和错误，但又有哪些错误是try-catch捕获不到的呢？]]>
- <![CDATA[如何打造一款高可用的全屏红包雨]]>https://www.xiabingbao.com/post/canvas/canvas-redpackrain.htmlTue, 09 Aug 22 09:43:57 +0800https://www.xiabingbao.com/post/canvas/canvas-redpackrain.html<![CDATA[在各个大活动中，经常会遇到红包雨的特效，那么红包雨具体是怎么实现的呢？]]>
- <![CDATA[别再搞博客了，赶快写吧]]>https://www.xiabingbao.com/post/blog/no-blog-write-blog.htmlThu, 26 Nov 20 00:46:31 +0800https://www.xiabingbao.com/post/blog/no-blog-write-blog.html<![CDATA[不要再这腾讯您的博客系统了，赶快写作吧]]>
- <![CDATA[axios 源码系列之如何取消请求]]>https://www.xiabingbao.com/post/request/axios-cancel-request.htmlWed, 25 Nov 20 19:42:03 +0800https://www.xiabingbao.com/post/request/axios-cancel-request.html<![CDATA[在axios中，我们可以根据特定情况来主动取消某个请求，那么这种方式是怎么操作的？实现的原理又是什么呢？]]>
- <![CDATA[必然会用到的 axios 中自带的工具方法]]>https://www.xiabingbao.com/post/request/axios-some-utils.htmlTue, 17 Nov 20 00:32:49 +0800https://www.xiabingbao.com/post/request/axios-some-utils.html<![CDATA[在 axios 中，使用到了很多基础的工具方法，这些方法我们也可以提炼下，看是否能应用到我们自己的实际项目中]]>
- <![CDATA[axios 源码系列之拦截器的实现]]>https://www.xiabingbao.com/post/request/axios-interceptors.htmlSat, 14 Nov 20 22:06:34 +0800https://www.xiabingbao.com/post/request/axios-interceptors.html<![CDATA[我们在使用 Axios 的过程中，或多或少地要用到它的拦截器，可是axios 的拦截器怎么使用，内部又是怎么实现的？]]>
- <![CDATA[如何判断一个原生方法是否被重写]]>https://www.xiabingbao.com/post/fe/check-function-be-rewrited.htmlThu, 12 Nov 20 11:44:35 +0800https://www.xiabingbao.com/post/fe/check-function-be-rewrited.html<![CDATA[有的脚本会重写该方法，那么如何判断这个方法是否被重写了呢？]]>
- <![CDATA[前端工程师如何通过造轮子提高自己]]>https://www.xiabingbao.com/post/fe/improve-myself-by-making-wheels.htmlWed, 04 Nov 20 14:00:08 +0800https://www.xiabingbao.com/post/fe/improve-myself-by-making-wheels.html<![CDATA[虽然常说不要重复造轮子，但造轮子却能很好地提高自己，那么如何提高自己呢？有什么技巧呢？]]>
- <![CDATA[useState 与 requestAnimationFrame 实现的useAnimationFrame]]>https://www.xiabingbao.com/post/react/useanimationframe.htmlMon, 02 Nov 20 12:25:40 +0800https://www.xiabingbao.com/post/react/useanimationframe.html<![CDATA[如何使用requestAnimationFrame实现state的变化]]>
- <![CDATA[如何实现 axios 的自定义适配器 adapter]]>https://www.xiabingbao.com/post/request/axios-self-adapter.htmlTue, 17 Nov 20 09:42:48 +0800https://www.xiabingbao.com/post/request/axios-self-adapter.html<![CDATA[我们想基于 axios 扩展一些自己的数据请求方式（例如 mock 数据，某些 APP 内专属的数据请求方式等），并能够使用上 axios 提供的便捷功能，该怎么自定义一个适配器 adapter]]>
- <![CDATA[CSS：水平居中并限定最大的宽度]]>https://www.xiabingbao.com/post/css/flex-auto-maxwidth.htmlMon, 14 Sep 20 14:13:03 +0800https://www.xiabingbao.com/post/css/flex-auto-maxwidth.html<![CDATA[一个 CSS 布局和样式的问题，如何在水平居中和限制最大宽度中，进行平衡]]>
- <![CDATA[如何写一篇垃圾的技术文章]]>https://www.xiabingbao.com/post/blog/how-write-shit-article.htmlFri, 11 Sep 20 16:12:28 +0800https://www.xiabingbao.com/post/blog/how-write-shit-article.html<![CDATA[很多写博客的人，经常会想着如何写出一篇好的技术文章，那么知道了什么是垃圾的技术文章后，虽然暂时写不出好的文章，但至少已经不是垃圾的文章了]]>
- <![CDATA[如何在 react 中使用 if-elseif-else 多重条件判断]]>https://www.xiabingbao.com/post/react/react-if-elseif-else.htmlMon, 07 Mar 22 15:19:57 +0800https://www.xiabingbao.com/post/react/react-if-elseif-else.html<![CDATA[react中通常使用与运算符和三目运算进行条件判断，但遇到更复杂的条件判断时，就相对来说比较麻烦一些，这种情况应该怎么处理呢？]]>
- <![CDATA[前端业务的监控与埋点数据的上报]]>https://www.xiabingbao.com/post/report/business-point-data-report.htmlMon, 17 Aug 20 18:20:01 +0800https://www.xiabingbao.com/post/report/business-point-data-report.html<![CDATA[前端业务数据都要考虑哪些关键点，如何简化其他开发者的工作呢？]]>
- <![CDATA[node同构直出中多级缓存的使用]]>https://www.xiabingbao.com/post/node/node-ssr-cache.htmlMon, 17 Aug 20 15:27:13 +0800https://www.xiabingbao.com/post/node/node-ssr-cache.html<![CDATA[node同构直出项目，多级缓存是如何保障我们项目运行的？]]>
- <![CDATA[技术人员如何写好周报和日报]]>https://www.xiabingbao.com/post/fe/how-write-weekly.htmlWed, 12 Aug 20 22:04:31 +0800https://www.xiabingbao.com/post/fe/how-write-weekly.html<![CDATA[经常有人在纠结自己的周报或者日报该如何写，经常是自己写了很多东西，但又不知道怎么提炼，这里提供一个模板，供大家平时使用]]>
- <![CDATA[如何控制多个 toast 提示的展示]]>https://www.xiabingbao.com/post/react/mult-toast.htmlMon, 20 Jul 20 13:59:32 +0800https://www.xiabingbao.com/post/react/mult-toast.html<![CDATA[当需要同时展示多个toast提示，我们应该如何控制呢？]]>
- <![CDATA[前端中的 hash 和 history 路由]]>https://www.xiabingbao.com/post/fe/hash-history-router.htmlWed, 10 Mar 21 12:01:47 +0800https://www.xiabingbao.com/post/fe/hash-history-router.html<![CDATA[前端路由有有 hash 路由和 history 路由两种路由方式，他们的原理是什么，又怎样实现一个简单的路由监听呢？]]>
- <![CDATA[深入理解 node 中的 crypto 加密模块]]>https://www.xiabingbao.com/post/node/node-crypto.htmlSun, 05 Apr 20 21:51:49 +0800https://www.xiabingbao.com/post/node/node-crypto.html<![CDATA[在 node 中也有原生的 crypto 模块，该模块提供了 hash、hmac、加密解密、签名、验证功能等一整套的封装。]]>
- <![CDATA[基于 websocket 的多端桥接平台]]>https://www.xiabingbao.com/post/node/connect-multiple-clients-websocket.htmlFri, 10 Apr 20 11:12:55 +0800https://www.xiabingbao.com/post/node/connect-multiple-clients-websocket.html<![CDATA[我们现在的业务是基于新闻客户端实现的，都要经过新闻客户端的环境，进行前后端数据上的交互。但是我们在调试过程中，非常的不方便.]]>
- <![CDATA[如何在博客的评论系统中使用随机头像]]>https://www.xiabingbao.com/post/blog/blog-random-avatar.htmlTue, 10 Mar 20 14:56:23 +0800https://www.xiabingbao.com/post/blog/blog-random-avatar.html<![CDATA[如何根据邮箱设置头像和随机的默认头像呢？]]>
- <![CDATA[同构直出项目中如何实现多终端的接口请求]]>https://www.xiabingbao.com/post/node/node-request-api.htmlMon, 09 Mar 20 17:20:39 +0800https://www.xiabingbao.com/post/node/node-request-api.html<![CDATA[抢金达人活动采用的是同构直出渲染方案，同时，主要是在新闻客户端和微信里运行。每个终端请求接口的方式都不一样，如何保证这些终端均能正常的进行接口请求呢？]]>
- <![CDATA[腾讯抢金达人中倒计时的实现与改进]]>https://www.xiabingbao.com/post/react/answer-countdown.htmlMon, 20 Jun 22 14:40:32 +0800https://www.xiabingbao.com/post/react/answer-countdown.html<![CDATA[在前端的倒计时中，都有哪些方式，如何改进提高精度呢？]]>
- <![CDATA[代码管理：请立即删除你不用的代码]]>https://www.xiabingbao.com/post/it/delete-unuse-code.htmlFri, 28 Feb 20 21:00:11 +0800https://www.xiabingbao.com/post/it/delete-unuse-code.html<![CDATA[你现在用不到的代码，以后也用不到了]]>
- <![CDATA[震惊！数据被删了，怎么办？]]>https://www.xiabingbao.com/post/it/data-be-deleted-method.htmlWed, 26 Feb 20 13:13:40 +0800https://www.xiabingbao.com/post/it/data-be-deleted-method.html<![CDATA[删库跑路本来是我们程序员调侃的一个梗，但若真删库跑路了，怎么办呢？]]>
- <![CDATA[再见2019，你好2020]]>https://www.xiabingbao.com/post/summary/2019-summary.htmlMon, 24 Feb 20 11:04:51 +0800https://www.xiabingbao.com/post/summary/2019-summary.html<![CDATA[类似的标题，不一样的心情。每年在写总结的时候，心里都是挺沉重的，原来才发现，这一年又白干了。活儿没少干，不过就是没挣到钱]]>
- <![CDATA[腾讯抢金达人项目中的前后端协作]]>https://www.xiabingbao.com/post/mock/node-mock.htmlWed, 08 Jan 20 09:55:42 +0800https://www.xiabingbao.com/post/mock/node-mock.html<![CDATA[在基于node同构直出的抢金达人项目中，前端是如何与后端进行协作的呢，如何模拟接口的各种情况呢，都考虑了哪些方案呢？]]>
- <![CDATA[node多进程的创建与守护]]>https://www.xiabingbao.com/post/node/node-process-create-guard.htmlWed, 01 Jan 20 10:14:05 +0800https://www.xiabingbao.com/post/node/node-process-create-guard.html<![CDATA[node是单线程运行，我们的node项目如何利用多核CPU的资源，同时提高node服务的稳定性呢？]]>
- <![CDATA[如何构建自己的 react hooks]]>https://www.xiabingbao.com/post/react/self-react-hooks.htmlMon, 26 Dec 22 14:16:14 +0800https://www.xiabingbao.com/post/react/self-react-hooks.html<![CDATA[基于官方提供的几个 hook，我们可以根据我们业务的特点，封装出更方便更合适的自定义的 hook。]]>
- <![CDATA[NodeJs：腾讯新闻构建高性能的 react 同构直出方案]]>https://www.xiabingbao.com/post/node/node-high-performance.htmlMon, 11 Nov 19 11:00:00 +0800https://www.xiabingbao.com/post/node/node-high-performance.html<![CDATA[我们在根据产品的体验效果选择了 react 同构直出渲染方案，必然也要保证当前方案的可用性和可靠性]]>
- <![CDATA[使用 C 语言实现期末考试成绩的总分和平均分]]>https://www.xiabingbao.com/post/c/c-avg-score.htmlFri, 01 Nov 19 11:38:33 +0800https://www.xiabingbao.com/post/c/c-avg-score.html<![CDATA[如何使用 C 语言实现期末考试成绩的总分和平均分]]>
- <![CDATA[博客被全站抓取了]]>https://www.xiabingbao.com/post/blog/blog-be-cloned.htmlFri, 01 Nov 19 10:03:25 +0800https://www.xiabingbao.com/post/blog/blog-be-cloned.html<![CDATA[全站前端都的内容被扒了，如何处理呢？]]>
- <![CDATA[周末的动物园之旅]]>https://www.xiabingbao.com/post/life/zoo.htmlThu, 31 Oct 19 00:53:09 +0800https://www.xiabingbao.com/post/life/zoo.html<![CDATA[前些天的低温让人不愿出门，就想在家被窝里躺一天，不过上天也是眷顾，从周末开始忽然气温回升，阳光明媚]]>
- <![CDATA[腾讯新闻抢金达人活动node同构直出渲染方案的总结]]>https://www.xiabingbao.com/post/node/node-isomorphism-straight.htmlMon, 21 Oct 19 19:32:38 +0800https://www.xiabingbao.com/post/node/node-isomorphism-straight.html<![CDATA[抢金达人活动中使用了node同构直出渲染方案，那么其中遇到了什么问题，最终带来了什么收益呢？]]>
- <![CDATA[文字与元素居中的方式]]>https://www.xiabingbao.com/post/css/css-center.htmlTue, 15 Oct 19 21:26:30 +0800https://www.xiabingbao.com/post/css/css-center.html<![CDATA[我们经常会让元素进行上下左右的居中，这里提供几种方法供大家使用]]>
- <![CDATA[十大经典排序算法(javascript实现)]]>https://www.xiabingbao.com/post/sort/javascript-10-sort.htmlSun, 13 Oct 19 14:41:07 +0800https://www.xiabingbao.com/post/sort/javascript-10-sort.html<![CDATA[排序在我们日常开发工作中经常要用到，那么都有哪些排序算法呢，这些排序算法各有什么特点呢]]>
- <![CDATA[nextjs 如何将静态资源发布到 CDN]]>https://www.xiabingbao.com/post/node/nextjs-cdn.htmlSun, 29 May 22 14:05:32 +0800https://www.xiabingbao.com/post/node/nextjs-cdn.html<![CDATA[nextjs 是基于 react 的服务端同构指出框架，在使用的过程中也多多少少遇到过几个问题，其中最大的问题就是静态资源的发布了]]>
- <![CDATA[JavaScript：如何获取某一天所在的星期]]>https://www.xiabingbao.com/post/javascript/week-start-end.htmlThu, 05 Sep 19 11:52:46 +0800https://www.xiabingbao.com/post/javascript/week-start-end.html<![CDATA[如何获取今天或者某一天所在星期的开始和结束日期，或者如何获取整个星期的日期]]>
- <![CDATA[前端：形成自己的方法论]]>https://www.xiabingbao.com/post/fe/fe-methodology.htmlThu, 05 Sep 19 00:00:23 +0800https://www.xiabingbao.com/post/fe/fe-methodology.html<![CDATA[在前端工程化的体系建设中，如何形成自己的一套方法论]]>
- <![CDATA[如何减少函数参数的输入]]>https://www.xiabingbao.com/post/javascript/reduce-params.htmlMon, 03 Jun 19 20:53:17 +0800https://www.xiabingbao.com/post/javascript/reduce-params.html<![CDATA[针对常用的函数，如何能减少必要的参数输入呢？]]>
- <![CDATA[Can’t perform a React state update on an unmounted component]]>https://www.xiabingbao.com/post/react/jump-setstate.htmlMon, 03 Jun 19 18:03:37 +0800https://www.xiabingbao.com/post/react/jump-setstate.html<![CDATA[Warning: Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in t]]>
- <![CDATA[高考毕业10年后的我活成了...]]>https://www.xiabingbao.com/post/college/college-10years.htmlMon, 03 Jun 19 09:41:08 +0800https://www.xiabingbao.com/post/college/college-10years.html<![CDATA[岁月走过不小心踩伤了受了伤的心尖，痛、始终不曾明灭的萦绕着苍白憔悴的思念。是否前世我淡薄寡怜了你一世的情愫？岁月走过光阴的沧海，遗落了一路的伤碎桑田心愿，在年岁风烛蚕食里是否还有痕迹？]]>
- <![CDATA[记一次项目中分享图片的过程]]>https://www.xiabingbao.com/post/shareimg/share-img.htmlTue, 21 May 19 00:32:17 +0800https://www.xiabingbao.com/post/shareimg/share-img.html<![CDATA[从其他客户端分享到微信朋友圈的步骤是什么呢？又遇到了什么问题呢？]]>
- <![CDATA[前端中的事件循环eventloop机制]]>https://www.xiabingbao.com/post/javascript/js-eventloop.htmlWed, 15 May 19 09:32:16 +0800https://www.xiabingbao.com/post/javascript/js-eventloop.html<![CDATA[js是单线程执行的，那么setTimeout和Promise.resolve等异步机制是如何执行的呢？]]>
- <![CDATA[能用js重写的都会被typescript重写]]>https://www.xiabingbao.com/post/typescript/typescript-forward.htmlMon, 13 May 19 20:51:25 +0800https://www.xiabingbao.com/post/typescript/typescript-forward.html<![CDATA[TypeScript从今天数以百万计的JavaScript开发者所熟悉的语法和语义开始。使用现有的JavaScript代码，包括流行的JavaScript库，并从JavaScript代码中调用TypeScript代码]]>
- <![CDATA[实现react组件的递归调用]]>https://www.xiabingbao.com/post/react/react-recursion-comp.htmlSun, 12 May 19 00:14:44 +0800https://www.xiabingbao.com/post/react/react-recursion-comp.html<![CDATA[项目中有侧边栏的层级菜单或者需要根据接口生成DOM树等操作时，如何实现组件的递归调用呢？]]>
- <![CDATA[React:实现一个带有loading效果的按钮组件]]>https://www.xiabingbao.com/post/react/react-loading-button.htmlFri, 10 May 19 21:16:52 +0800https://www.xiabingbao.com/post/react/react-loading-button.html<![CDATA[在react中如何实现一个带有loading效果的按钮组件呢？]]>
- <![CDATA[基于观察者模式实现一个EventEmitter类]]>https://www.xiabingbao.com/post/design/observer-eventemitter.htmlThu, 09 May 19 01:34:36 +0800https://www.xiabingbao.com/post/design/observer-eventemitter.html<![CDATA[在实现一些基础类库时，我们是经常需要用到`EventEmitter`模块的，比如在微信中下载某个APP时，前端需要了解当前下载处在哪个状态：刚开始下载、在在下载中、下载的进度、下载已完成、下载失败等等，都是需要我们向发布事件的]]>
- <![CDATA[页面中长列表滚动的优化]]>https://www.xiabingbao.com/post/scroll/longlist-optimization.htmlMon, 20 Jun 22 14:38:22 +0800https://www.xiabingbao.com/post/scroll/longlist-optimization.html<![CDATA[当我们有10万条或者更多的数据需要展示在页面中，会出现哪些问题呢，我们应该怎样处理和优化呢？]]>
- <![CDATA[实现Promise的first等各种变体]]>https://www.xiabingbao.com/post/promise/js-promise-variant.htmlTue, 09 Apr 19 14:44:14 +0800https://www.xiabingbao.com/post/promise/js-promise-variant.html<![CDATA[通过ES6中Promise提供的几个方法，来实现诸如first、last、none、any等各种变体方法]]>
- <![CDATA[js打乱数组的实战应用]]>https://www.xiabingbao.com/post/javascript/js-random-array.htmlSat, 09 Jul 22 15:11:43 +0800https://www.xiabingbao.com/post/javascript/js-random-array.html<![CDATA[在js中，能把数组随机打乱的方法有很多，每个方法都有自己的哪些特点呢，同时若想随机取出数组中的几个元素，怎么办呢？]]>
- <![CDATA[博客里评论系统的前端总结]]>https://www.xiabingbao.com/post/comments/blog-fe-comments.htmlSun, 31 Mar 19 23:45:29 +0800https://www.xiabingbao.com/post/comments/blog-fe-comments.html<![CDATA[本篇文章主要是从前端的角度来讲解下本博客评论系统的实现]]>
- <![CDATA[js中parseInt与Math.floor的区别]]>https://www.xiabingbao.com/post/js/js-parseInt-floor.htmlThu, 14 Mar 19 18:10:31 +0800https://www.xiabingbao.com/post/js/js-parseInt-floor.html<![CDATA[js中parseInt与Math.floor在使用的过程中，有哪些细致的区别呢？]]>
- <![CDATA[getScript在前端中请求js文件和jsonp]]>https://www.xiabingbao.com/post/js/js-getscript.htmlWed, 27 Feb 19 10:46:15 +0800https://www.xiabingbao.com/post/js/js-getscript.html<![CDATA[getScript在前端中使用的非常广泛，那么这里也分享下自己使用的ts版本的getScript，可以用来请求js文件和进行jsonp的请求]]>
- <![CDATA[service worker在新闻红包活动中的应用]]>https://www.xiabingbao.com/post/sw/sw-in-qqnews.htmlSat, 09 Jul 22 15:19:02 +0800https://www.xiabingbao.com/post/sw/sw-in-qqnews.html<![CDATA[活动页面大多是单页面应用，加载js后，再通过js进行页面的渲染，因此js的加载速度直接影响了页面呈现的速度。这里是想通过service worker缓存静态资源，期望能直接从缓存中加载静态资源，加载页面的呈现速度]]>
- <![CDATA[基于webview的前端页面优化指南]]>https://www.xiabingbao.com/post/optimization/webview-fe-optimization.htmlTue, 26 Feb 19 16:03:13 +0800https://www.xiabingbao.com/post/optimization/webview-fe-optimization.html<![CDATA[我们的业务主要是在移动端中使用和推广的，在移动端中，网络环境和内存都有不确定性，网络环境好的终端，不一定有好的内存；同样，有好内存的终端，也不一定都实时处在良好的网络环境下。因此，我们在针对移动端中应该有哪些优化呢？]]>
- <![CDATA[Vue单页面中进行业务数据的上报]]>https://www.xiabingbao.com/post/vue/vue-boss-up.htmlSun, 16 Dec 18 23:49:17 +0800https://www.xiabingbao.com/post/vue/vue-boss-up.html<![CDATA[在单页面的应用中，我们应该怎样对用户行为和PV，进行更方便的埋点数据上报呢？]]>
- <![CDATA[js：如何截取含有表情的字符串]]>https://www.xiabingbao.com/post/truncated/js-string-truncated.htmlSat, 01 Dec 18 00:59:24 +0800https://www.xiabingbao.com/post/truncated/js-string-truncated.html<![CDATA[若字符串中出现一些特殊字符，我们该如何截取才能不出现乱码的现象呢？]]>
- <![CDATA[Vue: 单页面应用如何保持登录状态]]>https://www.xiabingbao.com/post/vue/vue-keep-logininfo.htmlTue, 20 Nov 18 23:54:59 +0800https://www.xiabingbao.com/post/vue/vue-keep-logininfo.html<![CDATA[在单页面应用中，若使用vuex管理登录状态时，经常会存在刷新页面后登录状态消失的问题，这个问题怎么解决呢？]]>
- <![CDATA[博客，就是一个折腾]]>https://www.xiabingbao.com/post/blog/blog-reform.htmlWed, 13 Jul 22 19:39:17 +0800https://www.xiabingbao.com/post/blog/blog-reform.html<![CDATA[前几天，即使工作很忙，也从鲁迅的海绵里挤出了点水，来给自己的博客小小的改造了一番]]>
- <![CDATA[在红包活动中如何保障账户的安全]]>https://www.xiabingbao.com/post/fe/redpack-safty.htmlTue, 30 Oct 18 16:31:07 +0800https://www.xiabingbao.com/post/fe/redpack-safty.html<![CDATA[我们经常在做一些福利活动来拉动用户的活跃度，提升APP的拉新和拉活。不过总会有些人在寻找我们活动中的漏洞，以此牟利。那么我们是如何预防这些别有用心的人的恶意攻击呢？这里我们就来聊聊是如何防范的]]>
- <![CDATA[单页面切换路由时的倒计时和Vue倒计时组件]]>https://www.xiabingbao.com/post/vue/vue-countdown.htmlWed, 07 Nov 18 23:02:57 +0800https://www.xiabingbao.com/post/vue/vue-countdown.html<![CDATA[单页面中使用倒计时的注意事项，同时也分享一下我正在使用的倒计时组件]]>
- <![CDATA[Vue中的嵌套组件中数据无法实时更新的问题]]>https://www.xiabingbao.com/post/vue/vue-nesting-component.htmlWed, 10 Oct 18 18:32:03 +0800https://www.xiabingbao.com/post/vue/vue-nesting-component.html<![CDATA[Vue中的嵌套组件中数据无法实时更新的问题]]>
- <![CDATA[实现了几个基于腾讯新闻客户端的h5前端基础组件]]>https://www.xiabingbao.com/post/tencentnews/npm-tencent-news.htmlThu, 19 Jul 18 20:07:03 +0800https://www.xiabingbao.com/post/tencentnews/npm-tencent-news.html<![CDATA[在平时工作中做了不少基于新闻客户端的需求，在这些工作中，对其进行汇总提取，形成了这些npm基础组件]]>
- <![CDATA[单页面应用中js获取url中的参数]]>https://www.xiabingbao.com/post/js/single-page-js-params.htmlThu, 19 Jul 18 19:58:36 +0800https://www.xiabingbao.com/post/js/single-page-js-params.html<![CDATA[单页面应用中以hash作为路由，那么在单页面中怎么能方便地获取到参数呢？]]>
- <![CDATA[如何在npm上发布你的package]]>https://www.xiabingbao.com/post/npm/how-to-publish-package-on-npm.htmlSat, 30 Jun 18 20:23:47 +0800https://www.xiabingbao.com/post/npm/how-to-publish-package-on-npm.html<![CDATA[在自己平时工作或者学习中，总结出来的模块，我们可以将其提炼发布到npm上，这样即使有多个项目使用这个包时，也能方便地进行更新]]>
- <![CDATA[Vue中对数组特殊的操作]]>https://www.xiabingbao.com/post/vue/vue-array-observe.htmlMon, 16 Aug 21 16:43:31 +0800https://www.xiabingbao.com/post/vue/vue-array-observe.html<![CDATA[Vue中对数组类型的数组是怎么操作的呢？我们看下Vue源码中的实现]]>
- <![CDATA[CSS中margin出现空白的问题]]>https://www.xiabingbao.com/post/css/css-margin-blank.htmlSat, 09 Jun 18 15:29:24 +0800https://www.xiabingbao.com/post/css/css-margin-blank.html<![CDATA[当内部元素的高度加上外边距没有超过外部元素，却依然产生了滚动条，这是怎么回事呢？]]>
- <![CDATA[仿Vue中的双向数据绑定实现]]>https://www.xiabingbao.com/post/vue/vue-two-binding.htmlFri, 08 Jun 18 10:10:46 +0800https://www.xiabingbao.com/post/vue/vue-two-binding.html<![CDATA[在使用Vue的过程中，给我印象最深的就是双向数据绑定，那么双向绑定的原理是什么呢，我们也来实现一个简单的双向绑定]]>
- <![CDATA[Vue与Git结合进行环境区分与自动化部署]]>https://www.xiabingbao.com/post/git/vue-git-autodeploy.htmlThu, 24 Feb 22 17:13:39 +0800https://www.xiabingbao.com/post/git/vue-git-autodeploy.html<![CDATA[如何使用vue和git能够进行环境区分与自动化部署，让我们更加专注于代码的编写]]>
- <![CDATA[再见2017，你好2018]]>https://www.xiabingbao.com/post/summary/2017-summary.htmlThu, 27 May 21 10:46:15 +0800https://www.xiabingbao.com/post/summary/2017-summary.html<![CDATA[类似的标题，不一样的心情。每年在写总结的时候，心里都是挺沉重的，原来才发现，这一年又白干了。活儿没少干，不过就是没挣到钱]]>
- <![CDATA[innerHTML对IScroll组件的影响]]>https://www.xiabingbao.com/post/iscroll/innerhtml-iscroll.htmlWed, 13 Dec 17 16:42:19 +0800https://www.xiabingbao.com/post/iscroll/innerhtml-iscroll.html<![CDATA[使用innerHTML与appendChild会对IScroll组件产生什么影响呢]]>
- <![CDATA[移动端里的逐帧动画]]>https://www.xiabingbao.com/post/animation/phone-animation-steps.htmlMon, 27 Nov 17 16:40:09 +0800https://www.xiabingbao.com/post/animation/phone-animation-steps.html<![CDATA[第一次做逐帧动画没有经验，想当然的用两张或三张图片做显示隐藏的切换，结果在手机里的动画效果简直没法看，这时，才想起了steps]]>
- <![CDATA[基于webpack搭建前端工程的思考]]>https://www.xiabingbao.com/post/webpack/webpack-frontend-engineering.htmlMon, 06 Jun 22 10:12:54 +0800https://www.xiabingbao.com/post/webpack/webpack-frontend-engineering.html<![CDATA[webpack是一个前端打包构建工具, 功能强大，本篇也是基于webpack简单探讨下前端的工程化]]>
- <![CDATA[支付宝推出租房平台的一点看法]]>https://www.xiabingbao.com/post/za/zhifubao-renthouse.htmlThu, 12 Oct 17 10:38:30 +0800https://www.xiabingbao.com/post/za/zhifubao-renthouse.html<![CDATA[「芝麻分超 650 可月付房租且免押金」的支付宝租房平台未来发展前景如何？]]>
- <![CDATA[webpack的入门教程]]>https://www.xiabingbao.com/post/webpack/webpack-started-tutorial.htmlSun, 29 May 22 14:40:02 +0800https://www.xiabingbao.com/post/webpack/webpack-started-tutorial.html<![CDATA[在webpack中，一切皆资源，CSS，JS，图片等都可以作为资源处理。webpack在配置大型项目时，可能会很大很复杂的配置，这里我们就从简单的2-3个页面的配置开始说起]]>
- <![CDATA[参加腾讯深圳 IMWebConf 2017 前端开发者大会是什么体验？]]>https://www.xiabingbao.com/post/imwebconf/imwebconf-2017.htmlMon, 18 Sep 17 14:57:41 +0800https://www.xiabingbao.com/post/imwebconf/imwebconf-2017.html<![CDATA[作为前端开发的蚊子，前天有幸参加了IMWebConf2017的大会。从一名来自北京的路人的角度来将，深圳的空气是潮湿的，这次大会的组织是井然有序的]]>
- <![CDATA[作为开发者，如何树立个人品牌？]]>https://www.xiabingbao.com/post/brand/developer-brand.htmlMon, 18 Sep 17 09:52:41 +0800https://www.xiabingbao.com/post/brand/developer-brand.html<![CDATA[作为一名开发者，如何展示自己，如何树立起自己的个人品牌呢？]]>
- <![CDATA[浅谈javascript设计模式之发布订阅者模式]]>https://www.xiabingbao.com/post/design/js-design-pattern-pubsub.htmlFri, 15 Sep 17 10:45:00 +0800https://www.xiabingbao.com/post/design/js-design-pattern-pubsub.html<![CDATA[发布订阅者模式是为了发布者和订阅者之间避免产生依赖关系，发布订阅者之间的订阅关系由一个中介列表来维护。发布者只需做好发布功能，至于订阅者是谁，订阅者做了什么事情，发布者是无需关心的]]>
- <![CDATA[Vue组件实现tips的总结]]>https://www.xiabingbao.com/vue/2017/09/14/vue-component-tips.htmlThu, 14 Sep 17 17:58:52 +0800https://www.xiabingbao.com/vue/2017/09/14/vue-component-tips.html<![CDATA[组件，顾名思义，就是把一个相对独立，而且会多次使用的功能抽象出来，成为一个组件！如果我们要把某个功能抽象为一个组件时，要做到这个组件对其他人来说是个黑盒子，他们不用关心里面是怎么实现的，只需要根据约定的接口调用即可！]]>
- <![CDATA[金秋9月的思考]]>https://www.xiabingbao.com/summary/2017/09/01/september-summary.htmlThu, 23 Jun 22 21:56:32 +0800https://www.xiabingbao.com/summary/2017/09/01/september-summary.html<![CDATA[哪有什么岁月静好，不过是有人替你负重前行]]>
- <![CDATA[如何实现一个楼中楼的评论系统]]>https://www.xiabingbao.com/comments/2017/09/01/blog-comments.htmlMon, 16 May 22 22:07:21 +0800https://www.xiabingbao.com/comments/2017/09/01/blog-comments.html<![CDATA[多说，网易云跟帖等第三方评论系统无法长期维护更新，蚊子就自己实现一个楼中楼的评论系统]]>
- <![CDATA[如何在windows安装php redis扩展]]>https://www.xiabingbao.com/php/2017/08/27/window-php-redis.htmlSun, 27 Aug 17 22:04:48 +0800https://www.xiabingbao.com/php/2017/08/27/window-php-redis.html<![CDATA[如果自己的自己是windows系统，想联调php与redis，今天找了半天的程序与redis扩展，怕自己忘了，同时给大家做个记录和参考]]>
- <![CDATA[对博客进行了彻底的改造]]>https://www.xiabingbao.com/blog/2017/08/22/new-blog.htmlWed, 13 Jul 22 19:37:40 +0800https://www.xiabingbao.com/blog/2017/08/22/new-blog.html<![CDATA[在coding网站开始对静态博客收费后，各个第三方的评论系统也相继无法使用的情况下，产生了对博客进行改造的想法]]>
- <![CDATA[vue实现对数据的增删改查(CURD)]]>https://www.xiabingbao.com/vue/2017/07/10/vue-curd.htmlMon, 06 May 19 00:13:42 +0800https://www.xiabingbao.com/vue/2017/07/10/vue-curd.html<![CDATA[在数据列表中，通常会有对数据的增加、删除，修改和查找等操作，那么使用vue该如何实现呢]]>
- <![CDATA[用CSS3实现无限循环的无缝滚动]]>https://www.xiabingbao.com/css3/2017/07/03/css3-infinite-scroll.htmlMon, 13 May 19 09:26:55 +0800https://www.xiabingbao.com/css3/2017/07/03/css3-infinite-scroll.html<![CDATA[在页面中循环展示信息的功能之前一般是用js来实现的，那么用CSS3该如何实现实现呢]]>
- <![CDATA[使用vue实现tab操作]]>https://www.xiabingbao.com/vue/2017/07/02/vue-tab.htmlSun, 02 Jul 17 00:00:00 +0800https://www.xiabingbao.com/vue/2017/07/02/vue-tab.html<![CDATA[tab功能在网页中是比较常见的，那么用vue怎么实现tab操作呢，与jQuery实现tab的思路有什么区别呢？]]>
- <![CDATA[原生js实现简单的链式操作]]>https://www.xiabingbao.com/js/2017/06/19/js-chain-operation.htmlMon, 19 Jun 17 00:00:00 +0800https://www.xiabingbao.com/js/2017/06/19/js-chain-operation.html<![CDATA[如何用原生js实现一个简单的链式操作]]>
- <![CDATA[第一次使用vue构建一个上传图片表单]]>https://www.xiabingbao.com/vue/2017/04/02/vue-starting.htmlSun, 02 Apr 17 00:00:00 +0800https://www.xiabingbao.com/vue/2017/04/02/vue-starting.html<![CDATA[在慢慢学习vue，正好在工作中用上了，记录一下]]>
- <![CDATA[多说评论系统宣布将要关闭]]>https://www.xiabingbao.com/duoshuo/2017/03/21/duoshuo-close.htmlTue, 21 Mar 17 00:00:00 +0800https://www.xiabingbao.com/duoshuo/2017/03/21/duoshuo-close.html<![CDATA[多说官方宣布将在2017年6月1日正式关停服务，陪伴我们这么长时间的第三方评论系统进入倒计时了。]]>
- <![CDATA[ci框架在去掉index.php时导致404的解决方案]]>https://www.xiabingbao.com/ci/2017/03/21/ci-index-404.htmlTue, 21 Mar 17 00:00:00 +0800https://www.xiabingbao.com/ci/2017/03/21/ci-index-404.html<![CDATA[ci框架的URL中默认是带有index.php的，通常我们会去掉这个index.php，不过按照官方的方法，有时会导致只能访问首页，其他控制器全部为404]]>
- <![CDATA[从0到1学习node(八)之异步控制工具async]]>https://www.xiabingbao.com/node/2017/02/25/node-async.htmlSat, 25 Feb 17 00:00:00 +0800https://www.xiabingbao.com/node/2017/02/25/node-async.html<![CDATA[异步编程在js编程中一直是比较麻烦和难以调试，在node中同样也是，当有多个异步操作时，那代码简直是难看的要死，而async正好是解决异步编程的利器]]>
- <![CDATA[从0到1学习node(七)之express搭建简易论坛]]>https://www.xiabingbao.com/node/2017/02/20/node-express-forum.htmlMon, 20 Feb 17 00:00:00 +0800https://www.xiabingbao.com/node/2017/02/20/node-express-forum.html<![CDATA[在上节我们稍微了解了下express的基础知识，这节我们使用express搭建一个简易的论坛系统]]>
- <![CDATA[从0到1学习node(六)之express初识]]>https://www.xiabingbao.com/node/2017/02/18/node-express-under.htmlSat, 18 Feb 17 00:00:00 +0800https://www.xiabingbao.com/node/2017/02/18/node-express-under.html<![CDATA[express是一个基于 Node.js 平台的极简、灵活的web应用开发框架，它提供一系列强大的特性、丰富的API接口，帮助我们可以快速地创建各种web和移动应用]]>
- <![CDATA[从0到1学习node(五)之mysql数据库的操作]]>https://www.xiabingbao.com/node/2017/01/23/node-mysql.htmlWed, 16 Aug 17 20:11:45 +0800https://www.xiabingbao.com/node/2017/01/23/node-mysql.html<![CDATA[使用node操作mysql非常简单，不过node原生模块里并没有集成mysql的操作，需要我们额外的引入模块]]>
- <![CDATA[从0到1学习node(四)之简易的网络爬虫]]>https://www.xiabingbao.com/node/2017/01/19/node-spider.htmlThu, 19 Jan 17 00:00:00 +0800https://www.xiabingbao.com/node/2017/01/19/node-spider.html<![CDATA[这节我们学习下如何编写网络爬虫，进行一些网页简单的抓取，更深层次的内容我们会在后面进行讲解]]>
- <![CDATA[从0到1学习node(三)之文件操作]]>https://www.xiabingbao.com/node/2017/01/14/node-fs.htmlSat, 14 Jan 17 00:00:00 +0800https://www.xiabingbao.com/node/2017/01/14/node-fs.html<![CDATA[对于文件和文件夹的操作，文件系统提供了不少的api接口，这里我们从几个样例稍微讲解下文件接口的使用]]>
- <![CDATA[从0到1学习node(二)之搭建http服务器]]>https://www.xiabingbao.com/node/2017/01/12/node-http-server.htmlThu, 12 Jan 17 00:00:00 +0800https://www.xiabingbao.com/node/2017/01/12/node-http-server.html<![CDATA[本节将要学习如何使用node搭建一个简单的http服务器，学习完本节后能够进行简单的表单提交和书写简单的json接口]]>
- <![CDATA[从0到1学习node(一)之模块规范]]>https://www.xiabingbao.com/definition/2017/01/10/mod-definition.htmlTue, 10 Jan 17 00:00:00 +0800https://www.xiabingbao.com/definition/2017/01/10/mod-definition.html<![CDATA[相信你也听说过CommonJS, AMD, CMD等概念，但是他们之间又有什么联系和区别呢，本文简要的介绍下这三者，为后面的node学习进行铺垫]]>
- <![CDATA[从0到1学习node系列总索引]]>https://www.xiabingbao.com/node/2017/01/08/node-list.htmlSun, 08 Jan 17 00:00:00 +0800https://www.xiabingbao.com/node/2017/01/08/node-list.html<![CDATA[在node学习中，也总结了一些自己的经验和学习经历，希望能给大家提供一些帮助]]>
- <![CDATA[不平凡的2016年]]>https://www.xiabingbao.com/summary/2017/01/06/2016-summary.htmlFri, 11 Sep 20 10:49:02 +0800https://www.xiabingbao.com/summary/2017/01/06/2016-summary.html<![CDATA[2016年就这么过去了，无论得失，无论喜悲，都要对过去的一年做个总结]]>
- <![CDATA[2016年年底国内网站对IE浏览器的支持情况]]>https://www.xiabingbao.com/ie/2016/12/25/ie-support.htmlThu, 10 Mar 22 20:43:41 +0800https://www.xiabingbao.com/ie/2016/12/25/ie-support.html<![CDATA[还有6天的时间马上就要进入2017年了，在IE份额逐渐减少的情况下，我们来看看国内网站对IE浏览器的支持情况]]>
- <![CDATA[使用CSS3实现卡牌的旋转切换效果]]>https://www.xiabingbao.com/css3/2016/12/18/css3-card-rotate.htmlFri, 16 Nov 18 09:37:53 +0800https://www.xiabingbao.com/css3/2016/12/18/css3-card-rotate.html<![CDATA[我们经常会在游戏里看到一些几张卡牌左右切换的效果，中间的一张最突出醒目，向左或向右滑动可切换到另一张，今天我们就用CSS3来实现下这种效果]]>
- <![CDATA[什么是window.chrome]]>https://www.xiabingbao.com/javascript/2016/12/06/js-chrome.htmlTue, 06 Dec 16 00:00:00 +0800https://www.xiabingbao.com/javascript/2016/12/06/js-chrome.html<![CDATA[在别人的一段js代码里发现了window.chrome的使用，这里就简单的说一下]]>
- <![CDATA[小型网站如何生成订单号]]>https://www.xiabingbao.com/ordern/2016/12/05/generated-order-number.htmlThu, 10 Mar 22 10:17:56 +0800https://www.xiabingbao.com/ordern/2016/12/05/generated-order-number.html<![CDATA[在流量不太高的网站里，如何生成订单号呢，网上肯定也有很多成熟的方案，这里也是提供下自己的思路]]>
- <![CDATA[对移动端h5项目的一点总结]]>https://www.xiabingbao.com/html5/2016/10/08/mobile-summary.htmlSat, 08 Oct 16 00:00:00 +0800https://www.xiabingbao.com/html5/2016/10/08/mobile-summary.html<![CDATA[到现在也做了不少的h5，遇到了不少的坑，也对曾经的经验教训总结一下]]>
- <![CDATA[https的研究与总结]]>https://www.xiabingbao.com/jitiao/2016/09/14/http-https.htmlWed, 16 Aug 17 18:52:36 +0800https://www.xiabingbao.com/jitiao/2016/09/14/http-https.html<![CDATA[在本文中主要是对https，spdy，http/2进行了一些简要的研究，这其中的每一项都需要很大的篇幅才能研究明白，这里只是简要的了解下]]>
- <![CDATA[一个“极限挑战”主题的网站上线了]]>https://www.xiabingbao.com/jitiao/2016/09/13/publish-jitiao.htmlTue, 13 Sep 16 00:00:00 +0800https://www.xiabingbao.com/jitiao/2016/09/13/publish-jitiao.html<![CDATA[极限挑战可谓是目前最火的综艺了，很多粉丝都是活跃在贴吧或者微博上，没有一个专属的网站，于是本人特此开发了这样的一个网站]]>
- <![CDATA[移动端在页面输出调试信息]]>https://www.xiabingbao.com/phone/2016/09/09/phone-log.htmlFri, 09 Sep 16 00:00:00 +0800https://www.xiabingbao.com/phone/2016/09/09/phone-log.html<![CDATA[在移动端，没有了PC浏览器上调试代码的利器，导致我们很难排查和调试问题，于是我就简单的写了一个可把log输出到页面上的js代码]]>
- <![CDATA[php里简单的对称加密算法]]>https://www.xiabingbao.com/encrypt/2016/09/04/php-simple-encrypt.htmlSun, 04 Sep 16 00:00:00 +0800https://www.xiabingbao.com/encrypt/2016/09/04/php-simple-encrypt.html<![CDATA[这里讲解一下php里的对称加密算法，很简单，使用base64的方法，不过也挺实用的。复杂的也有，比如AES，DES等]]>
- <![CDATA[视频video标签在移动端的播放总结]]>https://www.xiabingbao.com/video/2016/09/03/phone-video.htmlWed, 16 Aug 17 18:42:08 +0800https://www.xiabingbao.com/video/2016/09/03/phone-video.html<![CDATA[视频在移动端的播放有很多的限制和问题，这里我们来稍微的讲解一下]]>
- <![CDATA[为博客的文章添加二维码]]>https://www.xiabingbao.com/blogs/2016/08/31/blogs-qrcode.htmlWed, 31 Aug 16 00:00:00 +0800https://www.xiabingbao.com/blogs/2016/08/31/blogs-qrcode.html<![CDATA[为博客的文章添加了一个生成二维码的功能，可以在扫描二维码后在移动端进行阅读，还能分享给朋友或者分享到朋友圈]]>
- <![CDATA[“抱歉！该网站可能由于以下原因无法访问”的阿里的解决方案]]>https://www.xiabingbao.com/aliyun/2016/08/04/aliyun-host.htmlThu, 04 Aug 16 00:00:00 +0800https://www.xiabingbao.com/aliyun/2016/08/04/aliyun-host.html<![CDATA[前几天在万网上买了域名和虚拟主机，域名也绑定主机了，主机也备案了，但是域名还是无法访问，依然提示“抱歉！该网站可能由于以下原因无法访问”]]>
- <![CDATA[百度怎么了]]>https://www.xiabingbao.com/baidu/2016/07/11/baidu.htmlMon, 11 Jul 16 00:00:00 +0800https://www.xiabingbao.com/baidu/2016/07/11/baidu.html<![CDATA[百度最近是怎么了，从去年的“血友病”贴吧到现在的刘超，百度一直没消停过。难道，有人要整死百度？]]>
- <![CDATA[工作中使用xslt的总结]]>https://www.xiabingbao.com/tencent/2016/06/21/xslt-summary.htmlTue, 21 Jun 22 11:28:45 +0800https://www.xiabingbao.com/tencent/2016/06/21/xslt-summary.html<![CDATA[我们使用xslt将接口中的xml接口转换成html结构的数据输出到页面中，这里也简单的总结一下，方便后续的使用]]>
- <![CDATA[腾讯新闻中心首页改版啦]]>https://www.xiabingbao.com/news/2016/05/16/qq-news-revision.htmlThu, 23 Jun 22 21:52:24 +0800https://www.xiabingbao.com/news/2016/05/16/qq-news-revision.html<![CDATA[历时一个月的开发，终于在5月10日改版上线了，除了页面更加清新外，也做了其他不少的优化]]>
- <![CDATA[如何对textarea中的每一行进行判断]]>https://www.xiabingbao.com/textarea/2016/05/13/js-textarea-row.htmlFri, 13 May 16 00:00:00 +0800https://www.xiabingbao.com/textarea/2016/05/13/js-textarea-row.html<![CDATA[textarea标签是一个多行的文本输入空间，文本区中可容纳无限数量的文本。不过如果想对textarea中某一行的内容进行判断就有点困难了，这篇文章里主要讲解如何对textarea中的某一行进行判断]]>
- <![CDATA[对家暴移动端项目的总结]]>https://www.xiabingbao.com/job/2016/03/28/jiabao-summary.htmlThu, 23 Jun 22 21:44:05 +0800https://www.xiabingbao.com/job/2016/03/28/jiabao-summary.html<![CDATA[家暴项目是两会期间的一个专题，趁着《反家暴法》3月1日实施的时机推出这个项目。这期的项目做的时间比较长，因为遇见的问题也比较多。在空闲的时候总结一下]]>
- <![CDATA[自定义滚动条]]>https://www.xiabingbao.com/scrollbar/2016/01/25/scrollbar.htmlThu, 23 Jun 22 21:41:50 +0800https://www.xiabingbao.com/scrollbar/2016/01/25/scrollbar.html<![CDATA[在PC端，无论哪款浏览器提供的默认滚动条，样式都是很丑，无法满足现在页面设计的要求，为此衍生出了无数的模拟滚动条的插件，这些插件可以使用CSS来美化滚动条]]>
- <![CDATA[对gulp-changed插件的一点思考]]>https://www.xiabingbao.com/gulp/2016/01/20/gulp-changed-ponder.htmlWed, 16 Aug 17 18:15:16 +0800https://www.xiabingbao.com/gulp/2016/01/20/gulp-changed-ponder.html<![CDATA[最近看了下gulp-changed插件的源码，想对里面学习到的知识总结一下]]>
- <![CDATA[2015年年终总结]]>https://www.xiabingbao.com/summary/2015/12/27/2015-summary.htmlThu, 23 Jun 22 21:37:52 +0800https://www.xiabingbao.com/summary/2015/12/27/2015-summary.html<![CDATA[又到了一年的年末，说来时间过得真快，2015年马上就要过去了，不管这一年过得怎么样，总是要总结一下的]]>
- <![CDATA[用js制作一个简单的明朝时间轴]]>https://www.xiabingbao.com/javascript/2015/12/07/js-ming-timeline.htmlMon, 07 Dec 15 07:00:00 +0800https://www.xiabingbao.com/javascript/2015/12/07/js-ming-timeline.html<![CDATA[这些日子在看《明朝那些事儿》，里面有很多重要的事件，于是就想着根据时间的推移，用一种可视化的方式展现出明朝各种的大事件]]>
- <![CDATA[使用DOM中的a标签解析url]]>https://www.xiabingbao.com/javascript/2015/11/28/js-a-parse-url.htmlSat, 28 Nov 15 07:00:00 +0800https://www.xiabingbao.com/javascript/2015/11/28/js-a-parse-url.html<![CDATA[在以前我们需要解析一个url时，通常会采用正则表达式或者字符串分割的方式来获取想要的部分，不过这里只需要使用a标签就能解析出各种字段]]>
- <![CDATA[简析jQuery中的ready事件]]>https://www.xiabingbao.com/jquery/2015/11/17/jquery-ready.htmlTue, 21 Jun 22 11:27:44 +0800https://www.xiabingbao.com/jquery/2015/11/17/jquery-ready.html<![CDATA[在我们使用jQuery时，通常都会用到ready事件，本篇主要讲解下ready事件的内部实现]]>
- <![CDATA[jshint在gulp中的使用]]>https://www.xiabingbao.com/gulp/2015/10/15/gulp-jshint.htmlWed, 16 Aug 17 10:31:34 +0800https://www.xiabingbao.com/gulp/2015/10/15/gulp-jshint.html<![CDATA[jshint是用来检测javascript的语法错误的，在grunt和gulp都有这个插件，这里简单的介绍下jshint的使用方法]]>
- <![CDATA[img图片与容器下边界的缝隙的解决方式]]>https://www.xiabingbao.com/css/2015/10/12/css-img-block.htmlWed, 16 Aug 17 10:25:11 +0800https://www.xiabingbao.com/css/2015/10/12/css-img-block.html<![CDATA[今天在给图片弄hover遮罩时，发现遮罩的下方与图片的下边界没有对齐，而是多了4px左右，这里就记录下几个解决方案]]>
- <![CDATA[jquery如何禁止外层滚动条的滚动]]>https://www.xiabingbao.com/jquery/2015/09/30/jquery-scroll-limit.htmlWed, 16 Aug 17 10:18:27 +0800https://www.xiabingbao.com/jquery/2015/09/30/jquery-scroll-limit.html<![CDATA[通常情况下，当内部滚动条滚动到两端时，再接着滚动时外层的滚动条就会跟着滚动；可是有时我们希望用户只能滚动当前区域，而不触发外层（window）的滚动条]]>
- <![CDATA[javascript如何添加前置0]]>https://www.xiabingbao.com/javascript/2015/09/20/javascript-pre-zero.htmlMon, 06 Jun 22 10:09:45 +0800https://www.xiabingbao.com/javascript/2015/09/20/javascript-pre-zero.html<![CDATA[JavaScript中的数字是没有前置0的，因此需要我们自己进行操作来添加前置0，而且还得转换成字符串]]>
- <![CDATA[angular初探]]>https://www.xiabingbao.com/javascript/2015/08/14/angular-starting.htmlFri, 14 Aug 15 06:00:00 +0800https://www.xiabingbao.com/javascript/2015/08/14/angular-starting.html<![CDATA[这几天刚刚学习了下angular，通过博客记录下学习的过程]]>
- <![CDATA[js中的内部属性与delete操作符]]>https://www.xiabingbao.com/javascript/2015/08/03/javascript-delete-configurable.htmlWed, 16 Aug 17 09:44:24 +0800https://www.xiabingbao.com/javascript/2015/08/03/javascript-delete-configurable.html<![CDATA[在js中有些变量或属性能够被delete删除，而有些又不能删除，本篇文章将通过讲解js中的内部属性和delete操作符来解释这个原因]]>
- <![CDATA[使用CSS3实现圆形进度条]]>https://www.xiabingbao.com/css/2015/07/27/css3-animation-circle.htmlSun, 29 May 22 11:15:21 +0800https://www.xiabingbao.com/css/2015/07/27/css3-animation-circle.html<![CDATA[一般我们见到的进度条通常都是矩形的，从左往右开始推进，直到100%；但是很少有圆形的进度条，本篇文章稍微讲解下如何使用CSS3实现圆形进度条]]>
- <![CDATA[jQuery中的工具方法$.isFunction, $.isArray(), $.isWindow()]]>https://www.xiabingbao.com/jquery/2015/07/25/jquery-judge-type.htmlTue, 21 Jun 22 11:15:59 +0800https://www.xiabingbao.com/jquery/2015/07/25/jquery-judge-type.html<![CDATA[jQuery除了提供$.type方法外，还提供了几个其他的工具方法，如$.isFunction, $.isArray(), $.isWindow, $.isNumeric等]]>
- <![CDATA[jquery弹窗插件dialog]]>https://www.xiabingbao.com/jquery/2015/07/22/jquery-dialog.htmlTue, 15 Aug 17 10:31:19 +0800https://www.xiabingbao.com/jquery/2015/07/22/jquery-dialog.html<![CDATA[自己动手写了一个简单的jquery弹窗插件]]>
- <![CDATA[javascript中对变量类型的判断]]>https://www.xiabingbao.com/javascript/2015/07/04/javascript-type.htmlTue, 21 Jun 22 11:22:22 +0800https://www.xiabingbao.com/javascript/2015/07/04/javascript-type.html<![CDATA[在JavaScript中，有6种数据类型，实际应用中，我们需要知道一个变量具体是属于什么类型；今天我们就来探讨一下如何对变量的类型进行判断]]>
- <![CDATA[如何控制jquery的ready事件]]>https://www.xiabingbao.com/jquery/2015/06/27/jquery-holdready.htmlSat, 27 Jun 15 06:00:00 +0800https://www.xiabingbao.com/jquery/2015/06/27/jquery-holdready.html<![CDATA[通常我们使用jquery的ready事件时，是希望在页面加载完成时再执行，可是有时候还得希望等待其他资源加载完毕后才触发ready事件]]>
- <![CDATA[how-many-fibs]]>https://www.xiabingbao.com/algorithm/2015/06/25/how-many-fibs.htmlThu, 25 Jun 15 06:00:00 +0800https://www.xiabingbao.com/algorithm/2015/06/25/how-many-fibs.html<![CDATA[OJ平台上的一道大数运算的题目，计算两个数之间的斐波那契数的个数]]>
- <![CDATA[leetcode-invert-binary-tree]]>https://www.xiabingbao.com/algorithm/2015/06/17/invert-binary-tree.htmlWed, 17 Jun 15 06:00:00 +0800https://www.xiabingbao.com/algorithm/2015/06/17/invert-binary-tree.html<![CDATA[使用JavaScript解决反转二叉树的问题]]>
- <![CDATA[浅谈javascript中的prototype]]>https://www.xiabingbao.com/javascript/2015/06/15/javascript-prototype.htmlMon, 15 Jun 15 06:00:00 +0800https://www.xiabingbao.com/javascript/2015/06/15/javascript-prototype.html<![CDATA[prototype可谓是javascript中的难点和重点了，很多人对prototype是敬而远之，本文将以一种诙谐幽默的语言来介绍prototype]]>
- <![CDATA[我的博客之路]]>https://www.xiabingbao.com/summary/2015/06/13/my-blog-the-road.htmlTue, 02 Aug 22 23:12:58 +0800https://www.xiabingbao.com/summary/2015/06/13/my-blog-the-road.html<![CDATA[想想从开始写日志到现在，差不多也要5年的时间了，零零散散在网上也发表了很多的文章。其实一路走来也是能够发现我们的心态也在一步步的发生着变化]]>
- <![CDATA[jquery中extend的实现]]>https://www.xiabingbao.com/jquery/2015/05/30/jquery-extend.htmlSat, 30 May 15 06:00:00 +0800https://www.xiabingbao.com/jquery/2015/05/30/jquery-extend.html<![CDATA[我们大都使用过jquery中的extend来进行默认字段的替换，不过extend还有其他的功能呢，待讲完之后，我们就知道extend的原理了]]>
- <![CDATA[javascript中的闭包]]>https://www.xiabingbao.com/javascript/2015/05/23/javascript-closure.htmlSat, 23 May 15 06:00:00 +0800https://www.xiabingbao.com/javascript/2015/05/23/javascript-closure.html<![CDATA[在打算讲解模块模式时，又复习了一次闭包，对闭包又有了新的认识，再从另一个角度解析js中的闭包]]>
- <![CDATA[javascript设计模式之构造函数模式]]>https://www.xiabingbao.com/javascript/2015/05/21/js-design-pattern-constructor.htmlThu, 21 May 15 06:00:00 +0800https://www.xiabingbao.com/javascript/2015/05/21/js-design-pattern-constructor.html<![CDATA[相对来说构造器模式是这几种模式中比较简单的，构造器模式，顾名思义，是以创建构造器为基础的设计模式]]>
- <![CDATA[html5实现图片预览和查看原图]]>https://www.xiabingbao.com/html5/2015/05/20/html5-filereader-natural.htmlThu, 18 Mar 21 14:02:02 +0800https://www.xiabingbao.com/html5/2015/05/20/html5-filereader-natural.html<![CDATA[html5提供了很多新的API，减轻了很多开发者的工作，比如这次要讲解的FileReader和naturalWidth,naturalHeight就能实现图片预览和查看原图功能]]>
- <![CDATA[取其精华，去其糟粕]]>https://www.xiabingbao.com/javascript/2015/05/17/javascript-goods-parts.htmlWed, 13 Jul 22 19:40:35 +0800https://www.xiabingbao.com/javascript/2015/05/17/javascript-goods-parts.html<![CDATA[基本读完《JavaScript语言精粹》，总结一下这篇文章读后心得]]>
- <![CDATA[从输入URL到页面加载完成的过程中都发生了什么]]>https://www.xiabingbao.com/browser/2015/05/16/happens-type-in-url-browser.htmlSat, 16 May 15 06:00:00 +0800https://www.xiabingbao.com/browser/2015/05/16/happens-type-in-url-browser.html<![CDATA[为什么在地址栏中输入了url，浏览器就能展示相应的网页内容。本文用简介的方式介绍这个过程中主要发生了什么]]>
- <![CDATA[gulp:任务自动管理工具]]>https://www.xiabingbao.com/tool/2015/05/13/tool-gulp.htmlTue, 02 Aug 22 23:10:52 +0800https://www.xiabingbao.com/tool/2015/05/13/tool-gulp.html<![CDATA[Gulp与Grunt一样，也是一个自动任务运行器。它充分借鉴了Unix操作系统的管道（pipe）思想，很多人认为，在操作上，它要比Grunt简单]]>
- <![CDATA[2015年4月份总结]]>https://www.xiabingbao.com/summary/2015/05/01/april-summary.htmlFri, 01 May 15 06:00:00 +0800https://www.xiabingbao.com/summary/2015/05/01/april-summary.html<![CDATA[这是本人对4月份的一个总结，每个对自己的成果和过失都进行下总结，让自己前进地更有动力]]>
- <![CDATA[webkit内核]]>https://www.xiabingbao.com/webkit/2015/04/25/webkit-core.htmlMon, 06 Jun 22 09:56:23 +0800https://www.xiabingbao.com/webkit/2015/04/25/webkit-core.html<![CDATA[webkit是从KHML发展而来的开源浏览器引擎，主要包含有webcore排版引擎和JavaScript引擎]]>
- <![CDATA[windows环境下安装jekyll]]>https://www.xiabingbao.com/jekyll/2015/04/22/jekyll-in-windows.htmlWed, 22 Apr 15 06:00:00 +0800https://www.xiabingbao.com/jekyll/2015/04/22/jekyll-in-windows.html<![CDATA[jekyll是一个简单的免费的Blog生成工具，类似WordPress。但是和WordPress又有很大的不同，原因是jekyll只是一个生成静态网页的工具，不需要数据库支持。本文主要讲解如何在windows安装jekyll。]]>
- <![CDATA[二谈javascript中的定时器]]>https://www.xiabingbao.com/javascript/2015/04/20/javascript-timer.htmlMon, 20 Apr 15 06:00:00 +0800https://www.xiabingbao.com/javascript/2015/04/20/javascript-timer.html<![CDATA[以前讨论过js中的定时器，而这篇文章主要讲解定时器的最小间隔和标签页处于可见状态和不可见状态时的间隔]]>
- <![CDATA[leetcode-rotate-array]]>https://www.xiabingbao.com/algorithm/2015/04/19/leetcode-rotate-array.htmlTue, 02 Aug 22 23:08:17 +0800https://www.xiabingbao.com/algorithm/2015/04/19/leetcode-rotate-array.html<![CDATA[这是leetcode的一道算法题目，主要是讲解数组的旋转]]>
- <![CDATA[jquery的promise]]>https://www.xiabingbao.com/jquery/2015/04/18/jquery-promise.htmlSat, 18 Apr 15 06:00:00 +0800https://www.xiabingbao.com/jquery/2015/04/18/jquery-promise.html<![CDATA[为了让前端们从回调的地狱中回到天堂，jQuery也引入了Promise的概念。Promise是一种令代码异步行为更加优雅的抽象，有了它，我们就可以像写同步代码一样去写异步代码。jQuery从1.5版本开始实现了CommonJS Promise/A规范这一重量级方案，不过没有严格按照规范进行实现，有一些API上的差异。]]>
- <![CDATA[node-socket实现web的即时聊天系统]]>https://www.xiabingbao.com/node/2015/04/06/node-socket.htmlMon, 14 Aug 17 18:08:56 +0800https://www.xiabingbao.com/node/2015/04/06/node-socket.html<![CDATA[以前在我们实现聊天系统时，通常会使用轮询的方式查询服务器信息，这样不但消耗前端的性能，还会增加服务器的压力。这篇文章主要来讲解如何通过node和socket来实现web的即时聊天]]>
- <![CDATA[使用node更新google hosts]]>https://www.xiabingbao.com/node/2015/03/27/node-hosts.htmlMon, 14 Aug 17 18:03:10 +0800https://www.xiabingbao.com/node/2015/03/27/node-hosts.html<![CDATA[因为某些原因导致我们无法享受google的功能，而手动复制粘贴google hosts又比较麻烦。本篇将会讲解如何使用node一条命令更新本地的hosts文件，轻松登上google]]>
- <![CDATA[再说仿微博的发布与删除]]>https://www.xiabingbao.com/javascript/2015/03/21/imitate-microblog.htmlThu, 09 May 19 09:30:13 +0800https://www.xiabingbao.com/javascript/2015/03/21/imitate-microblog.html<![CDATA[以前写过一次仿新浪微博的发布与删除，当时只是为实现功能而写，并没有进行优化和代码的整理，这几天重构了一下代码，同时也添加了一些新的功能。]]>
- <![CDATA[placehold.it-在线图片生成器]]>https://www.xiabingbao.com/f2e/2015/03/12/placehold-introduce.htmlThu, 12 Mar 15 07:00:00 +0800https://www.xiabingbao.com/f2e/2015/03/12/placehold-introduce.html<![CDATA[我们在设计网页或者使用其他功能时，都会使用到各种尺寸的图片，如果我们手动制作的话会非常麻烦，不过，幸好，现在网上有很多的工具供我们使用。本文主要介绍了在线图片生成器placehold的使用]]>
- <![CDATA[自制密码管理系统]]>https://www.xiabingbao.com/password/2015/03/08/make-passwork.htmlSat, 07 Mar 20 10:50:34 +0800https://www.xiabingbao.com/password/2015/03/08/make-passwork.html<![CDATA[现在越来越多的网站需要我们进行，而不同的网站对密码的要求不同，导致我们需要记住很多的密码，因此我们需要对无数的密码进行管理！]]>
- <![CDATA[2015年2月份总结]]>https://www.xiabingbao.com/summary/2015/03/03/february-summary.htmlTue, 03 Mar 15 07:00:00 +0800https://www.xiabingbao.com/summary/2015/03/03/february-summary.html<![CDATA[这是本人对2月份的一个总结，每个对自己的成果和过失都进行下总结，让自己前进地更有动力]]>
- <![CDATA[使用console进行招聘]]>https://www.xiabingbao.com/javascript/2015/03/03/console-hiring.htmlMon, 16 May 22 22:12:09 +0800https://www.xiabingbao.com/javascript/2015/03/03/console-hiring.html<![CDATA[现在更多的网站使用console进行前端招聘，让我们理理都有哪些网站进行了这样的招聘]]>
- <![CDATA[chrome的console讲解]]>https://www.xiabingbao.com/javascript/2015/03/02/chrome-console.htmlSat, 20 Feb 21 19:05:58 +0800https://www.xiabingbao.com/javascript/2015/03/02/chrome-console.html<![CDATA[当打开 Chrome 的开发者工具，window 下面会注册一个叫做 console 的对象，它提供多种方法向控制台输出信息，供开发人员调试使用。下面是这些方法的一个简单介绍，适时地运用它们，对于提高开发效率很有帮助]]>
- <![CDATA[Javascript的严格模式]]>https://www.xiabingbao.com/javascript/2015/02/14/javascript-strict.htmlMon, 14 Aug 17 14:58:47 +0800https://www.xiabingbao.com/javascript/2015/02/14/javascript-strict.html<![CDATA[ES5最早引入了“严格模式”(strict mode)的概念。严格模式不是束缚了开发者的手脚，而是更加规范了Javascript的开发，方便代码的多浏览器兼容和以后的维护]]>
- <![CDATA[CSS实现小三角]]>https://www.xiabingbao.com/css/2015/02/14/css-arrow.htmlMon, 16 May 22 22:13:42 +0800https://www.xiabingbao.com/css/2015/02/14/css-arrow.html<![CDATA[用小图片实现气泡效果不难，但图片一费流量，二难修改，改边框颜色、大小均要重新生成图片，一个普通的前端设计师和一个优秀的前端设计师的差距就在这里：前者完成任务，后者追求极致]]>
- <![CDATA[博客正式放弃IE6~IE8浏览器]]>https://www.xiabingbao.com/browser/2015/02/07/ignore-ie8.htmlSat, 07 Feb 15 07:00:00 +0800https://www.xiabingbao.com/browser/2015/02/07/ignore-ie8.html<![CDATA[IE6~IE8的浏览器版本过低，导致现在很多的新技术无法使用；为了前端，为了生命，让我们放弃IE6~IE8]]>
- <![CDATA[2015年1月份总结]]>https://www.xiabingbao.com/summary/2015/02/04/january-summary.htmlWed, 04 Feb 15 07:00:00 +0800https://www.xiabingbao.com/summary/2015/02/04/january-summary.html<![CDATA[这是本人对1月份的一个总结，每个对自己的成果和过失都进行下总结，让自己前进地更有动力]]>
- <![CDATA[如何提升alexa的排名(二)]]>https://www.xiabingbao.com/alexa/2015/02/01/improve-alexa-ranking2.htmlMon, 14 Aug 17 14:33:29 +0800https://www.xiabingbao.com/alexa/2015/02/01/improve-alexa-ranking2.html<![CDATA[Alexa排名是指网站的世界排名，主要分为综合排名和分类排名，Alexa提供了包括综合排名、到访量排名、页面访问量排名等多个评价指标信息，大多数人把它当作当前较为权威的网站访问量评价指标]]>
- <![CDATA[如何提升alexa的排名(一)]]>https://www.xiabingbao.com/alexa/2015/02/01/improve-alexa-ranking.htmlMon, 14 Aug 17 14:27:38 +0800https://www.xiabingbao.com/alexa/2015/02/01/improve-alexa-ranking.html<![CDATA[在不能有效地评估一个网站的大环境下，alexa排名成了惟一的通行评判标准。至少在相当长的时间内，alexa排名对于中小站长来说，都是很重要的一个参考标准]]>
- <![CDATA[javascript实现一个简单的广告位]]>https://www.xiabingbao.com/javascript/2015/01/31/javascript-ad.htmlSat, 20 Feb 21 18:47:46 +0800https://www.xiabingbao.com/javascript/2015/01/31/javascript-ad.html<![CDATA[一般广告位的实现都是一个独立的模块，哪里需要添加广告位，就把这个广告位插在哪里；而这个广告位通常都是由一个js链接导入的]]>
- <![CDATA[javascript获取URL链接和js链接中的参数]]>https://www.xiabingbao.com/javascript/2015/01/30/geturl-param.htmlFri, 30 Jan 15 07:00:00 +0800https://www.xiabingbao.com/javascript/2015/01/30/geturl-param.html<![CDATA[有时候我们会在javascript中使用到URL里传递过来的参数，或者我们引用了一个外部js文件的链接，而这个js文件要解析引用这个js文件里的链接。]]>
- <![CDATA[博客从github迁移到gitcafe上]]>https://www.xiabingbao.com/git/2015/01/28/github-to-gitcafe.htmlMon, 06 Jun 22 09:53:35 +0800https://www.xiabingbao.com/git/2015/01/28/github-to-gitcafe.html<![CDATA[这篇文章主要是讲解我的博客为什么要从github上迁移到gitcafe上]]>
- <![CDATA[Mercurial的使用心得]]>https://www.xiabingbao.com/mercurial/2015/01/22/mercurial-understanding.htmlMon, 14 Aug 17 14:16:36 +0800https://www.xiabingbao.com/mercurial/2015/01/22/mercurial-understanding.html<![CDATA[这篇文章主要是本人在使用Mercurial时的心得和总结，对自己这段时间的使用做个梳理，同时也希望文章中的某个点能解开你的疑惑]]>
- <![CDATA[修改git提交历史中的姓名和email]]>https://www.xiabingbao.com/github/2015/01/17/change-git-history-emial.htmlSat, 20 Feb 21 18:44:20 +0800https://www.xiabingbao.com/github/2015/01/17/change-git-history-emial.html<![CDATA[或许因为各种各样的原因，提交了我们不想看到的用户信息（在auther字段里），我们想要修改掉这些信息，怎么办呢？]]>
- <![CDATA[jQuery中兄弟元素、子元素和父元素的获取]]>https://www.xiabingbao.com/jquery/2015/01/10/jquery-ergodic.htmlSat, 07 Mar 20 10:44:31 +0800https://www.xiabingbao.com/jquery/2015/01/10/jquery-ergodic.html<![CDATA[在jQuery中元素选择器是一块很重要的内容，同时我们也会经常对某元素的兄弟元素、子元素或父元素进行操作，因此这里总结一下对这些元素的获取和操作]]>
- <![CDATA[CSS3中transition的使用]]>https://www.xiabingbao.com/css/2015/01/06/css3-transition.htmlThu, 10 Aug 17 18:39:17 +0800https://www.xiabingbao.com/css/2015/01/06/css3-transition.html<![CDATA[多年来，web前端开发人员一直在寻求通过html和css实现一些动画效果，而不再使用Javascript或Flash。现在因为CSS3的出现让我们的愿望成为了现实，这就是CSS3中的transition属性]]>
- <![CDATA[Javascript中的定时器]]>https://www.xiabingbao.com/javascript/2015/01/02/timer.htmlThu, 10 Aug 17 17:10:02 +0800https://www.xiabingbao.com/javascript/2015/01/02/timer.html<![CDATA[在Javascript中，有两种定时器setTimeout()和setInterval()，能够在一定的时间后运行我们指定的代码，只是我们定时器内部的运行原理么，拭目以待]]>
- <![CDATA[再见2014，你好2015]]>https://www.xiabingbao.com/f2e/2014/12/23/summarize.htmlSun, 29 May 22 11:24:56 +0800https://www.xiabingbao.com/f2e/2014/12/23/summarize.html<![CDATA[匆匆一年马上就过去了，这一年过得好快，还没好好的做什么事就这么过去了，希望自己能在接下来的2015年里做的更踏实更好]]>
- <![CDATA[特色的自我介绍]]>https://www.xiabingbao.com/f2e/2014/12/18/introduce-myself.htmlThu, 09 Jan 20 16:12:49 +0800https://www.xiabingbao.com/f2e/2014/12/18/introduce-myself.html<![CDATA[前端开发程序员当然得有一份自己特色的介绍了]]>
- <![CDATA[页面滚动事件的使用]]>https://www.xiabingbao.com/f2e/2014/12/14/scroll-use.htmlSun, 14 Dec 14 07:00:00 +0800https://www.xiabingbao.com/f2e/2014/12/14/scroll-use.html<![CDATA[文章中比较详细的介绍滚动事件使用的场景和方法]]>
- <![CDATA[汉诺塔算法演示]]>https://www.xiabingbao.com/js/2014/07/10/js-hanoi.htmlThu, 10 Jul 14 06:00:00 +0800https://www.xiabingbao.com/js/2014/07/10/js-hanoi.html<![CDATA[工作之余闲来无聊，于是就有了用JS来实现算法演示的想法]]>
- <![CDATA[http协议报头详解]]>https://www.xiabingbao.com/http/2014/06/03/http-header.htmlMon, 07 Sep 20 09:35:30 +0800https://www.xiabingbao.com/http/2014/06/03/http-header.html<![CDATA[http协议是什么呢，里面各个字段都有什么含义呢？]]>
- <![CDATA[对js闭包的一些理解]]>https://www.xiabingbao.com/js/2014/05/27/js-closure.htmlSat, 20 Feb 21 18:40:10 +0800https://www.xiabingbao.com/js/2014/05/27/js-closure.html<![CDATA[闭包是什么，闭包都会用在什么场景下呢？本篇文章将进行一下比较的讲解]]>
- <![CDATA[微信接口开发-初级体验]]>https://www.xiabingbao.com/php/2014/03/12/weixin-devp.htmlSat, 20 Feb 21 18:37:57 +0800https://www.xiabingbao.com/php/2014/03/12/weixin-devp.html<![CDATA[微信作为使用最广的app，了解下微信的初级开发还是有必要的]]>
- <![CDATA[代码演示神器——jsfiddle]]>https://www.xiabingbao.com/fe/2014/02/25/fe-jsfiddle.htmlSat, 20 Feb 21 18:18:25 +0800https://www.xiabingbao.com/fe/2014/02/25/fe-jsfiddle.html<![CDATA[jsfiddle——前端代码在线演示神器，演示与分享完美统一体！ - 很实用]]>
- <![CDATA[javascript模块化编写]]>https://www.xiabingbao.com/javascript/2014/01/17/javascript-module.htmlMon, 14 Aug 17 12:58:04 +0800https://www.xiabingbao.com/javascript/2014/01/17/javascript-module.html<![CDATA[我们希望别人的代码尽量少的影响到自己的代码，同时我们的代码也尽量少的影响到别人的代码。因此我们就需要对自己的js代码进行模块化，防止产生更多的全局变量]]>
- <![CDATA[js的数组问题]]>https://www.xiabingbao.com/javascript/2014/01/03/js-array.htmlSat, 20 Feb 21 18:33:11 +0800https://www.xiabingbao.com/javascript/2014/01/03/js-array.html<![CDATA[js中对数组操作时遇到的问题]]>
- <![CDATA[2014的希冀]]>https://www.xiabingbao.com/summary/2014/01/02/2014-summary.htmlTue, 25 Aug 20 23:04:13 +0800https://www.xiabingbao.com/summary/2014/01/02/2014-summary.html<![CDATA[好快，2013年就这么过去了。每当停下脚步回头看时，才发现时间是过得如此之快；在这个公司感觉还没工作多长时间，这一年就这样过去了]]>
- <![CDATA[js事件在不同浏览器之间的差异]]>https://www.xiabingbao.com/javascript/2013/10/15/js-browser-diff.htmlTue, 05 Nov 13 08:00:00 +0800https://www.xiabingbao.com/javascript/2013/10/15/js-browser-diff.html<![CDATA[各个浏览器之间确实存在差异，这是我们不可避免的。我们能做的就是尽量去寻找一个通用的方法]]>
- <![CDATA[CSS之position体验]]>https://www.xiabingbao.com/css/2013/11/04/css-position.htmlMon, 06 Jun 22 09:48:14 +0800https://www.xiabingbao.com/css/2013/11/04/css-position.html<![CDATA[position最简单的理解就是元素位置的定位，该元素相对于其他元素的位置或者想要该元素出现在合适的位置。这里我们用一个简单的例子来解释一下position的使用]]>
- <![CDATA[CSS 左边div固定，右边div自适应]]>https://www.xiabingbao.com/css/2013/10/31/css-fixed-adaptive.htmlSat, 20 Feb 21 18:19:36 +0800https://www.xiabingbao.com/css/2013/10/31/css-fixed-adaptive.html<![CDATA[有时候我们会有这样的需求，如图，aside是导航或者某些链接，右边的main是显示重要的内容，左边需要定宽，右边的main能够自适应剩余的宽度]]>
- <![CDATA[PHP中的日期和时间]]>https://www.xiabingbao.com/php/2013/04/11/php-date-time.htmlThu, 12 May 22 09:29:46 +0800https://www.xiabingbao.com/php/2013/04/11/php-date-time.html<![CDATA[今天上午同学问了我一个mysql数据库存储时间的问题，就忽然想起要不就总结一下php和mysql中的日期和时间吧]]>
- <![CDATA[我的php学习经历]]>https://www.xiabingbao.com/php/2013/04/07/my-php-learning.htmlSun, 07 Apr 13 06:00:00 +0800https://www.xiabingbao.com/php/2013/04/07/my-php-learning.html<![CDATA[从php的第一个作品开始，总结下学习php的历程]]>
- <![CDATA[毕业设计笔记]]>https://www.xiabingbao.com/graduation/2013/03/16/graduation-project.htmlSat, 20 Feb 21 18:08:51 +0800https://www.xiabingbao.com/graduation/2013/03/16/graduation-project.html<![CDATA[毕业设计做到现在已经到了0.4版本了，功能在一步步的完善中]]>
- <![CDATA[到公司实习一个月记]]>https://www.xiabingbao.com/summary/2013/03/04/fieldwork-month.htmlMon, 04 Mar 13 07:00:00 +0800https://www.xiabingbao.com/summary/2013/03/04/fieldwork-month.html<![CDATA[公司实习一个月的贴心记录]]>
- <![CDATA[jQuery随笔]]>https://www.xiabingbao.com/jquery/2013/01/30/jquery-essay.htmlWed, 30 Jan 13 07:00:00 +0800https://www.xiabingbao.com/jquery/2013/01/30/jquery-essay.html<![CDATA[这两天在看jQuery，就记下一些自己曾经苦苦寻找的东西]]>
- <![CDATA[2013年的希冀]]>https://www.xiabingbao.com/summary/2013/01/01/2013-summary.htmlTue, 25 Aug 20 23:02:49 +0800https://www.xiabingbao.com/summary/2013/01/01/2013-summary.html<![CDATA[不知不觉2013年就这样到来了，我的大学生活就剩下半年的时间了]]>
- <![CDATA[异步传输ajax]]>https://www.xiabingbao.com/js/2012/12/13/javascript-ajax.htmlSun, 29 May 22 14:59:48 +0800https://www.xiabingbao.com/js/2012/12/13/javascript-ajax.html<![CDATA[什么是异步传输，异步传输的原理和实现方式是什么呢？]]>
- <![CDATA[排序算法之总结]]>https://www.xiabingbao.com/sort/2012/12/04/sort-summary.htmlMon, 14 Aug 17 10:35:39 +0800https://www.xiabingbao.com/sort/2012/12/04/sort-summary.html<![CDATA[原本还打算写希尔排序和堆排序呢，不过由于时间原因也只能写这些排序了。下面总结和对比一下常用的排序方法吧]]>
- <![CDATA[排序算法之归并排序]]>https://www.xiabingbao.com/sort/2012/12/04/sort-merge.htmlTue, 04 Dec 12 07:00:00 +0800https://www.xiabingbao.com/sort/2012/12/04/sort-merge.html<![CDATA[归并排序是成功应用分治技术的一个完美例子]]>
- <![CDATA[排序算法之快速排序]]>https://www.xiabingbao.com/sort/2012/12/02/sort-quick.htmlSun, 02 Dec 12 07:00:00 +0800https://www.xiabingbao.com/sort/2012/12/02/sort-quick.html<![CDATA[终于讲到了排序的重点了。快排即使不是排序中最经典的算法，能算上是非常出色的算法了]]>
- <![CDATA[排序算法之插入排序]]>https://www.xiabingbao.com/sort/2012/12/01/sort-insert.htmlSat, 01 Dec 12 07:00:00 +0800https://www.xiabingbao.com/sort/2012/12/01/sort-insert.html<![CDATA[本篇主要讲解下插入排序，插入排序一般分为直接插入排序和二分插入插入排序]]>
- <![CDATA[排序算法之冒泡排序与选择排序]]>https://www.xiabingbao.com/sort/2012/12/01/sort-bubble-select.htmlSat, 01 Dec 12 07:00:00 +0800https://www.xiabingbao.com/sort/2012/12/01/sort-bubble-select.html<![CDATA[本篇文章主要讲解下冒泡排序和选择排序的原理使用]]>
- <![CDATA[图书馆信息管理系统——总结]]>https://www.xiabingbao.com/php/2012/08/05/library-info-summary.htmlMon, 09 May 22 16:57:56 +0800https://www.xiabingbao.com/php/2012/08/05/library-info-summary.html<![CDATA[最近闲着没事就自己弄了个图书馆的信息管理系统，写的比较差，不过确实学到了很多的东西。就在这里把编写系统的过程中遇到的问题和见解记录下吧]]>
- <![CDATA[如何显示php源码]]>https://www.xiabingbao.com/php/2012/07/27/show-php-source.htmlSat, 20 Feb 21 18:11:29 +0800https://www.xiabingbao.com/php/2012/07/27/show-php-source.html<![CDATA[如何显示php源码]]>
- <![CDATA[二叉排序树-C语言程序]]>https://www.xiabingbao.com/binarytree/2012/03/14/binary-sort-tree-c.htmlSat, 17 Nov 18 00:52:05 +0800https://www.xiabingbao.com/binarytree/2012/03/14/binary-sort-tree-c.html<![CDATA[曾经在数据结构的时候做过的实验，最近忽然发现了这个程序，闲来无事就发到网上吧]]>
- <![CDATA[poj 3069 Saruman's Army 思路题解 C语言]]>https://www.xiabingbao.com/acm/2011/07/23/poj-3069-sarumans-army.htmlSat, 23 Jul 11 06:00:00 +0800https://www.xiabingbao.com/acm/2011/07/23/poj-3069-sarumans-army.html<![CDATA[用C语言实现Saruman's Army]]>
- <![CDATA[杭电 step1.2.5 Higher Math 的输出格式错误]]>https://www.xiabingbao.com/acm/2011/07/20/hdu-step125.htmlTue, 21 Jun 22 11:05:11 +0800https://www.xiabingbao.com/acm/2011/07/20/hdu-step125.html<![CDATA[杭电hdu练习]]>
共有 0 条评论