html

使用 Vue + Vue.js 构建单页应用

原文地址：https://coligo.io/learn-vuex-by-building-notes-app/前言：在最近学习 Vue.js 的时候，看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多，自己在它的例子的基础上进行了一些优化和自定义功能，在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来

业界 2016年07月14日

css使文字显示两行后显示省略号

本人喜欢把一些实用的东东拿过来，写成文章或者收藏起来。于是乎... 直接上代码： .article {color: # 000000;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all; }狠狠的点击，查看

业界 2016年07月14日

DIV 上下左右居中黑科技

# info{height:0px; width:0px;top:50%; left:50%;position:absolute;} # center{background:# FFCC33;border:1px solid # 0033FF; width:300px;height:300px;position:absolute; margin:-150px;} 哆啦A梦

业界 2016年07月16日

初入前端

写在前面找工作的时候，总是被‘经验不足’拒绝很多次。当时一直觉得这个问题无异于先有鸡还是先有蛋，没工作哪来的工作经验？没工作经验哪来的工作？甚是苦恼。不过，这个话题就止于此，只要坚持，面包还是会有的。现在工作了，发现经验二字，看似简单，不就工作几年了吗，其实不然。打个比方，某道数学题，你看完题目已经有了思路，但是你去做，却不一定能做的出来。就像前端技术，看得懂到做出来

职场攻略 2016年07月17日

nodejs中aja跨域和jsonp跨域

AJAX跨域获取数据1.前端代码： Document异步获取数据 var log=function (obj) { console.log(obj); } var get=document.getElementById('get'); get.addEventListener('click',function () {

业界 2016年07月17日

css中的那些布局

因为最近心血来潮，就总结了一下css中的几种常见的多列布局。两列自适应布局两列自适应布局算是css布局里面最基础的一种布局了，不少网站在使用。这种布局通常是左侧固定，右边自适应，当然也有反过来的，道理一样，这里有好几种方法。 (张鑫旭老师的博客是左边流式布局，右边固定宽度）左浮动+margin 因为浮动会导致元素脱离文档流，所以下面的元素会占据浮动元素原来的位置。这个时

业界 2016年07月18日

href的那些事

看个问题test,此时href的值是什么呢？带着这样的疑问，开始今天的话题‘href的那些事’。问题分析为什么会有这个问题呢？上周在项目中，msui会对页面a标签绑定些事件，会用到href内容。href=""这么写，就会一直报错。因为浏览器此时获取到的href的值当前页面绝对路径。此时就会导致msui内部一直报错。href的定义w3c的定义The href attribut

业界 2016年07月18日

前端手册

前端手册前端手册目录CSS编码规范HTML编码规范JavaScript编码规范其他规范开发工具的使用好书推荐篇学习指导篇前端优化其他更多知识点见issues目录不全，请阅读在线版下载离线版：pdf、epub、mobi 文档会不定时更新，可以Watch或Star本文挡——Github，更欢迎您加入编辑维护声明：编码规范参考[百度前端开发规范]修改，或整理于互联网，如有

业界 2016年07月20日

CSS3 聊天气泡框以及 inherit、currentColor 关键字

效果如上图所示，主要用到CSS3的伪类::after、::before，以及圆角边框border-radius属性。对于下面的气泡框，可以有两种方式实现小三角：传统方式，利用CSS画小三角，利用到了透明背景和边框属性transparent的应用。CSS3的transform属性的使用然后通过position定位到合适的位置。此外，本文还会讲一下CSS的inherit属性值的

业界 2016年07月21日