自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 mac webstrom 2020.2.1 版本安装

附上参考链接https://blog.csdn.net/u010377383/article/details/107023781首先我是卸载重新装的这个 网上首先搜索到的是让删除之前的配置# 删除配置信息目录rm -rf ~/Library/Preferences/WebStorm*# 删除插件信息目录rm -rf ~/Library/Application\ Support/WebStorm*# 缓存信息目录rm -rf ~/Library/Caches/WebStorm*# 删除日.

2020-08-29 18:51:03 728

转载 CSS3自定义滚动条样式

CSS3自定义滚动条样式自定义滚动条实现此部分针对webkit内核的浏览器,使用伪类来改变滚动条的默认样式,详情如下:滚动条组成部分1. ::-webkit-scrollbar 滚动条整体部分2. ::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或向左向右移动)3. ::-webkit-scrollbar-track 滚动条的轨道(里面装有Thumb)4. ::-webkit-scrollbar-button 滚动条的轨道的两端按钮,由于通

2020-08-25 17:32:35 288

原创 vue 点击空白 隐藏div

我是一个 browBox 里的ul li 循环遍历内容 点击li 内容 browBox 隐藏然后点击表情打开div 点击空白browBox 隐藏<div class="browBox" :class="[charShow?'show':'hidden']"> <ul> <li id="charli" v-for="(item,index) in faceList" :key="index" @click="getBrow(index, $ev...

2020-08-25 17:30:15 480

转载 @keyup.enter.native Element-ui 插件调用回车事件 

@keyup.enter.native="getData()"Element-ui 插件调用回车事件转载链接https://blog.csdn.net/hrbsfdxzhq01/article/details/85809750

2020-08-25 13:44:07 445

原创 vue pdf canvas 展示 pdfjs pdf.worker.js

尝试过用 ifame 引入pdf 但是获取不到滚动条embed 引入也不获取不到尝试用过 vue-pdf 但还是获取不到滚动条尝试用PDFObject. 生成embed 也是获取不到附上参考链接https://blog.csdn.net/liuyaqi1993/article/details/77822946?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel...

2020-08-25 13:35:58 3169 1

原创 base 64 转码解码 表情包emoji转码

转码方式bota和atob从base64到atob和btoa的一些理解https://segmentfault.com/a/1190000016379916附上菜鸟教程链接botahttps://www.runoob.com/jsref/met-win-btoa.htmlatobhttps://www.runoob.com/jsref/met-win-atob.html演示链接https://www.runoob.com/try/try.php?filename=t...

2020-08-21 10:41:58 2234

原创 vue textarea 字数限制

