自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(79)
  • 资源 (1)
  • 收藏
  • 关注

原创 页面重置reset.css

选项一html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, str...

2018-12-31 21:25:29 216

原创 'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

原因:依赖包中的某个进程损坏。解决方案:把node_modules删除后,再重新下载,多试几次。

2018-12-29 15:01:27 405

原创 前端面试题总结

面试题:Part11.HTML+CSS中有几种布局方式?分别是什么?三种默认布局(静态布局)浮动布局定位布局 2.什么是盒模型?盒模型具备哪些属性?盒模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。内容(content)、内边距(padding)、边框(border)、外边距(margin) 3.说出CSS中五种选择器,及其选择/定义方...

2018-12-29 10:22:19 1304

转载 vscode异常问题处理

window + R 键 调出运行,输入 cmd ,按回车。执行 netsh winsock reset 重置命令就Ok了

2018-12-29 10:06:32 4039 1

原创 未知高度图片只显示中间一部分

<div style="width:300px; height:300px;"> <img src="dog.jpg" alt=""/></div>div{ position: relative; left:100px; top:100px; ..

2018-12-28 14:17:50 1002 2

原创 table删除当前页返回上一页

if (this.commentNum % this.pagesize === 1) {//总条数%每页条数 let lastpage = (this.commentNum + this.pagesize - 1) / this.pagesize;//最后一页=(总条数+补齐最后一页)/每页条数 if (this.No === lastpage && this.N...

2018-12-27 14:14:57 315

原创 路由缓存后定位

leave() { let top = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset; sessionStorage.setItem("id", JSON.stringify(top));}activat...

2018-12-26 18:45:02 211

原创 分页的评论列表错误

问题描述:第一页的评论列表是正确的,之后每一页评论列表都是错的。解决方法:在每次请求时,要把数组清空。this.showdelete=[];for (var i = 0; i < result.data.commentList.length; i++) { if (result.data.commentList[i].USER_ID == this.userid)...

2018-12-26 10:21:59 128

原创 时间戳位数不同、时间戳转时间

1.位数不同前端、java默认13位,安卓、ios默认10位,安卓或ios*1000就可以了2.时间戳转时间computed:{ formatDate: function() { let date = new Date(this.todaytime*1); // console.log(this.todaytime); let y = date...

2018-12-25 09:03:25 3503

原创 单选事件与多选事件

1.单选事件<template> <div class="hello"> <ul> <li v-for="(list, index) in list" :class="{'active':ind === index}" @click="changeBgc(index)">{{list...

2018-12-25 09:00:26 457

原创 SVN问题处理

一.SVN被锁解决方法 方法一  1、首先,用户通过鼠标右击被锁定的文件,然后呼出菜单选项,我们在菜单中选择“TortoiseSVN”。  2、接着,我们在TortoiseSVN的次级菜单中选择“Clean Up ...”选项弹出如下的界面,用户无需修改,直接选择默认,然后点击“OK”按钮。svn被锁定的解决方法  方法二:  1、如果以上的方法并没有解决文件被锁定的问题,...

2018-12-25 08:57:13 125

原创 scss的使用

1.变量声明ex:$nav-color:#F90; $width:100px; nav{ width:$width; color:$nav-color; } //编译后 nav{ width:100px; color:#F90; }注意:在这段代码中,$nav-color这个变量定义在了规则块外边,所以在这个样式表中都可以像 n...

2018-12-24 16:09:11 155

原创 url中的转义字符

空格    -    %20"          -    %22#         -    %23%        -    %25&amp;         -    %26(          -    %28)          -    %29+         -    %2B,          -    %2C/          -    %2F:     ...

2018-12-24 16:05:44 9987

原创 前后端时间戳不匹配问题处理

【问题描述】:前端发给后台的时间戳与后台存储的时间戳位数不同。【问题出现的原因】:时间戳位数:java默认13位(精确到毫秒),前端、安卓、ios默认10位(精确到秒)前端时间戳*1000再发给后端,就解决问题 ...

2018-12-24 16:05:07 3411

原创 bootstrap使用手册

1.清除浮动:父级元素:after{   content:"";    display:"block";   clear:both;}2.初始化:box-sizing: border-box;3.媒体查询父元素设置宽度和居中,子元素设置百分比4.Bootstrap(1).条纹状表格:table-striped    表格边框:table-bordered    鼠标悬停:...

2018-12-24 11:33:10 866

原创 网络问题

一.网路请求不上解决方案:1.关闭防火墙2.统一网关二.有线网连不上问题解决方案1.用电脑管家的工具箱的网络修复,并且关机重启2.关闭防火墙 ...

2018-12-24 11:31:30 140

原创 对象、数组转换成字符串

将对象、数组转换成字符串json.stringify(value) 

2018-12-24 11:28:21 1680

原创 vue中子组件的使用

1.先引入:import pagination from '@/components/pagination.vue';  2.注册组件:components: {pagination,currentTime,timer,openUp}  3.使用组件:&lt;current-time&gt;&lt;/current-time&gt; ...

2018-12-24 11:27:33 245

原创 element使用

1).npm安装:    npm i element-ui -S  2).在main.js中引入并调用:   import ElementUI from 'element-ui';   import 'element-ui/lib/theme-chalk/index.css';   Vue.use(ElementUI) ...

2018-12-24 11:26:24 343

原创 scss使用步骤

1).用npm安装sass的依赖包(可使用cnpm淘宝镜像)npm install --save-dev sass-loadernpm install --save-dev node-sass  2).在build目录下找到webpack.base.conf.js文件,在module的rules中插入以下代码{       test: /\.sass$/,       lo...

2018-12-24 11:24:41 594 1

原创 设置路由缓存

1.【app.js】【template】&lt;keep-alive&gt; &lt;router-view v-if="$route.meta.keepAlive"&gt;&lt;/router-view&gt;&lt;/keep-alive&gt;&lt;router-view v-if="!$route.meta.keepAlive"&gt;&lt;/

2018-12-24 11:20:32 519

原创 替换前端dist文件至nginx服务器上

删除2.替换3.停止和启动

2018-12-21 09:23:14 4567 1

原创 better-scroll中点击任意图片放大展示

1【template】&lt;img :src="item" @click="showbigimage(item)"&gt;&lt;transition name="bulletin-detail"&gt; &lt;div class="bulletin-detail" v-show="showbig" @touchmove.prevent @

2018-12-21 09:19:02 446

原创 div设置float后不左右排列

解决方法:设置父盒子宽度为width:100%,搞定!

2018-12-21 09:15:43 1197 2

原创 左边线跟随右边内容自适应长度

【方案一】1【template】&lt;div class="educationitem clearfix" v-for="(item,index) in worklist" :key="index"&gt; &lt;div class="lefticon"&gt; &lt;div class="grayglobel"

2018-12-21 09:11:18 180

原创 图片按指定尺寸展示(不失真)

.tab_item img{ width:123px; height: 94px; object-fit: cover; border-radius: 2px;} 

2018-12-20 10:59:31 2435

原创 项目cmd界面报错(无法编译)解决方案

我们报错可以怪它 淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 运行 等待执行完成 cnpm istall 运行  会下载45个文件淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 运行等...

2018-12-20 09:32:21 458

原创 npm 和 cnpm 环境搭建

一、首先下载Node.js安装包(msi)这里根据自己的系统去node官网http://nodejs.cn/download下载相应的msi包 =>双击运行 (改变安装路径可以放在自己理想的盘符)=>猛点下一步。二、配置环境变量1.安装后,打开运行命令窗口,输入cmd。输入node -v,测试是否安装成功,会输出版本信息。2.新的node.js已经集成了npm,所以...

2018-12-20 09:31:21 647

原创 compare比对工具

1.【左右按钮箭头】2.【选中保存】

2018-12-20 09:25:58 1372

原创 better-scroll水平滚动使用

1.安装better-scroll:npm install --save better-scroll2.【template】&lt;div class="tab" ref="tab" v-show="showphotodetail"&gt; &lt;ul class="tab_content" ref="tabcontent"&gt;

2018-12-20 09:18:24 2400

原创 图片使用object-fit: cover超过父盒子高度

解决方法:在最外面加一个div用red测试&lt;div style="width:100%;height:10px;background:#fff;" v-show="showphotodetail"&gt;&lt;/div&gt; 

2018-12-20 09:13:53 799

原创 垂直居中

.content { background-color: #F00; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} 

2018-12-20 09:11:52 96

原创 Echarts题目不显示问题

1.在index.html中引入&lt;script src="echarts.min.js"&gt;&lt;/script&gt;

2018-12-20 09:08:55 2449

原创 Echarts颜色判断

if(newStockMarketListRes[i].name=="上证指数"){ this.newStockMarketListShang=newStockMarketListRes[i]; if(this.newStockMarketListShang.pctchange&gt;0){ this.colorShang="#f0...

2018-12-19 09:40:18 825

原创 echart封装

1.【template】&lt;div class="stock-charts" style="height: 70px;width: 100%" id="stock-charts2"&gt;&lt;/div&gt;2.【Methods:】//传入三个参数,ID、Data、ColordrawCharts(id,data,color){ let myCh...

2018-12-19 09:39:22 536

原创 自定义指令一【输入金额格式化、输入验证、提交验证】

1【输入金额格式化】// 输入金额格式化Vue.directive('rmb', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (dm, binding, vNode) { let el = dm.children[0]; el.addEventListener('keyup', function (event) { ...

2018-12-19 09:37:27 463

原创 store辅助函数全面讲解

1.下载依赖cnpm install vuex --save2.定义一个store文件夹,在改文件夹下定义一个index.js文件import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);const store = new Vuex.Store({ state: { creditCity: '...

2018-12-19 09:26:29 714

原创 vue中过滤器大全(一)【两位小数、银行卡号】

1.【保留2位小数】/** * 保留2位小数不四舍五入 * @param value * @returns {*}**/ Vue.prototype.formatnumst = function (value){ var f = parseFloat(x); if (isNaN(f)) { return false; } ...

2018-12-19 09:25:21 664

原创 v-html里的内容添加样式

1.【template】&lt;div class="foo"&gt; &lt;div v-html="myHtml"&gt;&lt;/div&gt;&lt;/div&gt;2.【style】.foo &gt;&gt;&gt; img { max-width: 100%; } 

2018-12-19 09:20:59 873

原创 element树形控件分步请求

1.【template】&lt;el-tree :data="orginOrgnData" node-key="id" ref="tree" :highlight-current="true" @node-click="getNodeData" ..

2018-12-19 09:19:25 621

软件工具.zip

远程控制linux工具,Xshell,Xftp 6,可以远程上传文件,远程启动linux服务器

2019-07-24

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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