博客园 - beidan
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=139677
2021-05-23T09:53:15Z
beidan
https://www.cnblogs.com/beidan/
feed.cnblogs.com
https://www.cnblogs.com/beidan/p/14801657.html
图解 React-router 带你深入理解路由本质 - beidan
图解 React-router 带你深入理解路由本质
2021-05-23T09:50:00Z
2021-05-23T09:50:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】图解 React-router 带你深入理解路由本质 <a href="https://www.cnblogs.com/beidan/p/14801657.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/14774695.html
你要知道的 Npm Script 都在这里 - beidan
在拿到一个项目之后,如何看入口文件,如何运行项目,我们都会找到 package.json 中的 script 。
甚至在做项目做久之后,我们会自己写一些脚本来给开发提效,但你知道 NPM 脚本能做什么吗? 你知道如何传递一个参数给脚本? 你知道如何执行某个脚本文件么?
在这篇文章中,我将分享我如何充分利用 NPM 脚本。
2021-05-16T12:04:00Z
2021-05-16T12:04:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】在拿到一个项目之后,如何看入口文件,如何运行项目,我们都会找到 package.json 中的 script 。
甚至在做项目做久之后,我们会自己写一些脚本来给开发提效,但你知道 NPM 脚本能做什么吗? 你知道如何传递一个参数给脚本? 你知道如何执行某个脚本文件么?
在这篇文章中,我将分享我如何充分利用 NPM 脚本。 <a href="https://www.cnblogs.com/beidan/p/14774695.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/12118198.html
Typescript 最佳实践 - beidan
文章列表: 《一》大话 TypeScript 基本类型 《二》大话 Typescript 枚举 《三》大话 Typescript 接口 《四》大话 Typescript 泛型 《五》大话 Typescript 函数与类 《六》Typescript 最佳实践 《一》大话 TypeScript 基本类型
2019-12-30T02:01:00Z
2019-12-30T02:01:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】文章列表: 《一》大话 TypeScript 基本类型 《二》大话 Typescript 枚举 《三》大话 Typescript 接口 《四》大话 Typescript 泛型 《五》大话 Typescript 函数与类 《六》Typescript 最佳实践 《一》大话 TypeScript 基本类型 <a href="https://www.cnblogs.com/beidan/p/12118198.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/12027401.html
《三》大话 Typescript 接口 - beidan
> 前言: 本文章为 TypeScript 系列文章. 旨在利用碎片时间快速入门 Typescript. 或重新温故 Typescript 查漏补缺.在官方 api 的基础上, 加上一些日常使用的感想. 如果感兴趣的话~ 欢迎关注, 后续持续推出文章. 文章列表: - 《一》大话 TypeScrip
2019-12-12T01:36:00Z
2019-12-12T01:36:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】> 前言: 本文章为 TypeScript 系列文章. 旨在利用碎片时间快速入门 Typescript. 或重新温故 Typescript 查漏补缺.在官方 api 的基础上, 加上一些日常使用的感想. 如果感兴趣的话~ 欢迎关注, 后续持续推出文章. 文章列表: - 《一》大话 TypeScrip <a href="https://www.cnblogs.com/beidan/p/12027401.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/7650668.html
二. 细说小程序登陆 - beidan
前言: 每次和第三方平台之间的登陆都会比寻常的麻烦一点,为了安全,第三方都会各种加密解密过期时间。。所以,就有了这篇文章…… 看文字不如看图,先看下面的流程。 比较重要的几点在下面列出来: wx.getUserInfo()接口不再出现授权弹窗。必须使用button组件。已上线的小程序忽略。 在调用
2018-09-26T02:45:00Z
2018-09-26T02:45:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】前言: 每次和第三方平台之间的登陆都会比寻常的麻烦一点,为了安全,第三方都会各种加密解密过期时间。。所以,就有了这篇文章…… 看文字不如看图,先看下面的流程。 比较重要的几点在下面列出来: wx.getUserInfo()接口不再出现授权弹窗。必须使用button组件。已上线的小程序忽略。 在调用 <a href="https://www.cnblogs.com/beidan/p/7650668.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/8480490.html
一. 优化小程序自身的Storage - beidan
在体验版、开发版、和线上版都共用一套,并不会隔离。 没有 Cookie 从上面知道,storage 不会自动销毁,而是在小程序销毁的时候再销毁。我们先了解一下小程序的运行机制。 小程序运行机制: 小程序没有重启的概念 当小程序进入后台,客户端会维持一段时间的运行状态,超过一定时间后(目前是5分钟)会
2018-09-26T01:16:00Z
2018-09-26T01:16:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】在体验版、开发版、和线上版都共用一套,并不会隔离。 没有 Cookie 从上面知道,storage 不会自动销毁,而是在小程序销毁的时候再销毁。我们先了解一下小程序的运行机制。 小程序运行机制: 小程序没有重启的概念 当小程序进入后台,客户端会维持一段时间的运行状态,超过一定时间后(目前是5分钟)会 <a href="https://www.cnblogs.com/beidan/p/8480490.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/6856461.html
开始你的第一个npm脚本工具 - beidan
在实际开发中,一般刚开始一个项目或者刚接手一个项目,我们会运行 npm install 下载安装所有依赖, 在实际开发中,可能也会使用各种命令行…… 来提高我们开发的效率。 与它相处了这么久,你真的了解 npm 这些东西吗? 本篇文章会分别介绍下面几个内容: package.json 解析命令行参数
2017-12-04T12:55:00Z
2017-12-04T12:55:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】在实际开发中,一般刚开始一个项目或者刚接手一个项目,我们会运行 npm install 下载安装所有依赖, 在实际开发中,可能也会使用各种命令行…… 来提高我们开发的效率。 与它相处了这么久,你真的了解 npm 这些东西吗? 本篇文章会分别介绍下面几个内容: package.json 解析命令行参数 <a href="https://www.cnblogs.com/beidan/p/6856461.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/7053515.html
javascript 玩转Date对象 - beidan
前言:最近在做一个日期选择功能,在日期转换的时候经常换到晕,总结一下常用的Date对象的相关用法,方便日后直接查看使用~ 1. new Date()的使用方法有: 不接收任何参数:返回当前时间; 接收一个参数x: 返回1970年1月1日 + x毫秒的值。 new Date(1, 1, 1)返回190
2017-07-10T07:20:00Z
2017-07-10T07:20:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】前言:最近在做一个日期选择功能,在日期转换的时候经常换到晕,总结一下常用的Date对象的相关用法,方便日后直接查看使用~ 1. new Date()的使用方法有: 不接收任何参数:返回当前时间; 接收一个参数x: 返回1970年1月1日 + x毫秒的值。 new Date(1, 1, 1)返回190 <a href="https://www.cnblogs.com/beidan/p/7053515.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/7122731.html
createjs 小游戏开发实战 - beidan
【转载请注明出处】 紧接着上一篇文章createjs入门:http://www.cnblogs.com/beidan/p/7055422.html 这里来一篇小游戏实战篇。 效果图:(录屏的时候有点卡) demo地址:https://github.com/beidan/canvas/tree/mas
2017-07-06T07:41:00Z
2017-07-06T07:41:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】【转载请注明出处】 紧接着上一篇文章createjs入门:http://www.cnblogs.com/beidan/p/7055422.html 这里来一篇小游戏实战篇。 效果图:(录屏的时候有点卡) demo地址:https://github.com/beidan/canvas/tree/mas <a href="https://www.cnblogs.com/beidan/p/7122731.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/7049007.html
前端实现连连看小游戏(1) - beidan
博主玩了这么久的连连看,居然是第一次发现,连连看最多只能有2个转弯。orz… 在网上搜索连连看的连线算法判断,并没有找到很全面的,经过自己摸索之后,做了一些小动画,希望大家可以看一遍都懂啦~) 一. 2个物体在同一直线上,可以直接连通 (这个不需要解释啦) 二. 2个对象不在同一直线上,一个转弯 【
2017-06-21T01:46:00Z
2017-06-21T01:46:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】博主玩了这么久的连连看,居然是第一次发现,连连看最多只能有2个转弯。orz… 在网上搜索连连看的连线算法判断,并没有找到很全面的,经过自己摸索之后,做了一些小动画,希望大家可以看一遍都懂啦~) 一. 2个物体在同一直线上,可以直接连通 (这个不需要解释啦) 二. 2个对象不在同一直线上,一个转弯 【 <a href="https://www.cnblogs.com/beidan/p/7049007.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/7055422.html
一篇文章带你快速入门createjs - beidan
开始用createjs这个框架的时候,发现网上的相关教程还是挺少的,所以写一篇文章,方便日后查看。 createjs简介 官网:http://www.createjs.cc/ createjs中包含以下四个部分: EaselJS:用于 Sprites、动画、向量和位图的绘制,创建 HTML5 Can
2017-06-20T13:33:00Z
2017-06-20T13:33:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】开始用createjs这个框架的时候,发现网上的相关教程还是挺少的,所以写一篇文章,方便日后查看。 createjs简介 官网:http://www.createjs.cc/ createjs中包含以下四个部分: EaselJS:用于 Sprites、动画、向量和位图的绘制,创建 HTML5 Can <a href="https://www.cnblogs.com/beidan/p/7055422.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/6826230.html
一个栗子上手CSS3动画 - beidan
最近杂七杂八的事情很多,很多知识都没来得及总结,是时候总结总结,开启新的篇章~ 本篇文章不一一列举CSS3动画的属性,若需要了解API,可前往 MDN 在开始栗子前,我们先补补基础知识。 css3动画分类: 补间动画 – 具有连贯性的动画 逐帧动画 – 使用steps过渡方式实现跳跃 补间动画 –
2017-05-09T01:17:00Z
2017-05-09T01:17:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】最近杂七杂八的事情很多,很多知识都没来得及总结,是时候总结总结,开启新的篇章~ 本篇文章不一一列举CSS3动画的属性,若需要了解API,可前往 MDN 在开始栗子前,我们先补补基础知识。 css3动画分类: 补间动画 – 具有连贯性的动画 逐帧动画 – 使用steps过渡方式实现跳跃 补间动画 – <a href="https://www.cnblogs.com/beidan/p/6826230.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/6496744.html
GPU加速有坑? - beidan
大多数人都知道有动画的地方可以使用GPU来加速页面渲染。例如,做优化的时候,将使用left和top属性的动画修改成使用transform属性的CSS动画。或者听到别人教你使用transform:translateZ(0)给有动画的部分额外开启GPU加速。 目前下面这些因素都会引起chrome创建层:
2017-04-09T07:43:00Z
2017-04-09T07:43:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】大多数人都知道有动画的地方可以使用GPU来加速页面渲染。例如,做优化的时候,将使用left和top属性的动画修改成使用transform属性的CSS动画。或者听到别人教你使用transform:translateZ(0)给有动画的部分额外开启GPU加速。 目前下面这些因素都会引起chrome创建层: <a href="https://www.cnblogs.com/beidan/p/6496744.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/6653477.html
mac效率工具 - beidan
前言:在命令行中切换目录是最常用的操作,我相信一遍又一遍重复“cd ls cd ls cd ls ……”绝对会让你抓狂。 记录一下,方便下次系统重装,哈哈 一. oh-my-zsh mac 预装了 zsh,只需要设置zsh为本机的shell即可 1 设置zsh为你的默认的shell chsh -s
2017-03-31T12:46:00Z
2017-03-31T12:46:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】前言:在命令行中切换目录是最常用的操作,我相信一遍又一遍重复“cd ls cd ls cd ls ……”绝对会让你抓狂。 记录一下,方便下次系统重装,哈哈 一. oh-my-zsh mac 预装了 zsh,只需要设置zsh为本机的shell即可 1 设置zsh为你的默认的shell chsh -s <a href="https://www.cnblogs.com/beidan/p/6653477.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/6653371.html
git操作详解 - beidan
前言:一般公司git的master主干与线上代码保持一致,在使用git的时候,偶尔会发生一些莫名其妙的事情,很容易导致运营事故。so~ 总结一下经常使用的git命令以及git的一些小坑,方便日后查阅 日常开发中Git的一般使用步骤: 1. 位于master分支下,先同步为最新代码 git pull
2017-03-31T12:19:00Z
2017-03-31T12:19:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】前言:一般公司git的master主干与线上代码保持一致,在使用git的时候,偶尔会发生一些莫名其妙的事情,很容易导致运营事故。so~ 总结一下经常使用的git命令以及git的一些小坑,方便日后查阅 日常开发中Git的一般使用步骤: 1. 位于master分支下,先同步为最新代码 git pull <a href="https://www.cnblogs.com/beidan/p/6653371.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/6375234.html
高性能移动端开发 - beidan
不知不觉,春节就过完了,还没来得及好好享受就没了。好想来一场说走就走的旅行✈️,不吹水了,直接进入正题。 最近在做一个需求,发现了薄弱的地方,趁这个好机会深入了解一下,拓宽一下视野~ 众所周知,网页不仅应该被快速加载,同时还应该流畅运行,比如快速响应的交互,如丝般顺滑的动画…… 在实际开发中如何做到
2017-02-08T11:56:00Z
2017-02-08T11:56:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】不知不觉,春节就过完了,还没来得及好好享受就没了。好想来一场说走就走的旅行✈️,不吹水了,直接进入正题。 最近在做一个需求,发现了薄弱的地方,趁这个好机会深入了解一下,拓宽一下视野~ 众所周知,网页不仅应该被快速加载,同时还应该流畅运行,比如快速响应的交互,如丝般顺滑的动画…… 在实际开发中如何做到 <a href="https://www.cnblogs.com/beidan/p/6375234.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/6290923.html
浅析vue数据绑定 - beidan
前言:最近团队需要做一个分享,脚进脑子,不知如何分享。最后想着之前一直想研究一下 vue 源码,今天刚好 “借此机会” 研究一下。 网上研究vue数据绑定的文章已经非常多了,但是自己写一遍,敲一遍demo和看别人的文章是完全不同的,so……搬运工来了 目前数据绑定主要有以下三种实现方式: 1. 脏值
2017-01-17T03:15:00Z
2017-01-17T03:15:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】前言:最近团队需要做一个分享,脚进脑子,不知如何分享。最后想着之前一直想研究一下 vue 源码,今天刚好 “借此机会” 研究一下。 网上研究vue数据绑定的文章已经非常多了,但是自己写一遍,敲一遍demo和看别人的文章是完全不同的,so……搬运工来了 目前数据绑定主要有以下三种实现方式: 1. 脏值 <a href="https://www.cnblogs.com/beidan/p/6290923.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/6262743.html
移动端适配 - beidan
对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点: 1)选取一款手机的屏幕宽高作为基准(比如 iphone6的375×667)。 2)对于高清屏幕,为了达到高清效果,视觉稿的画布大小会是基准的2倍(对iphone6而言:原先的375×667,就会变成750×1334)。 问
2017-01-11T09:40:00Z
2017-01-11T09:40:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点: 1)选取一款手机的屏幕宽高作为基准(比如 iphone6的375×667)。 2)对于高清屏幕,为了达到高清效果,视觉稿的画布大小会是基准的2倍(对iphone6而言:原先的375×667,就会变成750×1334)。 问 <a href="https://www.cnblogs.com/beidan/p/6262743.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/6220915.html
细说图片那些事 - beidan
前言: 最近新到一个团队,才意识到基础的薄弱,牛人遍地,还是好好学习,天天向上。 一直都觉得网站优化的重点是图片,图片的使用也是博大精深。有必要总结一下图片的日常使用以及优化手法~ 总的来说,图片的使用分为background和img两种,而优化方向来说分为减少请求,减少大小和清晰度 三个方面 一.
2017-01-09T03:36:00Z
2017-01-09T03:36:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】前言: 最近新到一个团队,才意识到基础的薄弱,牛人遍地,还是好好学习,天天向上。 一直都觉得网站优化的重点是图片,图片的使用也是博大精深。有必要总结一下图片的日常使用以及优化手法~ 总的来说,图片的使用分为background和img两种,而优化方向来说分为减少请求,减少大小和清晰度 三个方面 一. <a href="https://www.cnblogs.com/beidan/p/6220915.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/beidan/p/cache.html
http缓存提高性能 - beidan
秋招也算是正式结束了,现在整理一下笔记,当作巩固一下知识,也希望这个对大家有帮助 http 缓存 和 cdn 缓存可以说是面试必问的问题,竟然是必问的问题,那就总结全面一点~ http缓存机制 秋招也算是正式结束了,现在整理一下笔记,当作巩固一下知识,也希望这个对大家有帮助 http 缓存 和 cd
2016-12-10T04:55:00Z
2016-12-10T04:55:00Z
beidan
https://www.cnblogs.com/beidan/
【摘要】秋招也算是正式结束了,现在整理一下笔记,当作巩固一下知识,也希望这个对大家有帮助 http 缓存 和 cdn 缓存可以说是面试必问的问题,竟然是必问的问题,那就总结全面一点~ http缓存机制 秋招也算是正式结束了,现在整理一下笔记,当作巩固一下知识,也希望这个对大家有帮助 http 缓存 和 cd <a href="https://www.cnblogs.com/beidan/p/cache.html" target="_blank">阅读全文</a>