自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

曲小强

懒得我都懒得告诉你我为什么懒得不告诉你。

  • 博客(198)

原创 移动端简单适配

// rem 单位换算:定为 75px 只是方便运算,750px-75px、640-64px、1080px-108px,如此类推$vw_fontsize: 75; // iPhone 6尺寸的根元素大小基准值@function rem($px) { @return ($px / $vw_fontsize) * 1rem;}// 根元素大小使用 vw 单位$vw_design:...

2020-03-11 11:54:00 98

原创 git常用命令

仓库# 在当前目录新建一个Git代码库$ git init# 新建一个目录,将其初始化为Git代码库$ git init 项目名字# 下载一个项目和它的整个代码历史$ git clone 克隆url地址配置# 显示当前的Git配置$ git config --list# 编辑Git配置文件$ git config -e [--global]# 设置提交代码...

2019-04-22 09:45:46 118

原创 50道JS面试题(如有错误,虚心求教)

1.javascript的typeof返回哪些数据类型.答案:string,boolean,number,undefined,function,object2.例举3种强制类型转换和2种隐式类型转换?答案:强制(parseInt,parseFloat,number)隐式(== ===)3.split() join() 的区别答案:前者是将字符串切割成数组的形式,后者...

2018-05-21 10:15:07 78106 16

原创 element UI el-select Select 的绑定值为对象类型

如果 Select 的绑定值为对象类型,请务必指定 value-key 作为它的唯一性标识。<el-select v-model="comparison" value-key="itemId"> <el-option v-for="item in comparisonList" :key="item.id" :label="item.name" :value="item"></el-option></el-select>...

2020-10-21 11:01:36 29

原创 从数组中筛选指定数据

var arr = [1,2,3,4,5,6,7,8,9,10];arr.map( item => { if ([1,3,5,6].includes(item)) { console.log(item) } })

2020-10-13 12:22:44 19

原创 移动端适配模板

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="description" content="这是一个模板"> <script src="https://static-mumway.oss-cn-zhangji

2020-10-12 18:17:46 20

原创 微信分享

index.jsimport wxapi from '@/utils/wxapi'import { getWxShare } from '@/api/index'; // 获取签名 appid的const mixin = { data() { return { wxshare: {}, } }, methods: { // 微信分享 async fShare(){

2020-10-09 15:14:45 37

原创 h5在微信中使用开放标签打开第三方的app

大概代码,先去微信公众号注册了js安全域名<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>测试跳转</title> <script src="https://res.wx

2020-10-09 14:45:55 117 1

原创 element UI el-upload多张图 隐藏上传空间

先包裹displayNone一个class名 然后通过css隐藏<div class="displayNone"> <el-upload action="#" list-type="picture-card" :on-preview="handlePictureCardPreview" :file-list="fileList"> <i class="el-icon-plus"></i> <

2020-09-24 09:57:01 30

原创 关于前端调取微信网页授权

首先你得是个服务号然后添加如图所示的域名然后图中有个下载文件,把那个下载的文件放到你填写的域名文件根目录下,直接放进去就行,让后传到服务器上。到这里好像就可以了如果是vue打包的项目:let url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${encodeURIComponent(window.location.href.split('#')[0])}&amp

2020-09-18 15:06:45 53

原创 h5在ios下拉上拉会带动整个页面滑动

html,body,#app { width: 100%; // 删掉 height: 100%; // 删掉 background-color: #F5F5F5;}只要删掉这俩个属性就行了让内容自由的撑开就可以

2020-09-18 14:59:04 77

原创 css3 抖动效果

