响应式布局
摘要:(给前端大全加星标,提升前端技能)作者:浪里行舟https://github.com/ljianshu/Blog/issues/38前言响应式Web设计可以让一个网站同时适配多种设备和多个屏幕,可以让网站的布局和功能随用户的使用环境(屏幕大小、输入方式、设备/浏览器能力)而变化。本文主要介绍一些响应
阅读全文
posted @
2019-07-26 17:26
小虾米吖~
阅读(166)
推荐(0) 编辑
vue创建脚手架 cil
摘要:1、检查环境是否安装好了!node -vnpm -vnpm install -g cnpm -registry=https://registry.npm.taobao.orgcpm -v (版本与npm的不一样的) cnpm@6.0.0 全局安装vue-clicnpm install -g vue-
阅读全文
posted @
2019-07-23 16:01
小虾米吖~
阅读(246)
推荐(0) 编辑
Vue 循环为选中的li列表添加效果
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue 循环为选中的li列表添加效果</title></head><style> li{ list-style: none; } .active { background: rgba(
阅读全文
posted @
2019-07-18 14:41
小虾米吖~
阅读(888)
推荐(0) 编辑
vue+element-ui 字体自适应不同屏幕
摘要:项目背景:屏幕自适应问题,当在不同分辨率的屏幕上显示页面时,页面的字体需要根据屏幕大小来自适应,想到使用rem作为字体的单位 vue-cli脚手架下的index.html中写入以下js脚本
阅读全文
posted @
2019-07-17 15:01
小虾米吖~
阅读(6170)
推荐(0) 编辑
nginx——前端服务环境
摘要:背景:之前一直使用tomcat服务器来作为测试环境;(vue项目打包后想测试下生产环境下有没有问题!使用tomcat有各种问题,还怀疑是我们源码有问题?尴尬)今天公司同事才告诉我tomcat是专门为java服务的,前端使用这个不太合适,我才恍然大悟。感谢! 1、下载nginx解压。 2、打开conf
阅读全文
posted @
2019-07-10 11:02
小虾米吖~
阅读(181)
推荐(0) 编辑
定位问题 vue+element-ui+easyui(兼容性)
摘要:项目背景:靠近浏览器窗口的各个方向(左上、下、左、右)都有不同的模态框悬浮于窗口,这里针对于底部组件定位的选择(主要针对pc端垂直方向上的定位) 1、百分比:easyui的window窗口定位方式:设置left和top的值即可;(left可直接写指定值px;top不能写px,因为各个分辨率下的浏览器
阅读全文
posted @
2019-07-09 17:30
小虾米吖~
阅读(753)
推荐(0) 编辑
四叶草(css)
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <style> .box { overflow:hidden; margin-bottom:5px; } .box div { float:left; margin-right:5px; width
阅读全文
posted @
2019-07-09 17:04
小虾米吖~
阅读(449)
推荐(0) 编辑
vue-cil 打包爬坑(解决)
摘要:1、打包成功不报错,但是打开页面啥都没有? 解决:文件位置:config目录下index.js文件更改assetsPublicPath属性:文件里面有两个assetsPublicPath属性,也就是更改build里面的assetsPublicPath属性:(加上点) assetsPublicPath
阅读全文
posted @
2019-07-08 17:39
小虾米吖~
阅读(275)
推荐(0) 编辑
el-tree文本内容过多显示不完全问题(解决)
摘要:布局: 样式: 另外:input框获取文本内容时,内容过长显示不完全也会将文本框内末尾的图标覆盖,看上去杂乱无章,原理同上,背景同上(也是使用的el-card包裹,左右拖动dragbar文本框的宽度会变化,也是动态的)
阅读全文
posted @
2019-07-05 10:20
小虾米吖~
阅读(2657)
推荐(0) 编辑
v-for(:key)绑定index、id、key的区别
摘要:Vue 2.0 v-for 响应式key, index及item.id参数对v-bind:key值造成差异研究 在github上阅览README.md以获得最佳阅读体验,点这里 v-for响应式key, index及item.id参数对v-bind:key值造成差异研究 实验背景 通常情况下,我们渲
阅读全文
posted @
2019-07-04 09:33
小虾米吖~
阅读(1501)
推荐(0) 编辑
el-table翻页序号不从1开始(已解决)
摘要:法一:赋值方式(亲测有效) 然后再在methods内写页码的返回值 : 法二:其他博主分享的方式: 亲测该方式不行,控制台直接报错!各位可根据自身情况选择方式。
阅读全文
posted @
2019-07-03 17:33
小虾米吖~
阅读(742)
推荐(0) 编辑