自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(118)
  • 收藏
  • 关注

原创 git使用-首次推送、dev分支创建、合并分支、查看历史、版本回退

本地代码首次推送到远程仓库git init // 初始化版本库git add . // 添加文件到版本库(只是添加到缓存区),.代表添加文件夹下所有文件 git commit -m "first commit" // 把添加的文件提交到版本库,并填写提交备注首次推送git remote add origin http://orgin.git // 把本地库与远程...

2018-06-16 11:33:54 6896

原创 enterkeyhint控制虚拟键盘回车键文案

enterkeyhint 是一个用于指示用户在移动设备上使用虚拟键盘时,按下回车/换行键的预期行为的属性。通过设置适当的 enterkeyhint 值,可以为移动设备上的用户提供更准确的键盘体验,使其在输入时能够更好地理解预期的行为。done:表示用户按下回车/换行键时预期执行完成操作,例如确认输入或提交表单。go:表示用户按下回车/换行键时预期执行前往某个页面或执行某个动作的操作。next:表示用户按下回车/换行键时预期移动到下一个输入字段。search:表示用户按下回车/换行键时预期执行搜索操作。

2023-08-25 12:58:52 754

转载 -webkit-box-orient: vertical;本地编译、打包失效

autoprefixer可以自动在样式中添加浏览器厂商前缀,避免手动处理样式兼容问题。多行文本设置-webkit-box-orient: vertical;属性后,autoprefixer不生效问题。//在scss中/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */// 在css中/* autoprefixer: off */-webkit-box-orient: vertical;/*

2021-07-21 12:57:21 917

原创 TS语法忽略、eslint忽略

typescript忽略单行忽略// @ts-ignore忽略全文// @ts-nocheck取消忽略全文// @ts-checkeslint忽略+typescript忽略/* eslint-disable */const watermark = require("watermark-dom"); // @ts-ignore/* eslint-enable */

2020-08-24 10:19:06 34080

原创 git统计代码提交

2020-01-01后,代码提交前10名,代码行数统计// 2020-01-01后,代码提交前10名,代码行数统计git log --since="2020-01-01" --pretty='%aN' | sort | uniq -c | sort -k1 -n -r | head -n 10导出所有commit日志git log > git.log...

2020-05-22 22:46:22 986

原创 是否首次进入页面判断方案

需求进入:1.进入A页面,输入一些信息后,跳转B页面选人,然后携带用户信息回到A。A中所有内容都保留,且携带回B页面选的人。2.每次从新进入A页面,A页面刷新。解决方案:进入A页面时,直接replace跳转当前url拼接一个时间戳参数。ts=当前时间。用户不会有跳转感知,浏览器里也不会多一层历史记录交互中跳转B页面回来后,判断有ts时间戳参数,则代表非新进入页面。当用户从新进入A页面时...

2020-03-13 16:10:22 2064

原创 iframe跨域通信(设置高度)