.shaky { -webkit-animation-name: shaky-slow; -ms-animation-name: shaky-slow; animation-name: shaky-slow; -webkit-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; -webk

2020-09-15 16:21:45 21

原创 css3 文字渐变动画效果

.css { background-image: -webkit-linear-gradient(left, red, blue 25%, #147B96 50%, yellow 75%, green); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: masked-animation 5s infi

2020-09-15 11:06:11 10

原创 判断数组是否包含某对象,或者判断对象是否相等

//判断数组是否包含某对象let data = [ {name:'你好'}, {name:'前端'}, {name:'Hello World'}, ], val = {name:'Hello World'};JSON.stringify(data).indexOf(JSON.stringify(val)) !== -1; // true //判断两数组/对象是否相等let a = [1,2,3], b = [1,2,3];JSON.stringi.

2020-08-06 09:44:39 81

原创 10个Vue小技巧(转)

注意:转载于 Vue中文社区 优雅更新props更新 prop 在业务中是很常见的需求,但在子组件中不允许直接修改 prop,因为这种做法不符合单向数据流的原则,在开发模式下还会报出警告。因此大多数人会通过 $emit 触发自定义事件,在父组件中接收该事件的传值来更新 prop。// 子组件.vueexport defalut { props: { title: String }, methods: { changeTitle(){

2020-08-05 15:09:28 77

原创 js 实现浏览器下载视频

fetch('https://static-mumway.oss-cn-zhangjiakou.aliyuncs.com/NetworkFrontEnd/qhq/video/1.mp4').then(res => res.blob()).then(blob => { const a = document.createElement('a'); document.body.appendChild(a) a.style.display = 'none' const url = wind

2020-07-22 15:58:26 188 1

原创 js 格式化时间

function formatTime (time, format) { time = typeof(time) === "number" ? time : (time instanceof Date ? time.getTime() : parseInt(time)); if(isNaN(time)) return null; if(typeof(format) !== 'string' || !format) format = 'yyyy-MM-dd hh:mm:ss';

2020-07-15 09:33:32 73

原创 element UI模态框复功能(自用)

<el-form-item label="适用城市" :rules="{ required: true }"> <el-button size="small" @click="addCity" type="primary">添加城市</el-button> <span v-if="checkCity.length !== 0"> <el-tag v-if="checkCity.lengt

2020-07-13 11:38:26 271

原创 js 排序

var obj = [{id: 1,price:1.23},{id: 3,price:40},{id: 2,price:5},{id: 4,price:300}];obj.sort(function (a, b) { return a.price - b.price;})

2020-07-13 10:12:30 42

原创 函数防抖

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input type="text.

2020-07-09 12:36:56 44

原创 vue 导出文件

parseParams(data) { try { var tempArr = []; for (var i in data) { var key = encodeURIComponent(i); var value = encodeURIComponent(data[i]); tempArr.push(key + '=' + value); } var urlParamsStr = tempArr.join('&');

2020-07-07 12:23:10 94

转载 vue 深度watch与watch立即触发回调

基础用法搜索框输入搜索关键字的时候,可以自动触发搜索,此时除了监听搜索框的change事件之外,我们也可以通过watch监听搜索关键字的变化。<template> <div> <span>搜索</span> <input v-model="searchVal" /> </div></template><script>export default { data() {

2020-06-29 11:10:02 421

原创 css动画 呼吸的按钮

animation: animat 1.1s infinite;@keyframes animat { 0%{ transform: scale(.8); } 50%{ transform: scale(1); } 100%{ transform: scale(.8); }}

2020-06-28 14:34:07 158

原创 van-datetime-picker循环 每个item添加时间

<div> <div v-for="(item,index) in 3" :key="index"> <strong><span class="span"></span>宝宝信息{{index+1}}</strong> <van-field readonly clickable name="datetimePicker" :value="item.bi

2020-06-22 09:58:37 156

原创 gitlab设置汉语显示

2020-06-18 15:35:37 303

原创 react 获取滚动条距离顶部的数值

<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>React 实例</title><script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script><script src="https://cdn.staticfile..

2020-06-16 18:01:39 270

原创 element UI Cascader 级联选择器

<el-form-item label="跳转分类"> <el-cascader style="width: 300px;" v-model="item.value" :options="options" :props= selectReleaseProps @change="handleChange"></el-cascader> </el-form-item>data() { r

2020-06-11 16:13:29 83

原创 el-checkbox label绑定对象回显

你可以用原生的写自己处理一下样式吧!!<span v-for="tag in item.teachers"> <input type="checkbox" :id="tag.teacher_id" :value="tag" v-model="ruleForm.checkboxGroup" /> <label :for="tag.teacher_id">{{tag.teacher_name}}</label>

2020-06-10 13:29:55 750

原创 处理文本框输入换行,前端展示换行消息

<pre>{{ item.text }}</pre>

2020-06-09 11:44:39 241

原创 隐藏右上角里面的部分功能,

引入微信的js 然后配置隐藏右上角里面的部分功能,wx.config({ debug: false, appId: 'wxcd720e416bcaaa0d', timestamp: '', nonceStr: '', signature: '', jsApiList: [ 'hideAllNonBaseMenuItem', 'hideMenuItems'

2020-06-03 17:33:30 142

原创 echarts 填充线条之间的数据

echarts 填充线条之间的数据<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0"> <div id="container" style="height: 100%"></div&gt

2020-05-29 12:47:40 101

原创 js添加多列数据

<div class="block" v-for="(item,index) in formline.lists" :key="index"> <div>工具{{index+1}}</div> <div style="position: relative;"> <div style="display: flex;align-items: center;margin-bottom: 6px;"> .

2020-05-28 11:31:15 88

原创 如何让swiper的小圆点放在外面

很简单<div class="swiper-wrapper homeSwiper" style="padding-bottom: 40px;">只需要在swiper-wrapperli 写个样式就行style="padding-bottom: 40px;";

2020-05-18 17:09:44 415

原创 利用高效的css 提高你的开发效率~(下)

18。竖文排版<div style="writing-mode: tb;color: darkorange;"> 伊人山水间,<br /> 芦苇河畔。<br /> 逝水流年,转轮回。<br /> 将军沙场,<br /> 难归还~!<br /></div>19.overflow-x排版横向列表.video_list { white-space: nowrap; ov.

2020-05-15 10:45:10 209

原创 利用高效的css 提高你的开发效率~

1、清除浮动<div class="parent clearfix"> <div class="left child">left</div> <div class="right child">right</div></div>.clearfix:after { content: "\00A0"; display: block; clear: both; line-height: 0;}.cl

2020-05-12 16:35:56 150

原创 element UI table 更换表头颜色

<el-table :data="gridData" border :header-cell-style="{background:'#eff3f6'}"> <el-table-column property="name" label="姓名" width="100" align="center"></el-table-column> <el-table-column property="phone" label="联系电话" wid

2020-05-11 16:02:17 439

原创 js图形验证码

!(function(window, document) { function GVerify(options) { //创建一个图形验证码对象,接收options对象为参数 this.options = { //默认options参数值 id: "", //容器Id canvasId: "verifyCanvas", //canvas的ID width: "100", /...

2020-04-29 16:24:08 84

原创 广告上下滚动效果

广告上下滚动效果<!doctype html><html><head><meta charset="utf-8"><title></title><meta name="description" content=""><meta name="keywords" content="">&lt...

2020-04-29 16:13:14 107

原创 超级简单的tab切换

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <m...

2020-04-29 15:53:49 78

原创 左右联动效果

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=devic...

2020-04-29 15:44:35 152

空空如也

空空如也

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