16boke - 一路博客

综合 - 前端开发 专区

共 7 篇文章

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的大小是受限的,并

阅读全文

使用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测

阅读全文

firefox中 checkbox属性checked=checked已有,但复选框却不显示打钩的原因

最近在调试复选框的应用,在ie没有问题,考虑到兼容性,试试了firefox,遇到了问题。复选框绑定了click事件,点一次选中,再点击取消选中,依次类推。这个功能在ie中没问题,但是在firefox中测试的时候,前两次都没有问题,可以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为"checked",没问题,但是复选框却不在显示选中状态,明明属性值改了,但是却不显示勾选,太诡异了。代码修改了却得不到正确的显示状态,纠结了很久,找不到原因。正解:后来经偶像指点,原来是jQuery版本问题。我操作属性用的是$("**").attr("attrName");而jQuery的

阅读全文