自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 浏览器储存之Cookie、sessionStorage、localStorage和indexedDB区别与详解

一般在项目中我们逗需要把信息存储在本地的情况,比如权限验证的token、用户信息、埋点计数、客户配置的皮肤信息或语言种类等,我们可以暂存一下避免浏览器不必要的请求和客户多余操作,较少请求从而提高性能以给客户使用带来方便。那么浏览器存储有哪些方法呢,主要有cookie、localStorage、sessionStoragecookie属于文档对象模型DOM树根节点document,而 sessi...

2019-11-18 22:22:37 1228

原创 Github上 10 个开源免费且优秀的后台控制面板

Github上 10 个开源免费且优秀的后台控制面板Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,那么有哪些优秀的开源免费的控制面板呢?我在 Github 上收集了一些优秀的后台控制面板,并总结得出 Top 10。AdminLTEGithub Star 数 24969 , Github 地址:https...

2019-09-27 18:59:04 307

原创 AngularJS 1.x版本 学习教程

概览:三大框架简介1、AngularJS 诞生于2009年,是一款优秀的前端JS框架。为Google所收购。2、ReactJS 诞生于2013年,是一款优秀的前端JS框架。源于 Facebook 的内部项目。3、VueJS 诞生于2014年,是一款优秀的前端JS框架。作者尤雨溪。Google有一个产品,写了17000多行代码,使用AngularJS改版之后,代码1500行代码应用场景:...

2019-08-26 19:17:51 949

原创 在Mac或者Window下配置git公钥密匙ssh-keygen

git配置公钥ssh在本地创建ssh key打开终端,输入以下命令行$ ssh-keygen -t rsa -C"your_email@youremail.com"后面的your_email@youremail.com改为你的邮箱。也是在github上注册的那个邮箱;直接点回车,说明会在默认文件id_rsa上生成ssh key。 然后系统要求输入密码,直接按回车表示不设密码;重复...

2019-08-25 01:17:32 385

原创 immutable.js -- 一旦创建就不能更改的数据 - 持久化数据结构

熟悉 React 组件生命周期的话都知道:调用 setState 方法总是会触发 render 方法从而进行 vdom re-render 相关逻辑,哪怕实际上你没有更改到 Component.state.this.state = {count: 0}this.setState({count: 0}); // 组件 state 并未被改变,但仍会触发 render 方法为了避免这种性能上的...

2019-08-24 21:06:11 1636

原创 苹果Mac终端上常用的命令行指令和技巧

mac终端常用命令OSX 的文件系统OSX 采用的Unix文件系统,所有文件都挂在跟目录 / 下面,所以不在要有Windows 下的盘符概念。你在桌面上看到的硬盘都挂在/Volumes下。比如接上个叫做 USBHD的移动硬盘,桌面上会显示出一个硬盘图标,它实际在哪里呢?在终端里执行 ls /Volumes/USBHD, 看看显示出的是不是这个移动硬盘的内容。根目录位置是 / 核心 Ma...

2019-07-26 10:02:08 4157

原创 原生JavaScript对象的冻结、密封和扩展方法归纳

JS的冻结、密封和扩展扩展特性Object.isExtensible 方法Object.preventExtensions 方法密封特性Object.isSealed 方法Object.seal 方法冻结特性Object.isFrozen 方法Object.freeze 方法浅冻结 与 深冻结<script> // 定义一个对象...

2019-07-19 23:58:27 331

原创 CSS3弹性盒Flebox布局介绍和使用教程

弹性盒布局(flexbox)一、弹性盒布局介绍1)弹性盒也叫伸缩布局盒模型它是**css3引入的一种新的布局模式——flexbox**布局,即伸缩布局盒模型,用来提供一个更有效的方式制定、调整和分布一个容器里的项目布局。相比之前的布局方式,更便利于开发。2)主要思想是让容器有能力让其子项目能够改变其宽度、高度(甚至顺序),以最佳的方式填充可用空间(主要是为了适应所有类型的显示设备和屏幕大...

2019-07-13 15:04:21 421

原创 BFC块级格式上下文简述

BFC块级格式上下文、BFC布局、BFC应用、如何触发BFC

2019-07-13 14:51:25 174

原创 HTML5新增元素标签和CSS3的新特性

HTML5HTML5 新元素HTML5提供了新的元素来创建更好的页面结构:<article> 定义页面独立的内容区域。<aside> 定义页面的侧边栏内容。<bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置。<command> 定义命令按钮,比如单选按钮、复选框或按钮<details> 用于描述文档或文档某个部...

2019-07-13 14:39:11 541

原创 Web前端面试常用技巧

有技巧面试可以帮助大家更好的准备面试,提高面试成功率,走向高薪。尽早准备简历找工作的第一个重要问题就是写简历了,简历就是一个人的门面。简历写的不好,用人方也没有多大兴趣再深入了解你,毕竟行业人太多了。很多人都会有一个问题就是:不知道简历该写啥。其实我很不推荐当要面试的时候才去写简历,因为很多人没有记录的习惯,当去写简历的时候才会发现,在公司呆了那么久好像记不得自己做了哪些东西了。所以简历应...

2019-07-05 23:34:17 928

原创 Axure工具概述以及Axure RP9的安装汉化和授权

Axure工具概述以及Axure RP9的安装汉化和授权简述Axure RP是一款专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创...

2019-07-05 22:55:08 4743

原创 React——一个用于快速构建用户界面的JavaScript库快速入门教程

React 只是 DOM 的一个抽象层,并不是 Web 应用的完整解决方案。有两个方面,它没涉及。代码结构组件之间的通信对于大型的复杂应用来说,这两方面恰恰是最关键的。因此,只用 React 没法写大型应用。为了解决这个问题,2014年 Facebook 提出了 Flux 架构的概念,引发了很多的实现。2015年,Redux 出现,将 Flux 与函数式编程结合一起,很短时间内就成为了最热...

2019-06-24 19:12:15 382

原创 如何使用基于 Node.js 平台的 Web 开发框架Express快速搭建一个假数据

为何要搭建假数据我们在开发项目中通常会涉及与后端接口联接的问题,这时候如果能够写一个简单的服务器,你请求真实的接口url,只需要给手机设置一个代理,就返回你设置的假数据。这样你就可以完全抛开其他依赖的顾虑,可以像正常情况一样开发、校验结果,而不是依赖写死在代码里的各种假逻辑(这样做也会为后面的开发带来一些隐患)。根据express创建相关文件;express + 文件名安装expr...

2019-05-23 20:50:39 344

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除