qq_25462315-优快云博客

原创 git reflog恢复远程和本地同时删除的分支

语法： git reflog --date=[iso | local | relative] | grep [-w 全词匹配] iso:格式化后的时间时间local:实际时间relative：相对时间，多少天之前本案例以恢复remove_branch为例对remove_branch分支操作。合并develop分支到remove_branch，在remove_branch分支做了两...

2019-10-29 13:36:17 622 1

原创 css3新属性

1.object-fit 用来指定替换元素的内容应该如何适应到其使用的高度和宽度确定的框object-fit：fill被替换的内容大小可以填充元素的内容框。整个对象将完全填充此框。如果对象的高宽比不匹配其框的宽高比，那么该对象将被拉伸以适应。object-fit:container被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。整个对象在填充盒子的同时保留其长宽比，因此如果...

2019-09-20 17:58:07 222

转载 css3实现网格效果

利用background-image里的liner-gradient属性可以实现一些简单的css网格背景，能自适应背景，挺实用的，下面就简单的介绍两款网格背景1.桌布花纹红.png代码块height:300px;width:300px;background:white;background-image:linear-gradient(90deg,rgba(200,0,0,.5) 50...

2019-07-31 14:55:14 913

转载 input多文件上传

一、input:file属性属性值有以下几个比较常用：accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。multiple：是否可以选择多个文件，多个文件时其value值为第一个文件的虚拟路径。1、accept只能选择png和gif图片2、multiple多文件上传3、常用MIME类型后缀名 MIME名称*.3...

2019-07-31 10:04:16 541

转载详解vue2.0 不同屏幕适配及px与rem转换问题

1.设置meta标签<meta name="viewport" content="width=device-width, initial-scale=1.0">2.安装postcss-px2rem 和px2rem-loadernpm i postcss-px2rem --savenpm install px2rem-loader --save3.配置px2rem-load...

2019-05-23 15:28:15 1399

原创 ES5新增数组方法every()、some()、filter()、map()

erery():检测数组元素的每个元素是否都符合条件some():检查数组元素中是否有元素符合指定条件filter():检测数组元素，并返回符合条件所有元素的数组map():通过指定函数处理数组的每个元素，并返回处理后的数组//数组中的元素全部满足指定条件返回true//运行结果为falsevar arr = [15,3,2,6,7,1,9,10];var checkresult =...

2018-12-26 16:01:41 356

原创 Mock.js随机生成数据

let arr = [{name:'小明'},{name:"小红"}] let hasValue = this.arr .some(item =&gt; { return item.name === this.name; }); if (!hasValue) { this.topMenu.push(this.name); }...

2018-12-26 11:31:49 1310

原创 input样式美化

效果图如下：代码如下：&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;

2018-12-24 15:11:00 13564 2

原创几种css3实现的特效效果

1.文字跑马灯<div id="welcome" style="font-size: 20px;text-align: right;"> <font color="#2E6DA4">Welcome </font> <font color="#398439">to </font&g

2018-12-24 14:13:30 1124

原创 div+css3绘制六边形

效果图如下：代码实现如下：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS3 实现六边形图片展示效果</title&

2018-12-24 14:07:27 1192 1

原创 vue常用插件结合

VUE UI组件element - 饿了么出品的Vue2的web UI工具套件Vux-基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式...

2018-12-17 16:16:46 194

转载 Git之路——配置SSH免密码登录

1.打开Git Bashssh-keygen -t rsa -C "478819295@qq.com"2.输入指令，进入.ssh文件夹cd ~/.ssh/ 如果提示 “ No such file or directory”，你可以手动的创建一个 .ssh文件夹即可或者输入命令mkdir ~/.ssh 3、配置全局的name和email，这里是的你github或者bitbuc...

2018-12-14 14:45:04 725 2

转载 VSCode 初次写vue项目并一键生成.vue模版

1.安装vscode官网地址：https://code.visualstudio.com/2.安装一个插件，识别vue文件插件库中搜索Vetur，下图中的第一个，点击安装，安装完成之后点击重新加载3.新建代码片段文件–&gt;首选项–&gt;用户代码片段–&gt;点击新建代码片段–取名vue.json 确定{ "Print to console": { "pre...

2018-12-14 13:54:44 596

原创 h5页面调用微信jssdk

1.安装 weixin-js-sdknpm install weixin-js-sdk2.在使用页面引入import wx from 'weixin-js-sdk'3.在mounted里面进行wu.config()配置 <template> <div class="head-top"> <i class="iconfont icon-paizh...

2018-12-12 10:26:01 6871

转载 less学习笔记

一、变量变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。// LESS@color: #4D926F;#header { color: @color;}h2 { color: @color;}/* 生成的 CSS */#header { color: #4D926F;}h2 { ...

2018-11-27 17:43:14 171

转载 CSS3新特性

1.计算长度calc（）<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>计算长度calc（）</title> <style> body { backgroun

2018-11-27 16:16:42 135

请用js去除字符串空格？方法一：使用replace正则匹配的方法去除所有空格: str = str.replace(/\s*/g,&quot;&quot;);去除两头空格: str = str.replace(/^\s*|\s*KaTeX parse error: Expected group after '^' at position 36: … str.replace( /^̲\s*/, “”);去除右空...

2018-11-14 11:39:25 340

原创使用WebStorage来做简易数据库

使用WebStorage来做简易数据库<table> <tr> <td>姓名：</td> <td><input type="text" id="name"></td> </tr> &

2018-11-12 19:19:48 263

原创 vue常用插件网址

1.vue无缝隙滚动：https://chenxuan0000.github.io/component-document/index_prod.html#/component/seamless-default2.一个简单的基于vue.js的无缝滚动https://segmentfault.com/a/11900000129434893.vue2整个项目中，数据请求显示loading图ht...

2018-11-12 19:12:56 681

原创微信小程序学习笔记

1.web三大标准结构层（html）、样式（css）、行为层（js）2.微信小程序（应用）结构层（wxml）、样式（wxss）、行为层（js）、配置(app.json)

2018-11-12 19:12:22 156

原创 flew弹性布局

1.浮动带来的影响如果父元素没有设置高度，子元素浮动的话，父元素的高度为0，其解决方法在父元素上添加overflow:hidden&lt;style&gt;.container{ border: 1px solid #000; overflow: hidden; } .son{ width: 100px; height: 100...

2018-11-06 18:00:09 5481

原创数组的常用操作

数组中去除重复的对象的简单方法1.数组去重的方法（es6）const arr = ['小明','小红','小明']let set = new Set(arr); // set 自带去重// Set { '小明', '小红' }console.log(set);console.log(Array.from(set)); // [ '张三', '三张三' ]2.对象去重的方法 ...

2018-11-06 12:48:19 161

转载如何在vue里面引用iview

1.安装node环境 webpacknode.js环境（npm包管理器）npm install --save-dev webpack//安装前需要配置node及npm环境//全局安装 vue-cli 如果本机以前安装过就无须执行避免重复安装 npm install --global vue-cli//创建一个基于 webpack 的vue项目vue init webpack f...

2018-11-06 12:43:17 1111

qq_25462315的博客