- 博客(52)
- 收藏
- 关注
RSS订阅原创 算法： 双指针 【来源LeetCode】
更规范地说，如果在删除重复项之后有 k 个元素，那么 nums 的前 k 个元素应该保存最终结果。给你一个 升序排列 的数组 nums ，请你 原地 删除重复出现的元素，使每个元素 只出现一次 ，返回删除后数组的新长度。解释：函数应该返回新的长度 5 ， 并且原数组 nums 的前五个元素被修改为 0, 1, 2, 3, 4。输入：nums = [0,0,1,1,1,2,2,3,3,4]将最终结果插入 nums 的前 k 个位置后返回 k。输出：5, nums = [0,1,2,3,4]
2022-09-30 14:49:09
98
1
原创 算法：二分法【来源LeetCode】
给定一个 n 个元素有序的（升序）整型数组 nums 和一个目标值 target ，写一个函数搜索 nums 中的 target，如果目标值存在返回下标，否则返回 -1。输入: nums = [-1,0,3,5,9,12], target = 9。输入: nums = [-1,0,3,5,9,12], target = 2。nums 的每个元素都将在 [-9999, 9999]之间。解释: 9 出现在 nums 中并且下标为 4。解释: 2 不存在 nums 中因此返回 -1。
2022-09-13 17:14:42
158
原创 React初学笔记。做一个ul.增加li功能
import React from "react";class TodoList extends React.Component { constructor(props) { super(props); this.state = { list: [], } } //数据变化时，react会重新加载render函数 buttonClick() { // this.state.list.push('learn 11111'); this.setState({ li
2022-02-24 21:17:14
619
原创 用el-option的disabled属性，控制选择过的选项禁用；应用场景：不允许重复选择
<el-row v-for="(item, index) in FabricCatgList" class="mt15"> <el-col :span="6"> <div> <el-select size="mini" v-model="item.fgidGoodsCatgID" :disabled="IsSupply || !editable"
2022-01-19 21:17:42
4524
原创 深挖querySelectorAll 和 getElementsByClassName的区别（涉及到HtmlCollection 和 NodeList）
区别：不想深究为什么的可以看到这里就结束了；1.getElemengByXXXX 不能使用 foreach, 但是querySelectorAll可以；2.querySelectorAll返回NodeList; 而NodeList 是一个静态集合；(文档中的节点树 发生变化时除外)getElemengByXXXX 返回 HTMLCollection 是一直实时更新的；代码如下：根本原因在于querySelectAll 返回的是nodeList,是个节点的集合，是个类数组。一般类数组有it
2022-01-12 21:16:25
432
原创 使用querySelectAll给元素设置样式
该笔记应用场景： 全局定义的header 和footer 样式浮在弹窗的黑色阴影上,使用querySelectAll改变元素的display/zIndexMDN 链接：https://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelectorAllshowRecommend(val){ let headerDom = document.querySelectorAll('.fix-header'), footerDom
2022-01-11 21:28:23
2201
原创 数组中找出和为目标值的两个整数（暴力破解和哈希表破解）
哈希表：散列表（Hash table，也叫哈希表），是根据关键码值(Key value)而直接进行访问的数据结构。也就是说，它通过把关键码值映射到表中一个位置来访问记录，以加快查找的速度。这个映射函数叫做散列函数，存放记录的数组叫做散列表。其实就是用自定义Key: value的方法来找到匹配项；思路在代码里哈希表：（while和for都写了，注掉的部分是while）var twoSum = function(nums, target) { // 使用哈希表存储合适差值 let h
2021-10-19 19:16:35
400
原创 乘法递归（练习题）
var multiply = function(A, B) { if(A>B){ if(B<=1){ return A; } console.log('1111', multiply(A, B-1)); console.log('122221', A); console.log('33333', multiply(A, B-1)+A); return multiply.
2021-10-19 13:06:50
95
原创 computed使用场景；小demo看【只读】；【读取并更改】的区别
使用场景：不需要在 template 里面直接计算，例如： {{this.firstDay + 1}}，大量重复的复杂声明式会让模板过重，影响性能和可维护性；demo（基于vue官网demo）created () { // this.$nextTick(() => { // this.calMainHeight(); // }); // this.getPageData(); const vm = this; console.log('vm.aPlus-----', v
2021-10-18 16:05:09
127
原创 DatePicker 日期选择器禁用当前年份之前(注意点：picker options写在data里有个es6箭头函数this指向问题)
先放上element的官网说明其实这个地方没什么难点。唯一可能出问题的是es6箭头函数的this指向问题；
2021-08-03 11:38:56
489
原创 ...合并对象/数组对象/数组
2.1纯对象：var t = {a: 1}; var tt = {b:2}; var c = Object.assign({},t,tt);console.log(c);console.log(t);console.log(tt); //目标不设置为{}会改变源对象var obj = { name: 'coco' }var obj1 = { age: 27 }var newObj = { ...obj, ...obj1 };console.log(newObj); // { name: "co
2021-07-21 20:45:51
76
原创 es6对象转为对象数组（map；reduce）【用Object.entries打散】
思路：先把key:value打散然后用map/reduce重组打散：entries重组：map/reduce
2021-07-14 15:31:27
747
原创 ??记录双问号用法
updateData({ total, listInfo }) { this.total = total ?? 0; if (Array.isArray(listInfo)) { this.$set(this, 'data', [...listInfo]); } },??判断??左边表达式是否为null，如是null则取右边表达式的值，否则就取左边表达式的值...
2021-04-01 08:56:31
330
原创 echarts堆叠柱状图实现
本身这个例子拿来不是堆叠的是平行柱状图。我是参考了echarts画廊里的其他堆叠柱状图属性试出来的。重点就是stack是堆叠效果。且两个即将堆叠的柱状图stack必须是同样的值
2021-02-27 18:17:40
749
原创 父----＞曾孙，跨多层组件传值方法provide/inject
正好借用TortoiseGit工具的高亮标出重点父组件：曾孙组件：在曾孙组件里我是拿来v-if判断用。可以直接{{tab}}看效果
2021-02-27 17:57:38
101
原创 typescript的变量初试
var message:string = "Hello World" console.log(message);let arr: Array<number> = [1,2];console.log(arr);let a: [string,number];a = ['sss',123];console.log(a);let arrayList: any[] = [2,true,'aaa'];console.log(arrayList);var type: number | nul
2021-02-22 14:21:52
75
原创 vue+element上传excel后台返回二进制下载excel
我做的是一个校对功能。前端上传一个excel给后台。后台返回我二进制数据流。把它处理成文件流下载下来。 <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> <crudOperation :permission="permission"> <template> <el-button slot="left" cla
2021-01-26 11:55:48
547
原创 uniapp跳转外部链接
总体思路是用uni.navigateTo跳转一个渲染外部链接的内部页面downLoad(item){ let url = encodeURIComponent(item.url) uni.navigateTo({ url:'./webView?url='+url }) },url是文件路径。要用encodeURIComponent编码。不然路径会不完整渲染外部要用web-viewwebView.vue页面<template> <web-
2021-01-14 14:08:03
13829
2
原创 uniapp图片下载和excel下载
直接上代码：样式随便写了一个简陋版。引用了colorUi，建议自行优化。<view class="cu-bar bg-white solid-bottom margin-top "> <view class="action"> <text class="cuIcon-titles text-orange "></text> 附件 </view> </view> <view class="bg-whi
2021-01-13 14:46:42
1939
1
原创 vue刷新当前页面--provide / inject 用法
window.reload()/router.go(0):采用window.reload()，或者router.go(0)刷新时，整个浏览器重新加载，闪烁。严重影响体验provide / inject:允许一个祖先组件向其所有子孙注入一个依赖，关系建立时间里始终生效App.vue<template> <div id="app"> <router-view v-if="isRouterAlive" /> </div></temp
2020-12-31 17:21:07
366
原创 react：用js创建虚拟DOM
<!DOCTYPE HTML><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>使用JS创建虚拟DOM</title> <script src="https://cdn.staticfi
2020-12-28 18:40:53
193
原创 React语法初试
注意三点：react.development.js必须写在react-dom.development.js前;script的type必须是babel;创建虚拟DOM不要写引号，不是字符串；<!DOCTYPE HTML><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
2020-12-28 17:12:51
57
原创 uni使用vuex
首先引入vuex，只要你的uni开发软件没有问题不需要下载什么直接引入就好。创建store目录----》index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { obj:{ unitPrice:'', productName:'' // singleAmount:0, // count:0, // rat
2020-10-30 17:53:20
535
原创 vue项目里引入高德地图并多处定点打标
由于前两个月项目赶得紧。加班太多。导致微博停更了两个月。今天开始重新开更<template> <el-row :gutter="10"> <el-col :xs="6" :sm="6" :md="6" :lg="6" :xl="6"><div class="grid-content" style="background-color: #033447"> <div style="width: 100px;height: 30px;
2020-10-07 21:50:56
1490
原创 百度地图根据已知经纬度定位精确地点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" type=
2020-07-29 18:23:28
3256
1
原创 v-for嵌套双层循环 ---index取值（代码）
HTML//第一层循环---------------------------------------------//------------------------------------------------------<view style="border-bottom: 1px solid #eee;" v-for=" (item,index) in zxhInfo" :key="index"> <view class="cu-bar bg-white solid-b
2020-07-21 17:30:57
3286
1
原创 $once和$emit的传值方法
api上已经有了once和emit的说明。直接上代码触发监听siteClick(e) { let lastIndex = this.end.length; console.log('end',lastIndex); let index = e.currentTarget.dataset.index; console.log(index); console.log("执行siteClick()方法") let key = 'site' + index ..
2020-07-21 16:49:14
604
原创 echart省会流向图（物流运输、地图）
继续上次的echart博客，由于省会流向图是从echart画廊中直接取来的。所以直接上代码<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&
2020-07-20 09:37:21
2314
2
原创 echarts基础使用
首先附上echarts官网的五分钟上手其实已经写的很清楚了。但是使用社区–》Gallery（画廊）里面的东西还是要看看结构官网链接https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20EChartsecharts使用主要就是这四部分。画廊里面提供的代码。只有一般只提供上图的opton部分例如：画廊里面的代码引用时候要注意一下数据结构。这个例子里的数据结构很简单。有些数
2020-07-03 11:07:25
533
1
原创 字符串截取--toLocaleString转换为24小时制、日期时间截取、替换所有正斜杠
getToday(){ let day = new Date(); //toLocaleString转换24小时制 let localDay = day.toLocaleString('chinese',{ hour12: false }); // 日期截取 let date = localDay.substr(0,8); // 时间截取 let time = localDay.substr(-9); let now = date+" "+time; c
2020-06-03 15:46:31
1548
4
原创 截取倒数第二个“/”符号后的字符串
// 转换成JSON格式，然后截取倒数第二个“/”符号后的字符let arrr = JSON.parse(res.data);let arr = arrr.data;//截取看这句就行let jieArr = arr.substring(arr.lastIndexOf("/",arr.lastIndexOf("/")-1)+1);
2020-05-28 10:15:42
2302
原创 前端RSA加密
写登录时候发现后台用的RSA解密，就搞了一下前端的RSA加密data里正常是要封装成js文件然后再进行调用的。这种也可以用但是最好封装，最好不要学习这种写法。publicKey这一长串东西向你的后台搭档要。引入RSA文件这个文件在网上找个靠谱git克隆下来就行js里我把username/password啥的都封进wxLoginVo对象里了，连接口时候使用。总的来说就三部：...
2020-04-14 23:46:20
1066
原创 option传值详细写法
view里绑定idjs部分获取相应id并代入下个页面，下个页面内写法如下：在这儿我的做法是放入data中便于使用。 this.id最后关于option的详解附上某位大大的链接。写的相当清楚了。结合借鉴可以看的更明白。https://www.cnblogs.com/qiaojun/p/9879561.html...
2020-04-14 23:26:11
1863
原创 前端js更改从后台接口取到的数据结构
写项目时候发现需要在数据里添加一个letter（26英文字母）作为索引，搜索相关用户名本来的数据结构更改后的数据结构getTDriver(param).then(res => { this.list = res.data.data console.log("this.list") console.log(this.list); //电话列表...
2020-04-09 23:19:43
1769
3
原创 小程序上传图片
// 点击打开文件选择要传输的图片 chooseImage() { let that = this; uni.chooseImage({ count: 9, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'came...
2020-04-04 00:30:28
652
2
原创 es6小练习-数组排序
<script> // var data = new Map(); // // console.log(data); // data.set('a',1); // data.set('b',2); // data.set('c',3); // console.log(data);//{"a" => 1, "b" => 2, "c" => 3}...
2020-03-22 23:47:50
728
原创 ...扩展运算符/rest运算符练习
<script> //扩展运算符。。。的联系 const de = (array) =>{ return Array.from(new Set(array)); } console.log(de([1,2,2,3,4,5,5])); function str(x=10,y=20) { console.log(x, y); }； s...
2020-03-22 20:37:54
134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人