自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 web前端工程师工作中遇到难以解决的问题

1).margin-top,margin-bottom不能正常显示时一.有时会遇到外层中的子层使用margin-top不管用的情况;这里我们需要在子层的前后加上一个 div{height:0;overflow:hidden;}例CSS样式表中:#box {background-color:#eee;}#box p {margin-top: 20px;margin-bottom: 2

2017-07-09 13:11:02 10951

原创 给定一个值,让值域(颜色)与数组比较取区间颜色。

var me = this; var colors = []; var list = []; var color = ""; var domainColors = options.config.tipConfig.domainNames; colors = domainColors.map(function (ite...

2020-06-05 16:26:14 50

原创 iview的carousel的数据后端接口返回是分页数据而不是所有的数据的操作

<Carousel v-model="setValue" class="list-item" @on-change="changePersonInfo"> <Carousel-item v-for="(item,index) in data" :key="index"> <div class="demo-carousel"> <Row> <Col span="4" off..

2020-06-04 15:28:38 63

原创 前端实现几个时间段不能交叉

function repeatTime(arr) { for (var k in arr) { if (!judege(k, arr)) { return false } } return true //true 不重复 false为重复} function judege(index, arr) { for (var k in arr) { if (index !== k) { //判断交叉时间是从.

2020-05-09 11:26:10 184

原创 输入框输入可以有数字,字母并以逗号分隔

/** * 字母或者数字,并以逗号分隔开 * @param str * 徐沛沛 21517 * 2015年2月2日 * 下午1:50:45 */ letterOrNumberOrComma : function(str) { var reg = /^[...

2020-01-19 15:19:35 313

原创 时间戳转换日期格式方法

function formatDate (value) {// 时间戳转换日期格式方法 if (value == null) { return ''; } else { var date = new Date(value); var y = date.getFullYear();// 年 var MM = date.getMonth()...

2020-01-17 10:25:21 166

原创 js解析带html标签的字符串

利用正则匹配: /<[^>]+>/gvar str = "<span style='width:100px;'>{'a': 1, 'b': 2}</span>"var obj = str.replace(/<[^>]+>/g, "");obj ==> "{'a': 1, 'b': 2}"

2019-08-08 20:27:44 5497

原创 IE8下上传文件的问题

IE8下上传文件一直提示下载文件,问题是response的content-type是json格式,ie解析不了,需要text/html,这样就不会提示下载文件。

2019-08-08 20:20:48 301

原创 Http协议-报文

网上购物是大家所熟悉的。看中小米电视时,可以先下订单然后再付款,电商根据订单将小米电视正确安全的送达给我们。包裹包含电视的基本信息及电视的使用说明书,使我们能够初步的了解它的基本情况及指导我们怎么去使用它。订单和使用说明书是客户与电商沟通的桥梁,指引他们在网上购物。当然基于Http协议的网络通信,客户端和服务器也需要一种东西作为两者沟通的桥梁---Http报文,客户端和服务器分别主要指浏览器和We...

2019-05-27 21:51:03 61

原创 js数组去重的5种方法

贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfillArray.prototype.indexOf = Array.prototype.indexOf || function(item) { for (var i = 0, j = this.length; i < j; i++) { if (this[i] === it...

2019-05-27 11:29:27 66

转载 使用hexo,如果换了电脑怎么更新博客?

需要在新电脑上进行部署,如果是,可以参考下面的方法:1. 从官网Git下载git,在新电脑上安装,因为https速度慢,而且每次都要输入口令,常用的是使用ssh。使用下面方法创建:(1)打开git bash,在用户主目录下运行:ssh-keygen -t rsa -C "youremail@example.com" 把其中的邮件地址换成自己的邮件地址,然后一路回车(2)最后完成后,会在用户主...

2019-03-29 16:18:18 159

原创 2018最新手机号码正则

^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|(147))\d{8}$ 附加一个在线测试正则表达式的地址:http://tool.oschina.net/regex/

2019-02-26 11:06:05 99

转载 JS中的prototype

JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类:a 类方法b 对象方法c 原型方法例子:...

2019-01-15 15:55:07 46

转载 GitHub使用教程详解(上)——官网操作指南[翻译]

GitHub 指南原文地址:GitHub官网指南示例项目:Hello World十分钟轻松教学在学习计算机语言编程的过程中创建Hello World 项目是一个历史悠久的传统。当你接触一门新事物的时候可以用它来做一个简单的练习。让我们开始使用github吧!通过本文,您将会学到:如何创建和使用仓库 如何创建和管理分支 如何改变一个文件并将它提交到github上 如何...

2019-01-14 14:20:07 193

原创 子元素的外边距作用在父元素

需要添加代码 #d2:before{        content:"";/*生成空元素*/        display:table;/*表现形式为 table*/      }即:

2019-01-10 14:55:22 296

原创 浮动给父元素带来的影响

需要添加 .clear:after{        content:"";/*生成空内容(元素)*/        display:block;/*变为块级*/        clear:both;/*清除浮动影响*/      }即: 

2019-01-10 14:51:53 161

原创 将对象里面的键值对写到路径里去

2018-08-31 10:44:21 136

原创 对象的键值对

var obj={"one":"I am 1","two":"I am 2"};var arr = Object.getOwnPropertyNames(obj); //arr=["one", "two"]var arr2 = Object.keys(obj);//arr=["one", "two"]var valArr = arr.ma

2018-08-30 20:48:06 757

原创 判断对象属性的值是否空,如为空,删除该属性

//filterParams({a:"",b:null,c:"010",d:123})//Object {c: "010", d: 123}//var abc = { //a: 1, //b: 2, //c: '', //d: ''//}//filterParams(abc)//{a: 1, b: 2}//这个方法不会影响原来的对象,而是返回一个新对象...

2018-08-30 20:21:39 4064

原创 mxGraph简单应用部分代码

使用前准备   mxBasePath变量用来定义库资源的目录。这个变量必须在加载库前就定义好。      检查浏览器是否支持   if (!mxClient.isBrowserSupported()) {   //如果浏览器不支持,则显示错误信息    alert('该浏览器不支持');  } Container 容器 页面用一个dom节点将...

2018-08-10 17:04:20 1024

原创 ie 浏览器的get请求缓存问题

方法一:要保证浏览器每次的get请求后台路径不一样,在后面加一个时间戳。方法二:设置ie浏览器选中第一个即可

2018-08-08 16:39:28 582

原创 ie无法识别new Date参数带横杠,必须修改为斜杠

2018-08-08 16:32:54 522

原创 如何将vue项目部署到tomcat

step1:打包以后dist文件放到tomcat的webapps文件下step2:进入tomcat的bin目录下step3:输入命令C:\tomcat\bin>stutdown之后 C:\tomcatbin>startupstep4:http://127.0.0.1:8080/dist/#/访问以下...

2018-08-06 18:10:38 2073 3

原创 用js获取浏览器当前版本

(1) 获取浏览器名字+版本字符串function getBrowserInfo(){var agent = navigator.userAgent.toLowerCase() ;var regStr_ie = /msie [\d.]+;/gi ;var regStr_ff = /firefox\/[\d.]+/givar regStr_chrome = /chrome\/[\d.]+/gi ...

2018-08-06 15:06:05 5561

原创 vue项目如何在ie11兼容性视图下兼容

X-UA-Compatible是神马? X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。可以在微软官方文档获取更多介绍。 为什么要用X-UA-Compatible? 在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compa...

2018-08-06 14:47:04 5233

原创 vue项目打包只在ie浏览器有问题,开发环境均没有问题

1,node_modules 最大的坑,先试一下删掉,重新安装2,自己重新写组件要注意引入node_modules里面的组件的路径必须要引入lib下的,babel是不能编译src下面的代码,3,项目要开eslint,否则很多坑,样式不能有,逗号...

2018-08-01 17:56:19 1473 2

转载 【vue】vuecli run build打包路径问题

直接插入主体 额不 主题我的vue脚手架目录结构如下  有个config文件夹,在index.js中有两个方法一个开发dev,一个生产build。   - dev: 是我们的开发环境,资源使用绝对路径,所以可以正常看到背景图片 - build: 是我们的生产环境,资源使用相对路径,所以会报错一:Vue打包js,css等的路径问题我们打包自然要设置build中的代码了。下面是修改...

2018-08-01 17:47:53 1820

转载 vue的安装

用Vue创建一个新的项目vue的安装Vue.js不支持IE8及以下版本。因为Vue.js使用了ECMAScript5特性,IE8显然不能模拟。Vue.js支持所有兼容ECMAScript5的浏览器。在用Vue.js构建大型应用时,推荐使用npm安装,npm能很好的和webpack等打包工具配合使用。如果使用npm过程中安装速度过慢,可以考虑使用淘宝镜像的cnpm来代替npm。下文中仅使...

2018-07-30 10:49:26 301

原创 ie6,7,8placeholder失效

        if (!isPlaceholder()) {//不支持placeholder 用jquery来完成            $(document).ready(function() {                if(!isPlaceholder()){                    $("input").not("input[type='password'...

2018-07-24 20:24:19 163

原创 ie兼容性视图下(ie6,7,8)margin失效,box-shadow

margin可以用position代替<meta http-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE">boc-shadow.content{ background:#F5F7FA;width:790px;height:380px;filter:progid:DXImageTransform.M...

2018-07-24 20:17:50 185

转载 JavaScript 的 this 原理

一、问题的由来学懂 JavaScript 语言,一个标志就是理解下面两种写法,可能有不一样的结果。var obj = {  foo: function () {}}; var foo = obj.foo; // 写法一obj.foo() // 写法二foo()上面代码中,虽然obj.foo和foo指向同一个函数,但是执行结果可能不一样。请看下面的例子。var obj = {  foo: funct...

2018-06-27 11:17:50 95

原创 5 分钟掌握 JavaScript 实用窍门

简评:一开始 JavaScript 只是为网页增添一些实时动画效果,现在 JS 已经能做到前后端通吃了,而且还是年度流行语言。本文分享几则 JS 小窍门,可以让你事半功倍 ~1. 删除数组尾部元素一个简单方法就是改变数组的length值:const arr = [11, 22, 33, 44, 55, 66];// truncantingarr.length = 3;console.log(arr...

2018-06-27 11:15:57 95

原创 学习前端推荐这几本书

1,web前端开发最佳实践是一本扎实前端基本功,规范我们前端代码的实践性书籍。本书主要讲解了HTML、CSS、Javascript以及移动端开发的最佳实践方案,能够对缺乏良好指导的开发者产生很大的帮助。通过阅读本书我们可以掌握如何编写高可读性、高维护性、高性能的HTML、CSS以及Javascript。2,编写可维护的JavaScript本书是我极力推荐的一本帮助大家改善Javascript编程风...

2018-06-27 11:11:00 1384

原创 Vue 组件之间传值

Vue 组件之间传值一、父组件向子组件传递数据在 Vue 中,可以使用 props 向子组件传递数据。 子组件部分:这是 header.vue 的 HTML 部分,logo 是在 data 中定义的变量。如果需要从父组件获取 logo 的值,就需要使用 props: ['logo']在 props 中添加了元素之后,就不需要在 data 中再添加

2018-01-17 17:43:17 1816

转载 svn使用

一、什么是SVNSVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS、CVS,它采用了分支管理系统,它的设计目标就是取代CVS。二、SVN的下载安装下载地址:https://tortoisesvn.net/downloads.zh.html安装完不要忘记重启电脑安装完成后,按下鼠标右键,会看到如下界面:说明SVN已

2017-12-21 20:36:35 88

原创 vue入门

step1:全局安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.orgstep2:安装脚手架cnpm install vue-cli -g  全局//  cnpm install vue-cli --save-dev  本地step3:安装项目vue init webpack 项目名称

2017-12-21 20:29:47 79

转载 vue, react, angular优缺点

vue API设计上简单,语法简单,学习成本低 构建方面不包含路由和ajax功能,使用vuex, vue-router 指令(dom)和组件(视图,数据,逻辑)处理清晰 性能好,容易优化 基于依赖追踪的观察系统,并且异步队列更新 独立触发 v-model 实时渲染适用于:模板和渲染函数的弹性选择 简单的语法及项目搭建 更快的渲染速度和更小的体积

2017-12-08 10:58:57 2463

转载 跨域

跨域有几种处理方式?前言本文简单介绍什么是跨域,出现跨域的情况以及跨域的几种处理方式。一、什么是跨域我们先回顾一下域名地址的组成:http:// www . google : 8080 / script/jquery.js  http:// (协议号)  www  (子域名)  google (主域名)   8080 (端口号)  s

2017-12-07 17:34:08 105

转载 React 常见的面试题

当你调用setState的时候,发生了什么事?当调用 setState 时,React会做的第一件事情是将传递给 setState 的对象合并到组件的当前状态。这将启动一个称为和解(reconciliation)的过程。和解(reconciliation)的最终目标是以最有效的方式,根据这个新的状态来更新UI。 为此,React将构建一个新的 React 元素树(您可以将其视为 UI

2017-12-07 17:28:13 191

原创 input:-webkit-autofill 导致chrome的输入框背景颜色变成黄色

input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{ -webkit-box-shadow: 0 0 0 1000px #fff inset !important;}chorme背景色改为白色,透明色暂时没有办法解决

2017-11-18 17:03:34 831

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