16boke - 一路博客

首页

共 214 篇文章

vscode中Emmet的使用

一、Emmet简述Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具. 在前端开发的过程中,一大部分的工作是写 HTML、CSS 代码。特别是手动编写 HTML 代码的时候,效率会特别低下,因为需要敲打很多尖括号,而且很多标签都需要闭合标签等。于是,就有了 Emmet,它可以极大的提高代码编写的效率,它提供了一种非常简练的语法规则,然后立刻生成对应的 HTML 结构或者 CSS 代码,同时还有多种实用的功能帮助进行前端开发。VsCode内置了Emmet语法,在后缀为.html/.css中输入缩写后按Tab键即会自动生成相应代码请注意在VsCode新

阅读全文

vue开源项目汇总

UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-mate

阅读全文

Vue调试神器vue-devtools安装

前言vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。chrome商店直接安装vue-devtools可以从chrome商店直接下载安装,非常简单,这里就不过多介绍了。不过要注意的一点就是,需要翻墙才能下载。手动安装第一步:找到vue-devtools的github项目,并将其clone到本地. vue-devtoolsgit clone https://github.com/vuejs/vue-devtools.git第二步:安装项目所需要

阅读全文

HTML5的存储 localStorage和sessionStorage

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。一、web storage和cookie的区别Web Storage的概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并

阅读全文

webpack 入门指南

什么是 webpackwebpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sass),但我们无须在上面花费太多心思,因为 webpack 有着各种健全的加载器(loader)在默默处理这些事情,这块我们后续会提到。你可以不打算将其用在你的项目上,但没有理由不去掌握它,因为以近期 Github 上各大主流的(React相关)项目来说,它们仓库上所展示的示例已经是基于 webp

阅读全文

HTML5的存储 localStorage和sessionStorage

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。一、web storage和cookie的区别Web Storage的概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请

阅读全文

使用vue-cli搭建vue项目完整版

一、vue介绍vue是一个用来构建用户界面的框架,vue只专注于视图层,属于主流的MVVM前端框架,关于MVVM的具体介绍不在本章讨论范围之内。它很方便的与现有的第三方组件库或现有项目进行集成,另外vue提供各种脚手架模块来方便项目的开发,本章讲解的vue-cli就是其中之一。二、vue-cli介绍vue-cli是vue提供的一款脚手架,集成了webpack环境及主要的依赖,对于项目的搭建、打包、维护等都非常方便快捷。它的特点有:1、有一套成熟的vue项目架构设计,能够快速初始化一个vue项目。2、vue-cli是官方支持的一个脚手架,维护性比较好。3、vue-cli提供了一套本地的node测

阅读全文

redis分布式环境主从配置及手动切换

前一篇文章讲解了redis的伪分布式的环境搭建,为了应各位朋友的要求写一篇真分布式环境的搭建以及手动切换的操作。下面内容只是讲解分布式环境下redis的配置的注意事项,过程比较简单,暂时还未使用到sentinel来实现自动主从切换的高可用配置,关于sentinel的配置后续也会有相应的文章推出。在实际公司的生产环境上如果要使用redis,一般也不会直接操作redis,而是采用开源的redis集群架构,例如codis,redis cluster,twemproxy来实现分布式集群的管理,结合所在公司的项目我们选用的是codis,后续也会介绍codis的详情、部署以及运维等,敬请期待!一

阅读全文

Redis主从配置及主从切换

0、环境概述127.0.0.1  6379 主127.0.0.1  6380 从127.0.0.1  6381 从1、在redis目录下建立conf文件夹,存主从的redis.conf配置文件建立三个文件:redis_6379.conf、redis_6380.conf、redis_6381.conf2、在redis目录下建立dump文件夹,存本地数据库文件redis启动的时候会自动生成这六个文件(前提是开启rdb和aof文件持久化):appendonly_6379.aof、appendonly_6380.aof、appendonly_6381.aof、r

阅读全文