主页面html<iframe width="100%" id="yqiframe" name="sendMessage" src="https://m.abc.cn/test.html" frameborder="0" scrolling="no"></iframe>主页面js$(function () { var ifr = window.frames['s...

2020-03-12 17:56:56 309

原创 console.log的骚用法

在控制台中输入 document.body.contentEditable=true回车运行

2019-11-29 13:30:42 1042

原创 js生成二维码

<html><head><title>Javascript 二维码生成库:QRCode</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="viewport" content="width=device...

2019-11-08 13:52:34 241

原创 webpack插件及配置

const path = require('path')// html打包const htmlWebpackPlugin = require('html-webpack-plugin')// js压缩const UglifyJsPlugin = require("uglifyjs-webpack-plugin");// 打包前删除之前包const { CleanWebpackPlugi...

2019-08-26 22:33:17 231

原创 mac下80端口被占用

查看80端口sudo lsof -i:80结果图:COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAMEnode 1596 root 24u IPv4 0xcfd4a88e94224ac7 0t0 TCP *:http (LISTEN)node ...

2019-08-14 12:06:33 6928 2

原创 mac启动本地服务器

1.node2.安装http-servernpm install -g http-server3.运行http-serverhttp-server

2019-07-02 10:34:07 1713

原创 react中style和className使用

style用法<div style={{display: this.state.btnFlag ? "block" : "none"}}>按钮</div>// 多个用,隔开<div style={{display: this.state.btnFlag ? "block" : "none",width: '20px'}}>按钮</div>...

2019-04-24 15:36:21 4634

原创 postcss-pxtorem中使用selectorBlackList过滤,使某些样式不进行rem转换

const pxtorem = require('postcss-pxtorem');配置中:pxtorem({ rootValue: 100, propList: ['*','!border'], selectorBlackList: ['.am-'] // 过滤掉.am-开头的class,不进行rem转换})

2019-04-07 15:41:42 13257

原创 webpack外部扩展,依赖前置

引入了外部jsindex.html<script src="https://code.jquery.com/jquery-3.1.0.js" integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk=" crossorigin="anonymous"></script>js中impor...

2019-03-20 10:57:17 941

转载 正则表达式

定义:正则用于规定在文本中检索的内容,它是对字符串执行模式匹配的强大工具RegExp(正则表达式) 对象的语法: new RegExp(pattern, attributes);pattern为一个字符串或匹配规则attributes为可选字符串,包含属性g、i 和 mg:代表全局匹配 (继续往下匹配)i:代表不区分大小写匹配m:代表多行匹配,只对^和$模式有用定义正则...

2019-01-11 10:34:33 136

原创 element中el-cascader使用props设置value、label、children

从后端拿到arr数据结构:cityList: [ { id: 1, name: '北京', child: [ id: 11, name: '大兴区', child: [ id: 111, name: '亦庄' ] ] }]vue文件代码&lt;el-cascader :options="cityList" :pr...

2019-01-02 20:50:29 70915 22

原创 element-ui 使用input实时限制输入

vue文件&lt;el-input type="text" @input.native="changeCode" v-model="formSearch.licensedCode" maxlength="40" placeholder="请输入" clearable&gt;&lt;/el-input&gt;changeCode() { this.$nextTick((

2018-11-07 17:08:13 20770 1

原创 vue中清空input标签中file的值

&amp;lt;input type=&quot;file&quot; ref=&quot;clearFile&quot; name=&quot;file&quot; id=&quot;file&quot;&amp;gt;&amp;lt;button @click=&quot;clearFile&quot;&amp;gt;&amp;lt;/button&amp;gt;cle

2018-10-29 18:17:58 7953

原创 简单http请求

简单http请求function clientRequest(url, data) { var client = new XMLHttpRequest(); client.open("POST", url, false); // 响应方式 接口链接 是否异步请求 client.setRequestHeader("Content-Type","application/x-www-for...

2018-09-25 17:24:08 372

转载 一些css实用小技巧

1.CSS变量实现鼠标移上效果 html&amp;amp;amp;amp;amp;amp;amp;amp;lt;button class=&amp;amp;amp;amp;amp;amp;amp;quot;btn&amp;amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;lt;span&amp

2018-08-06 16:59:03 535

原创 div超出宽度自动换行

div{ width: 500px; word-break: break-all; word-wrap: break-word;}

2018-07-25 11:57:01 21639

原创 element表单验证及清除校验

&lt;el-form class="task-dialog-form" :model="againForm" :rules="againRules" size="small" ref="againForm" label-width="80px"&gt; &lt;el-row&gt; &lt;el-col :span="

2018-07-25 09:20:10 60012 9

原创 小程序父子组件通信-传值、父组件调取子组件、子组件调取父组件

父组件中 default-value为传递给子组件的值&lt;x-picker-date id="picker-date" default-value="{{newTime}}" wx:if="{{showPicker}}" bind:myevent="toggleToast"&gt;&lt;/x-picker-date&gt;父组件jsshowPickerDate(e) {

2018-07-08 18:49:40 28296 3

转载 date日期相关操作

var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myD...

2018-07-08 18:31:26 428

转载 当前日期时间往前往后30、60、90、n天

function getBeforeDate(datt){ // var datt = '2018-07-07'.split('-');//这边给定一个特定时间 datt = datt.split('-'); var newDate = new Date(datt[0], datt[1] - 1, datt[2]); var befminuts = newDate.getTime...

2018-07-08 18:30:09 10632

原创 echarts markPoint显示问题

var dataArr = [{type: 'max', name: '最大值'},{coord:[1,9]},{coord:[2,4]}]var dataArr2 = [{type: 'max', name: '最大值'},{coord:[2,9]},{coord:[2,5]}]var dataArr3 = [{type: 'max', name: '最大值'},{coord:[3,9]...

2018-07-05 09:25:27 47465 7

原创 element el-input @change 无法触发,@input值出错问题

这里是demohtml&lt;div id="app"&gt; el-input &lt;el-input v-model="input" @input="changeValue"&gt;&lt;/el-input&gt; class el-input &lt;div class="el-input"&gt; &lt;inpu

2018-06-20 10:39:26 39998 2

原创 正则表达式

验证数字的正则表达式集 验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$ 验证非零的正整数:^\+...

2018-06-17 23:34:57 126

原创 vue-cli 3.0项目深克隆lodash使用

lodash官网npm i --save lodashmain.jsimport _ from "lodash";使用let data = _.cloneDeep(this.userInfoData)

2018-06-16 11:39:37 4098

转载 axios配置

import axios from 'axios'import qs from 'qs'import { Message } from 'element-ui'// import * as _ from '../util/tool'axios.defaults.timeout = 5000; //响应时间// axios.defa...

2018-06-14 20:10:56 2075

转载 css文本在标签内平均分布

div{text-align: justify; } div:after{display: inline-block ; content: ''; padding-left: 100%; }

2018-06-14 09:29:20 30787

转载 js监听变量

监听单一变量var obj={};Object.defineProperty(obj,'data',{ get:function(){ return data; }, set:function(newValue){ data=newValue; console.log('set :',newValue); ...

2018-06-14 09:21:48 2709 1

转载 vue在ios返回上一路由白屏

原文链接问题描述:进入A页面——&gt;B页面——&gt;ios自带的返回——&gt;白屏出现——&gt;手动点击白屏处——&gt;问题解决原因是,经过排查,发现在ios 机器上使用webview 开发Vue项目时候,go history (-1),无法将body 的高度拉掉,使得遮住,触发轻点击,方可消除该遮罩解决的理论:用于最重要的html 容器是container,然而因...

2018-06-04 21:20:04 6169

原创 移动端人民币符号 '¥'显示

人民币符号少一横杠将代码中的'¥'更改为 &amp;yen;

2018-06-04 13:55:36 2159

原创 js判断当前客户端

function isIphoneX(){ return /iphone/gi.test(navigator.userAgent) &amp;&amp; (screen.height == 812 &amp;&amp; screen.width == 375) }或者使用navigator对象

2018-06-01 16:23:40 525

原创 text-shadow文本长阴影

&amp;lt;template&amp;gt; &amp;lt;div class=&quot;container&quot;&amp;gt; &amp;lt;h1&amp;gt;文本阴影&amp;lt;/h1&amp;gt; &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;lt;script&amp

2018-05-27 09:48:49 795

原创 git简单使用

简单提交git statusgit add *git status 全绿色git commit -m ‘提交信息备注’git push配置npm i express http-proxy-middleware --save-devnode server.jsgit branch -a查看所有分支git checkout dev切换到dev分支分支内容提交后git...

2018-05-24 22:03:38 144

原创 vue2-preview缩略图插件

https://github.com/daidaitu1314/vue2-preview//npmnpm i vue2-preview -S//引入import VuePreview from 'vue2-preview'Vue.use(VuePreview)//使用&lt;template&gt; &lt;img class="preview-img" v-for="...

2018-05-17 20:31:42 9913 6

转载 vue监听滚动条-吸顶

mounted(){ window.addEventListener('scroll', this.handleScroll)}handleScroll () { var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop co...

2018-05-17 16:42:47 1671

空空如也

空空如也

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

TA关注的人

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