- 博客(35)
- 收藏
- 关注
RSS订阅
原创 elementUi table树形表格列名时间区间
首先我本地先创建一个data.json文件 数据格式为[ { "name":"成品", "parentCode":"0", "code":"1", "level":"0", "children":[ { "name":"材料1", "parentCode":"1", "code":"1-1", "level":"1", "c
2020-12-28 10:34:09
454
原创 判断两个字符串相同的最大片段
举例:var str = 'qwe15as45',str1 = 'ewzc15asd'查找两个字符串 相同的片段 很直观'15as'是相同片段;先说一下结题思路,有很多种,我只说我想的思路;就是将str1按它长度(最大到长度为1)的所有片段 去和str 对比(取包含的) 然后找出最长的所以重点就是如何找str1 的所有片段//将str1 字符串按长度 组合排列//由于例子的str1有点长 我就重新定义一个str1 = '1234'//所以str1 长度为4的组合 1234 ,
2020-05-28 21:03:47
1108
1
原创 返回时间段内各种时间间隔的数组
这里时间插件你们自己定义代码如下Date.prototype.Format = function(fmt)//日期格式 { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), /...
2019-08-30 17:20:27
1351
1
原创 Promise对axios再封装
创建一个Ajax.js引入以下文件import axios from 'axios';import Vue from 'vue'; //这里我要做个请求loading 所以引入import 'element-ui/lib/theme-chalk/index.css'; //这里我要做个请求loading 所以引入import {axios_defaults_timeout} from '...
2019-08-22 11:16:46
461
原创 Ehcart tooltip数据量过大显示数据问题
想必大家会遇到大数据量的时候,鼠标移入的时候tooltip提示可能会浮出div造成部分数据看不到的问题.比如这个样子：当你鼠标向上移动的时候 tooltip显示也会向上 数据就看不到了。此时一个属性就可以搞定tooltip:{ trigger:'axis', confine:true // 可以将tooltip显示的位置固定 }但是数据量还是很多 超过你下方的div 甚至超...
2019-08-21 13:58:29
819
6
转载 Git 基本操作
一． Git基本的工作流程简介如下：1．在工作目录中修改某些文件;2．对修改后的文件进行快照，然后保存到暂存区域;3．提交更新，将保存在暂存区域的文件快照永久转储到 Git 目录中．二．git常用命令操作１． git clonegit clone 代码库的urleg： git clone ssh://xxx@ip:29422/project git clone -b ...
2019-08-21 11:07:30
201
原创 new IntersectionObserver 使用笔记
文档链接随着网页发展，对检测某个（些）元素是否出现在可视窗相关的需求越来越多了？比如：当页面滚动时，懒加载图片或其他内容。实现“可无限滚动”网站，也就是当用户滚动网页时直接加载更多内容，无需翻页。对某些元素进行埋点曝光滚动到相应区域来执行相应动画或其他任务。一直以来，检测元素的可视状态或者两个元素的相对可视状态都不是件容易事，大部分解决办法并不完全可靠，实现方式很丑陋，也极易拖慢整个网站的性能。IntersectionObserver正因此而生reportDatail() 方法 对容器内容进行监听
2022-06-30 15:01:49
1528
4
原创 webpack4学习笔记
webpack 4笔记定义模块化打包工具 可以识别任何模块化引入的方法;模块化处理ES module : import Header from './header.js'; export default Header;CommonJS :var Header = require('./header.js');module.exports = Header;AMD CMD 模块化引入;https://www.webpackjs.com/api/module-methods/#im
2022-04-28 17:38:38
562
原创 iconfont-cli 告别批量打包到项目
相关插件mini-program-iconfont-clireact-native-iconfont-cliuni-app-iconfont-clivue-iconfont-clireact-iconfont-cliflutter-iconfont-clitaro-iconfont-cli这里我们以 vue项目和react-native项目为例子vue npm的地址react-native的地址这两个地址有对应的教程生成配置文件npx iconfont-init这样会在项目生成
2022-03-28 10:25:42
1668
原创 vue element-ui el-table表格二次封装 自定义el-table表格组件 vue封装表格组件
CommTable.vue table组件 目前只是简单的展示 后续会再迭代<template> <div> <el-table :data="tableData" :showHeader="showHeader" border :spanMethod="spanMethod ? spanMethod : null" element-loading-text="加载中..." v-loadin
2021-12-10 17:14:13
4756
1
原创 vue elementUi form表单自定义验证
有一些验证不是通过input select这样的受控组件来触发验证条件的 可以通过自定义验证的方法来触发~比如上传文件必填的校验 要通过验证fileList是否为空来判断~//:show-message 绑定验证条件 (验证条件 在提交时判断两个文件都上传)//error 提示信息 <el-form-item label="封面图片:" label-width="120px" required :show-message="fileReq
2021-11-15 09:58:01
1087
原创 react-redux的provider和connect使用
src/index.js引入对应组件; Provider组件包裹子组件 传递store;这里store我导出了两个变量 其中persistor 是做持久化变量存储的 可以看相关的api百度: redux-persistsrc/redux/store.jsstore引入了 redux里的combineReducers 方法 可以将多个reducers方法整合 然后创建createStoresrc/redux/reducers/demoReducer.js简单的写一个reducer.jss
2021-11-09 15:17:58
536
原创 vue echarts高亮轮播
直接上代码json数据地址选择地图json下载广州的json到本地 然后引入就行了<template> <div ref="myChart" id="myChart" class="gzMap"></div></template><script>import echarts from 'echarts'import gzData from '@/assets/json/index.json';export default
2021-08-19 15:23:00
214
转载 mac下配置多个git账号并进行账号切换
①打开GitHub②注册账号0_GitHub.png1_GitHub.png2_GitHub.png③进入Finder目录 ~/.ssh会看到有三个文件config、id_rsa、id_rsa.pub（我配置过两个账号，是五个文件）3_Finder.png④打开终端输入第一行命令：ssh-keygen -t rsa -C “邮箱地址”这时会提示你创建的文件是否使用默认的文件名Enter file in which to save the key (/Users/用户名/.ssh/id_
2021-07-22 10:28:11
1518
原创 mac vscode快捷方式
全局Command + Shift + P / F1 显示命令面板Command + P 快速打开Command + Shift + N 打开新窗口Command + W 关闭窗口基本Command + X 剪切（未选中文本的情况下，剪切光标所在行）Command + C 复制（未选中文本的情况下，复制光标所在行）Option + Up 向上移动行Option + Down 向下移动行Option + Shift + Up 向上复制行Option + Shift + Down 向下复
2021-07-20 18:35:28
181
原创 级联选择器报错原因
<el-cascader ref="problemCascader" :key="problemsListKey" v-model="problemIds" size="mini" :options="problemsList" :props="cascaderPros" filterable></el-cascader>之前网上解决方法都是加一个key 然后数据变化时 改变keywatch监听 problemIds problemIds(){ this.pr.
2021-07-19 16:26:52
509
原创 vue-quill-editor 使用
一：安装npm install vue-quill-editor -S二：挂载//全局// main.jsimport Vue from 'vue'import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css'Vue.use(VueQuillE
2021-06-15 14:07:56
329
转载 http-server启动本地文件
在写前端页面中，经常会在浏览器运行HTML页面，从本地文件夹中直接打开的一般都是file协议，当代码中存在http或https的链接时，HTML页面就无法正常打开，为了解决这种情况，需要在在本地开启一个本地的服务器。本文是利用node.js中的http-server，开启本地服务，步骤如下：1 下载node.js官网地址： https://nodejs.org下载完成后在命令行输入命令$ node -v以及$ npm -v检查版本，确认是否安装成功。2 下载http-server在终端输入：$
2021-06-11 09:58:13
735
1
原创 el-table自定义表头的两种方式
方法一： <el-table-column> <template slot="header"> <time-sort @sortTime="sortTime"></time-sort> </template> <template slot-scope="{row}" > <div class="infoData">
2021-06-10 14:12:03
1603
原创 铃铛抖动效果 css
// css.helpTips { animation-name: upAnimation; transform-origin: center bottom; animation-duration: 2s; animation-fill-mode: both; animation-iteration-count: infinite; animation-delay: .5s; }@keyframes upAnimatio
2021-04-27 18:37:25
1224
2
原创 vue项目 input输入内容请求 防抖获取参数的方法
一：引入防抖函数export const debounce = (fn, t) => { let delay = t || 500; let timer; return function() { let args = arguments; if (timer) { clearTimeout(timer); } timer = setTimeout(() => {
2021-04-16 11:07:49
1064
原创 vsCode Emmet快速书写css方法
写几个常用到的css快捷输入箭头左边的都是快捷输入 加 TAB键基本不输入单位默认pxw10em => width: 10em;w100 => width: 100px;h100 => height: 100px;tac => text-align: center;ti10=> text-indent: 10px;//缩进td => text-decoration: none;lh10px => line-height: 10px;//默认无单位
2021-03-09 17:34:34
668
1
原创 Vue的eslint配置
1、安装eslintnpm install --save-dev eslint2、新建.eslintrc.js文件 配置eslint如果全局安装eslint也可以使用eslint --init来自动配置文件默认配置如下：（eslint --init 自动生成）module.exports = { "extends": "eslint:recommended", "parserOptions": { "ecmaVersion": 5, "sourceT
2021-03-04 10:20:39
186
1
原创 leetCode第五题 最长回文子串 JS
中心扩散法var longestPalindrome = function(s) { let len = s.length; if(len == 0 || len == 1){ return s } let start = 0; let maxlen = 1; for(let i = 0; i<len;i++){ let len1 = expendCenter(s,i,i); let len2 = exp
2021-01-19 11:56:04
102
原创 如何将本地项目上传到Github库
首先本地有git的情况下 在你想要上传的文件右键 Git Bash => git init此时文件就会生成一个.git的隐藏文件mac版本创建git库填写名字 描述 下面点击是默认的README file 不点的话 还是要自己编写复制git地址 HTTPS的 之后用//进入目标目录git add . git commit -m '你第一次提交的内容'//... 为你复制的 git地址git remote add origin ...git push -u orig
2020-11-23 10:16:55
69
原创 原生js 监听textarea文本框内容自适应
不用框架的情况下 这种自适应高度文本很不错css <style type="text/css"> h2 { text-align: center; margin: 50px auto; } #textarea { display: block; margin: 0 auto; overflow: hidden; width: 300px; font-si
2020-11-16 10:05:55
609
2
原创 elementUi 自定义上传文件
//vue <el-upload ref="upload" class="upload-demo" action :auto-upload="false" accept=".xlsx,.xls" :limit=limit :before-upload="beforeUpload" :on-remove="handleRemove" :on-exceed="handleExceed"
2020-11-07 11:07:28
1562
原创 mac 系统Homebrew安装
什么是homebrew？homebew是一款包管理工具,目前支持mac 和 linux系统 主要有四个部分组成: brew、homebrew-core 、homebrew-cask、homebrew-bottles.脚本说明//命令输入/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"如果报错curl: (7) Failed to connect
2020-09-27 11:44:39
228
原创 快速排序算法的优势
快速排序在处理大数据量的时候有这显著的优势;首先创建一个10000长度的数组这里我让他倒序,然后测试一下普通，冒泡10000的数据量 时间处理是98 ms再来看看快速排序看到这里 我惊了 快速排序的速度居然比冒泡慢了 1ms不行不行 10000 的数据量有点少 100000吧来 继续测试冒泡很好很好 这个速度有点慢再来 快速排序这才是理想的效果 哈哈...
2019-08-24 12:51:20
2342
原创 浅谈Promise的理解
promise是什么呢?一个构造函数,自身的方法有all,reject,resolve这么几个方法,原型上面有then,catch等方法.1.他的两个特性(1) 对象的状态不受外界影响。Promise是一个异步的操作,本身有三种状态 pending(进行中),fulfilled(已成功)和rejected(已失败).只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态....
2019-08-23 11:18:15
170
原创 原生JS获取dom元素高度
clientHeight,scrollWidth,offsetWidth的区别用body 测试网页实际宽： document.body.clientWidth网页实际高： document.body.clientHeight网页实际宽： document.body.offsetWidth (包括边线的宽)网页实际高： document.body.offsetHeight (包括边线的高)...
2019-08-23 08:37:39
5820
原创 vue中过滤器的使用
在实际项目中遇到一些对数据处理 复用率比较高的时候 可以用到计算属性,或者在methods封装一个方法,但是有时候使用过滤器也是可行的案例： 我的item.img数据为 “http://p1.meituan.net/w.h/movie/648bbced128324a4b4ccf7db6c564a251744344.jpg”现在要把其中的 /w.h/ 替换成 宽和高全局定义一个过滤器,局...
2019-08-22 22:40:59
239
原创 查询两时间段间的月份
function getMonthBetween(start,end){//返回时间段的月份 start=start.slice(0,7); end=end.slice(0,7); var result = []; var s = start.split("-")...
2019-08-21 11:56:20
151
原创 url截取后面的参数
非常简单的一个方法,好用的雅痞~随便一个url: http://127.0.0.1:8080/index?code=30&name=tomfunction getUrlParam1(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var ...
2019-08-21 11:41:45
723
原创 json树结构转化普通json数据
树json数据结构转化后的普通json数据格式方法一function treeTransArray(tree, key) {//通过树结构返回普通json数组 return tree.reduce(function(con, item) { var callee = arguments.callee; ...
2019-08-21 11:32:49
2283
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人