摘要： 我们在工作中经常遇到一种只适应布局： 左边是固定宽度，右边会随着父元素的宽度二变化；如下图 左边是头像和名称固定为80px，右边宽度会随着分辨率的不同而变化，所以他是不固定的宽度。 布局方法（一）： 利用css的calc()方法，如 ： calc()使用通用的数学运算规则，但是也提供更智能的功能： 阅读全文

摘要： 效果预览图： 阅读全文

摘要： 网页性能管理详解 作者： 阮一峰 日期： 2015年9月17日 你遇到过性能很差的网页吗？ 这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。 你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，那么怎样 阅读全文

摘要： 项目技术架构： VUE + VUEX + VUEX-i18n + UI框架 项目要求 ： 中英俄三种语言兼容 VUEX-i18n的使用十分方便，首先所有项目所用文字的不同语种翻译收集好并录入数据库中， 第一步： 在项目入口是请求语言包： 第二步： 把请求的数据通过 Vue.i18n.add 方法添加 阅读全文

摘要： 大家都知道webpack打包十分方便，但是在工作中，前端写好的项目需要后端进行部署，就需要有一个配置文件。 使用插件 ： generate-asset-webpack-plugin， 使用方法 ： 1 在项目中安装 ： npm install --save-dev generate-asset-we 阅读全文

摘要： 最近一个vue和element的项目中遇到了一个问题： 动态生成的对象进行双向绑定是失败 直接贴代码： 上面一个简单的element的表单；addClass就是我要将数据绑定到的对象；他初始是一个空对象；我需要在其他地方读取然后给他添加属性，同时给表单进行绑定。 在这个过程中就发现，双向绑定失败了 阅读全文

摘要： 注意：此处没讲webpack的配置 1. 确立项目所需要的所有依赖、框架（比如bootstrap,vue,angular等） 2. 在项目的根目录下创建一个package.json文件，package.json文件是项目的最重要文件之一，下面是我的一个项目中得依赖文件： 3. 在命令行工具中使用 n 阅读全文

摘要： 昨天做导航遇到一个问题：如何让ul中的li水平居中？ 一般我们使用float,然后使用margin或者padding，通过距离让它们居中，但是如果你要做响应式就会发现这样的方法并不好用。我在网上看到大神的方法做了一点小的总结： 将块级元素设置 display 属性为 inline-block; 注意 阅读全文