自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

大熊的博客

H5前端攻城狮:致力于前端发展

原创 css控制文字自动换行

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html正常文字的换行(亚洲文字...

2018-03-30 20:16:39

阅读数 1364

评论数 0

原创 web前端性能优化

前端性能优化其实就是让使用户等待的时间减少,那么显而易见的就是提高网速,但这不是我们程序员可以搞的东西,就说下我们能做的吧。 要说前端性能有话,你必须先了解:从用户输入URL到页面渲染都经历了什么。 传送门:https://segmentfault.com/a/1190000006879700上面...

2018-03-30 14:29:20

阅读数 53

评论数 0

原创 vue实现点击Button效果

<ul class="top_bar"> <li class="top_cell" v-for="cell in 5&...

2018-03-30 14:28:17

阅读数 3690

评论数 0

原创 详解Vue中localstorage和sessionstorage的使用

1. 项目使用中暴露出来的几个问题大家到处直接使用localstorage['aaa']='这是一段示例字符串'这些原生语法实现,这样耦合度太高了,假如有一天我们需要换实现方式,或者对存储大小做一些控制,那么需要修改的代码就会很多项目很大,那么大家起的key的名字难免会重复,而且这样也会造成全局污...

2018-03-29 11:29:37

阅读数 5755

评论数 0

原创 vue项目中使用md5.js及base64.js

一、在项目根目录下安装npm install --save js-base64npm install --save js-md5二、在项目文件中引入import md5 from 'js-md5';let Base64 = require('js-base64').Base64;三、在项目文件中使...

2018-03-28 22:01:03

阅读数 806

评论数 0

原创 js删除字符串的最后一个字符三种方法

 字符串 [javascript] view plain copy  var basic = "abc,def,ghi,";  第一种[javascript] view plain copy  basic = basic.substr(0, basic.leng...

2018-03-28 17:40:35

阅读数 6954

评论数 0

原创 sass中转化为px转化为rem的使用

利用sass加实时监听编译CSS。 可自动将px转换为rem SASS函数:(使用时直接调用函数)例如:@function torem($px){//$px为需要转换的字号 @return $px / 100px * 1rem; //100px为根字体大小 } .first{ fo...

2018-03-19 17:16:19

阅读数 1709

评论数 0

原创 在vue中使用sass的配置的方法

1、创建一个基于 webpack 模板的新项目$ vue init webpack myvue12、在当前目录下,安装依赖$ cd myvue $ npm install123、安装sass的依赖包npm install --save-dev sass-loader //sass-loader依赖...

2018-03-19 17:15:49

阅读数 1350

评论数 0

转载 05-Vue入门系列之Vue实例详解与生命周期

Vue的实例是Vue框架的入口,其实也就是前端的ViewModel,它包含了页面中的业务逻辑处理、数据模型等,当然它也有自己的一系列的生命周期的事件钩子,辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。5.1. Vue实例初始化的选项配置对象详解前面我们已经用了很多次 new...

2018-03-19 16:08:48

阅读数 41

评论数 0

转载 04-Vue入门系列之Vue事件处理

4.1. 监听事件的Vue处理Vue提供了协助我们为标签绑定时间的方法,当然我们可以直接用dom原生的方式去绑定事件。Vue提供的指令进行绑定也是非常方便,而且能让ViewModel更简洁,逻辑更彻底。所以还是推荐大家使用的。Vue提供了v-on指令帮助我们进行事件的绑定。 基本的内联事件处理方法...

2018-03-19 16:07:58

阅读数 55

评论数 0

转载 03-Vue入门系列之Vue列表渲染及条件渲染实战

3.1. 条件渲染有时候我们要根据数据的情况,决定标签是否进行显示或者有其他动作。最常见的就是,表格渲染的时候,如果表格没有数据,就显示无数据。如果有数据就显示表格数据。 Vue帮我们提供了一个v-if的指令,帮助我们完成判断的模板处理。<div id="a...

2018-03-19 16:07:26

阅读数 51

评论数 0

转载 02-Vue入门之数据绑定

2.1. 什么是双向绑定?Vue框架很核心的功能就是双向的数据绑定。 双向是指:HTML标签数据 绑定到 Vue对象,另外反方向数据也是绑定的。通俗点说就是,Vue对象的改变会直接影响到HTML的标签的变化,而且标签的变化也会反过来影响Vue对象的属性的变化。这样以来,就彻底变革了之前Dom的开发...

2018-03-19 16:06:38

阅读数 41

评论数 0

转载 01-Vue.js入门系列

1.1. Vue简介Vue是一个前端的双向绑定类的框架,发音[读音 /vjuː/, 类似于 view]。新的Vue版本参考了React的部分设计,当然也有自己独特的地方,比如Vue的单文件组件开发方式都很有创新,另外Vue自身的一些绑定的语法、用法等都非常精炼,很容易上手,而且第三方的插件都非常丰...

2018-03-19 16:05:09

阅读数 35

评论数 0

转载 vue初始化

1.首先全局安装vue-cli(vue脚手架)[html] view plain copynpm install -g vue-cli  2.进入到我的workspace,使用vue-cli初始化项目(基于webpack打包)[html] view plain copyvue init webpa...

2018-03-19 14:51:36

阅读数 329

评论数 0

转载 vuejs 开发问题解决方案总结一

原文链接:http://mrzhang123.github.io/2016/07/14/summarize-vue/最近一段时间忙着工作的一些事情,同时自己也在试着把项目中的一些移动端页面试着用vuejs重写,所以没时间写文章,今天终于有空可以写一下,由于页面并没有写完,所以就将自己这几天做页面的...

2018-03-19 14:51:06

阅读数 121

评论数 0

原创 vue+elementUI 关于日期选择器的disabledDate问题

关于结束时间不能大于开始时间的问题,在elementui里我们用官方提供的 disabledDate 选项来解决。 HTML:给选择器加上:picker-options属性//开始时间 <el-date-picker v-model="startDate&a...

2018-03-14 16:04:34

阅读数 11692

评论数 1

原创 vue组件中使用iframe元素

需要在本页面中展示vue组件中的超链接,地址栏不改变的方法:<template> <div class="accept-container"> ...

2018-03-01 19:00:48

阅读数 4577

评论数 0

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