maxlength 可以限制文本框的最多输入文字<div class="discussWrap"> <textarea id="text" v-model="content" placeholder="讨论" maxlength="500" @input="getNumber"/> <span class="reciprocal">{{reciprocal}} / 500</span></div>data{ ..

2020-08-20 13:35:16 1274

原创 vue 表情包

参考文章json 地址https://github.com/amio/emoji.json/blob/master/emoji.json引入本地jsonhttps://blog.csdn.net/weixin_45115895/article/details/106713009?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-13-106713009.nonecase..

2020-08-20 13:31:55 707

原创 vue 公共组件传值 EventBus

参考文章https://blog.csdn.net/q3254421/article/details/82927860https://blog.csdn.net/r_17703772792/article/details/87695065main.jsVue.prototype.$EventBus = new Vue();要传值的页面函数this.$EventBus.$emit('incremented', fileList.time);接收传值的页面 thi..

2020-08-20 13:23:51 293

原创 原生js 插入html

https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML // 客服点击发送事件 submitChat(){ let dialogueInput = document.getElementById('text') // input 框 let dialogueContain = document.getElementById('chat...

2020-08-17 16:39:32 3549

转载 safari浏览器兼容性问题-日期格式

今天写代码遇到的一个bug,在chrome上显示得好好的时间,一到Safari就提示 “invalid date”,于是回来看代码(为了一目了然,进行一些处理):var deadline = new Date("2016-06-10 23:59");1这行代码是将数据库中存的日期“2016-06-10”字符串转成Date对象。分析当看到日期格式是yyyy-mm-dd,我联想到了yyyy/mm/dd格式,以前我也好奇这两种格式有什么区别,不过之前用chrome浏览器来测试这两种日期格式,发

2020-08-17 09:46:53 966

原创 前端面试题 6

1. css 实现垂直居中.flex{ display: flex; justify-content: center; align-items: center;}一般采用flex布局来实现元素居中,其他方法有 margin: 0 auto; 定位2. flex布局任意一个容器都可以使用flex 布局, Webkit 内核的浏览器 需要添加-webki...

2020-04-23 20:20:32 218

转载 vue 点击动态改变 class 样式 for循环

转自https://blog.csdn.net/katydids/article/details/83830002vue点击时动态改变样式template中<li :class="{ active:index==isActive }" @click="changeValue(index)" v-for="( item , index ) in items" :ke...

2019-09-25 16:05:00 2696

原创 audio 音频 基于plyr.js

https://github.com/sampotts/plyraudio 音频播放 可点击切换播放 mp3 音乐自己改一下 没有找到在线链接<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</...

2019-09-20 15:03:53 872

转载 js form表单input框限制20个字符,10个汉字

版权声明:本文为CSDN博主「weixin_43431702」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/weixin_43431702/article/details/89191644<!DOCTYPE html><html><head> &lt...

2019-09-18 18:06:51 1872

原创 jq 上传头像 可裁剪

基于 cropper.js<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>裁剪图片</title> <link href="https://cdn.bootcss.com/cropper...

2019-09-18 17:23:07 463

原创 vue-element-admin

以下内容仅作记录vue-element-adminvue+element 的后台管理系统https://panjiachen.github.io/vue-element-admin-site/guide/

2019-09-18 16:59:41 285 1

原创 vue tab 切换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> ul li { list-style: none; display: inline-block; ...

2019-09-17 15:12:05 124

原创 input 框 所支持的事件

input 框有一个maxlength属性maxlength number 规定输入字段中的字符的最大长度。 onchange script 在元素值被改变时运行的脚本。 onblur script 元素失去焦点时运行的脚本。 onfocus script 当元素获得焦点时运行的脚本。 Keyboard 事件...

2019-09-16 19:18:45 677

转载 vue2.0实现移动端的输入框实时检索更新列表功能

用@input ="inputFunc"用v-on:input ="inputFunc"详细 内容转自https://www.jb51.net/article/139695.htm

2019-09-16 19:15:49 516

原创 $.load() 引入共同文件 闪烁

给body 设一个display:none;让他先消失$.load() 引入的文件加载完以后在让body在出现 dispaly:block;

2019-08-29 11:52:21 565

转载 css 设置overflow:scroll 滚动条的样式

css 设置overflow:scroll 滚动条的样式 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 /* 定义滚动条样式 */ ::-webk...

2019-08-15 19:01:52 5731

转载 vue 外部引入闪烁问题

html结构如下:<ul v-cloak> <li v-for="(item, index) in 10" :key="index">{{item}}</li></ul>第一步,在闪烁元素的最外层添加上一个v-cloak第二步,CSS代码// 在填充数据之前隐藏[v-cloak] { display: none;...

2019-08-15 18:26:33 144

转载 ul 下 li 超出多余margin 让ul 减去多余margin

每个li margin-right:20px;ul margin-right:-20px;

2019-07-30 17:04:25 429

转载 滚动条触发后,body,html背景颜色铺满

加 min-width加 min-width: 1200px;或者加min-width: max-content;min-width:-webkit-max-content;

2019-07-29 15:18:48 2017

转载 element-ui 表格中 el-table-column 添加 icon

<el-table :data="tableData"> <el-table-column prop="type" label="类型"></el-table-column> <el-table-column prop="name" label="名称"></el-table-column> <el-tab...

2019-07-26 16:35:33 17753 3

转载 command not found: vue 安装vue

这是需要配置环境 添加PATH 记得千万不要打错 如果配置的PATH打错 导致ls vim等命令失效vim.zshrc我是在.zshrc 中的末尾 增加了export PATH=/Users/xxx/.npm-global/bin:$PATHexport PATH=/Users/xxx/.npm-global/lib/node_modules/vue-cli/bin:$PAT...

2019-07-25 18:50:37 1018

转载 mac .zshrc 修改出错 ls vim等命令失效

转自https://www.jianshu.com/p/8d484d67c3e9更改 .zhsrc 文件的时候一定要小心看好 我是 $ % 打错 没有仔细看PATH=/bin:/usr/bin:/usr/local/bin:${PATH}export PATH

2019-07-25 18:17:39 2228

原创 go 给图片加水印效果 判断 jpg/png

记得修改一下报错信息 小白一只,不会给gif 加水印。main.gopackage mainimport ( "fmt" "image" "image/draw" "image/jpeg" "image/png" "log" "net/http" "os")func main() { srcImg := "1.jpg" // ...

2019-07-23 14:27:54 906

转载 flutter 下拉菜单 仅做记录

两种都是转载过来的第一种 转自https://blog.csdn.net/weixin_33835103/article/details/88490202main.dartimport 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends Stateless...

2019-07-19 18:04:50 4534

转载 左侧弹出二级导航jQuery 仅做记录

左侧二级菜单手风琴效果 http://www.jq22.com/jquery-info16488转自 jq22.comhttp://www.jq22.com/jquery-info306可直接去下载index.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h...

2019-07-19 10:46:06 272

转载 flutter 轮播图 仅做记录

转载 两篇https://pub.dev/packages/flutter_swiperhttps://juejin.im/post/5c3f3c29f265da6120621048Image.asset 添加本地图片Image.network 添加网络图片下面三个是网络图片https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/...

2019-07-16 17:11:53 143

转载 flutter 新手入门 仅做记录

查找flutter 的依赖包 https://pub.dev/flutter转载一些其他人的记录8 小时,"掌握"了一下 Flutterhttps://www.jianshu.com/p/9aaabc60d8afdart 语言学习https://www.jianshu.com/p/9e5f4c81cc7dDart编程语言入门 慕课网视频:https://ww...

2019-07-15 18:22:55 197

转载 svg 链接

svg 数据图形链接推荐:图说数据 有高校分布图http://www.graphvis.cn/NetworkGraph 力导向图http://148.70.238.152/https://github.com/iaboaix/NetworkGraphhttp://jeffreyliang.coding.me/webproject/app/index.html#/...

2019-07-15 18:10:51 348

转载 svg line stroke-width 相同但是不一样粗 仅做记录

转载链接https://segmentfault.com/q/1010000004242600转载链接https://segmentfault.com/q/1010000012453028因为文字默认有'fill:black'的属性,而stroke是沿着文字边框向内和向外扩展stroke-width数值的一半。所以最后一个text标签的fill挡住了前面text标签的一半st...

2019-07-15 17:42:44 3046

转载 flutter 网格线 蓝线 仅做记录

import 'package:flutter/rendering.dart' show debugPaintSizeEnabled;启用调试布局样式时用到的网格线、标尺、动画帧等在main.dart 中 打开视觉调试开关import 'package:flutter/material.dart';import 'package:flutter/rendering.dart' sho...

2019-07-15 16:47:27 775

转载 flutter实现可缩放可拖拽双击放大的图片功能 仅做记录

转自https://www.jianshu.com/p/12ee9456eb2epubspec.yaml 引入 flutter_drag_scale 点击右上角的packages get 也就是flutter packages get 然后main.dart中引入dependencies: flutter: sdk: flutter flutter_drag_...

2019-07-15 14:23:01 1325

转载 flutter 一些网站收录 仅做记录

Flutter一些拿走即用的布局代码 http://tryenough.com/type-flutter http://www.devio.org/2018/09/09/awesome-flutter/https://github.com/crazycodeboy/awesome-flutter-cn

2019-07-15 14:10:14 87

转载 将滚动条(scrollbar)保持在最底部的方法

<!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>demo</title></head><body><div id="exam...

2019-07-15 14:04:21 5842 1

转载 flutter 淡入淡出 仅做记录

转载一个看到的浅尝flutter中的动画(淡入淡出)https://www.jianshu.com/p/f5ee8382bb73main.dartimport 'package:flutter/material.dart';void main() => runApp( MyApp());class MyApp extends StatelessWidget { @ov...

2019-07-15 13:46:17 351

空空如也

空空如也

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

TA关注的人

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