- 博客(127)
- 资源 (21)
- 收藏
- 关注
RSS订阅转载 冒泡排序升级版
转：https://blog.csdn.net/hcz666/article/details/117810787 1、什么是冒泡排序？ 冒泡排序的英文Bubble Sort，是一种最基础的交换排序。之所以叫做冒泡排序，因为每一个元素都可以像小气泡一样，根据自身大小一点一点向数
2022-05-18 16:41:40
407
转载 async 函数
转载： https://wangdoc.com/es6/async.htmlasync 函数目录含义基本用法语法返回 Promise 对象Promise 对象的状态变化await 命令错误处理使用注意点async 函数的实现原理与其他异步处理方法的比较实例：按顺序完成异步操作顶层 await含义ES2017 标准引入了 async 函数，使得异步操作变得更加方便。async 函数是什么？一句话，它就是 Generator 函数的语法糖。前文有一个 Generator 函
2021-08-23 10:06:07
354
转载 绑定this的方法：call()、apply()、bind()
转载： https://wangdoc.com/javascript/oop/this.html#functionprototypecall1. Function.prototype.call()函数实例的call方法，可以指定函数内部this的指向（即函数执行时所在的作用域），然后在所指定的作用域中，调用该函数。var obj = {};var f = function () { return this;};f() === window // truef.call(obj) ==
2021-08-19 17:31:22
425
转载 理解path.join() 和 path.resolve()
转载：https://blog.csdn.net/u010238381 path.resolve('/foo/bar', './baz');// 返回: '/foo/bar/baz' path.resolve('/foo/bar', '/tmp/file/');// 返回: '/tmp/file' path.resolve('wwwroot', 'static_files/png/', '../gif/ima
2021-08-17 21:33:42
1211
原创 css 内容过长火狐浏览器不兼容问题
文本width固定.ellipsis {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}火狐： display: block;最终：.ellipsis {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}
2021-08-11 16:41:43
312
原创 uni-app 手机端定位问题
uni-app定位链接主要遇到的问题，app上android无法获取定位信息，ios可以，模拟器上都可以获取定位，H5浏览器中获取定位同样失败做法：uni.getLocation({ type: 'wgs84', geocode： true, success: function (res) { console.log('当前位置的经度：' + res.longitude); console.log('当前位置的纬度：' + res.latitud
2021-07-31 11:48:59
8288
原创 uni-app 前端微信h5支付记录，跳转页面Referer问题
微信H5支付开发文档1.wx支付流程图对于前端来说只需要关心1.请求下单；3.得到Url后跳转；7.查询支付结果；10.展示支付结果1,3一个是请求接口，一个是处理response，主要问题得到url后，跳转页面的问题做法1：// #ifdef APP-PLUSplus.runtime.openURL(url);// #endif// #ifdef H5window.open(url);// #endif结果1：根据提示需要在webview中手动设置header，添加refer
2021-07-31 10:48:35
5534
6
转载 ES6: Promise对象
转载： https://wangdoc.com/es6/promise.html1.Promise 的含义Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise对象有以下两个特点。（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行
2021-05-31 16:22:44
174
转载 ES6: 箭头函数
转载： https://wangdoc.com/es6/function.html#navbar1.基本用法ES6 允许使用“箭头”（=>）定义函数。var f = v => v;// 等同于var f = function (v) { return v;};如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。var f = () => 5;// 等同于var f = function () { return 5 };var sum = (n
2021-05-27 17:18:02
325
转载 JS: 定时器
1.setTimeout()setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。var timerId = setTimeout(func|code, delay);上面代码中，setTimeout函数接受两个参数，第一个参数func|code是将要推迟执行的函数名或者一段代码，第二个参数delay是推迟执行的毫秒数。console.log(1);setTimeout('console.log(2)',1000);
2021-05-27 08:35:10
6478
转载 JS： Array对象主要方法整理
1.静态方法Array.isArray() : Array.isArray方法返回一个布尔值，表示参数是否为数组。它可以弥补typeof运算符的不足。var arr = [1, 2, 3];typeof arr // "object"Array.isArray(arr) // true2.实例方法2.1 valueOf()，toString()valueOf方法是一个所有对象都拥有的方法，表示对该对象求值。不同对象的valueOf方法不尽一致，数组的valueOf方法返回数组本身。var
2021-05-25 16:54:53
353
转载 js for 循环中的值为最后一个值
正常情况for (var i=0;i<10;i++){ console.log(i);}在看看容易让人产生疑惑的情况var a = [];for (var i = 0; i < 10; i++) { // 作用域a a[i] = function () { // 作用域b console.log(i); };}a[6](); // 10没有像我们预想的出现6而是10。原因：for循环中头部使用var 定义变量i 时，它和循环体中的i 的
2021-01-28 16:45:47
2023
转载 JS中forEach的赋值问题
代码var oldArr = [{ id: 0, name: 'a', age: 10 }, { id: 1, name: 'hhh', age: 13 }, { id: 2, name: 'ooo', age: 17 }]var newArr = oldArr.forEach( item => { console.log
2021-01-28 16:24:12
3752
原创 for循环赋值，数组全部变成最后一条
const testArr = [ { aa: '1', bb: '11', cc: '111' }, { aa: '2', bb: '22', cc: '333’ } ] const arr = [] const test = { dd: '444', fff: '555', ggg: '0' } testArr.forEach(item => { test.ggg = item.cc arr.push(test) }) console.log('arr', ar
2021-01-28 16:06:36
2617
转载 JS:Array对象常用实例方法总结
ECMAScirpt5 中 Array 类中的 filter 方法使用目的是移除所有的 ”false“ 类型元素 (false, null, undefined, 0, NaN or an empty string)： var a=[1,2,"b",0,{},"",NaN,3,undefined,null,5];var...
2021-01-20 10:44:13
212
原创 element-ui 中el-input以及el-date-picker的placeholder颜色修改
客户觉得默认placeholder看不清，因此修改颜色，特此记录一下原效果图最终效果图<style lang="scss">.form-items { .el-input__inner, .el-date-editor .el-range-input { color: #409eff; &::placeholder { color: #606266; } &::-webkit-input-placeholder {
2021-01-19 11:24:36
3429
1
转载 js中的四种for循环
转载：原文地址 总结一下JavaScript 中的 for 循环写在前面最近刷题时遇到了几种不同for循环，因为没有深入了解导致做题时无法区分它们的用法，尤其是在以及在使用时的注意点。因此本文主要对js中的四种for循环进行总结区分。文章最后通过一个面试题加深对不同for循环的认识和使用。遍历数组是非常常见的，在这里强调一点：Array 在 Javascript 中是一个对象， Array 的索引是属性名。此处输出的索引值，即 “0″、 “1″、 “2″不是 Number 类型的，而是
2020-11-13 18:58:42
373
原创 uni-app升级方案
升级的js工具类import { getLatestVersion, updateInstalledCount } from '@/common/api/common/dictionary';import environment from '../environment/main';import store from '@/store';export default { platform: 'Android', platformCode: 2, versionCode: '', v
2020-09-21 15:23:08
353
转载 js中 if(a) 小实验
转载：https://blog.csdn.net/baidu_37379451/article/details/82380836let a = undefined; let b = null; let c = ''; let d = 0; let e = {}; let f = []; if (a) { console.log("undefined 能过"); } else { console.log("undefined 不
2020-06-17 09:27:47
372
转载 vue富文本编辑器tinymce的使用
原文地址：https://blog.csdn.net/liub37/article/details/83310879最近再弄一个后台管理系统，挑选了不少的编辑器，最终选择了tinymce，UI精美，功能模块多，可按需加载配置来一张tinymce官网的完整功能的图(没梯子可能访问速度有点慢…)下面开始工作：插件安装tinymce官方提供了一个vue的组件tinymce-vue如果有注册或购买过服务的话，直接通过组件配置api-key直接使用，像我这种懒的注册或者购买的直接下载tinymce，自
2020-05-14 11:44:05
1810
转载 var、let、const的区别
一、var声明的变量会挂载在window上，而let和const声明的变量不会：var a = 100;console.log(a,window.a); // 100 100let b = 10;console.log(b,window.b); // 10 undefinedconst c = 1;console.log(c,window.c); // 1 undefined二、var声明变量存在变量提升，let和const不存在变量提升console.log(a);
2020-05-14 09:15:23
191
原创 vue webpack打包成多页面
webpack打包vue项目默认创建的是单页面应用，以下是通过配置webpack的相关属性来构建vue多页面应用webpack.prod.conf.js，只需要在plugin中添加多个HtmlWebpackPlugin就可以了plugins: [ new HtmlWebpackPlugin({ filename: config.build.index, template: 'index.html', inject: true, favicon: res
2020-05-11 11:45:17
1196
原创 React、Redux的基本使用
一、相关知识点1.React是什么？React 是一个用于构建用户界面的 JAVASCRIPT 库。2.React 特点1.声明式设计 −React采用声明范式，可以轻松描述应用。2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。3.灵活 −React可以与已知的库或框架很好地配合。4.JSX − JSX 是 JavaScript 语法的扩展。React...
2020-04-23 11:29:13
296
转载 箭头函数
箭头函数ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因为它的定义用的就是一个箭头：x => x * x上面的箭头函数相当于：function (x) { return x * x;}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和ret...
2020-04-16 17:22:05
182
原创 js中 a[b] 的在具体案例中的使用
在JS对象中，a.b与a[b]并没有什么区别，都是获得该对象的某个属性，不同之处在于a[b]中的b必须是个字符串；注：但在数组里，那就不能写成arr.a了，只能是arr[a]。扩展： A[i] 是数组 的第 i 个 ；A[i].key 是数组 的第 i 个 的 key 属性。var person= { name: '张三',}console.log(person.name) --...
2020-04-14 10:56:47
1193
原创 字体图标的使用 FontAwesome以及iconfont的使用
Font Awesomehttps://fontawesome.dashgame.com/一、字体图标的引入方式1、使用link标签引入这个地址可以使用一些线上的CDN提供的文件地址；也可以把文件存到项目本地，然后使用本项目下的地址，只需要在HTML的head标签里加入下面的代码，就可以引入Font Awesome文件了<link rel="stylesheet" href="//...
2020-04-01 17:20:43
1540
原创 CSS选择器之复合选择器的简单使用
后代选择器用空格分隔的多个选择器组合，语法形式就是：“选择器 A 选择器 B”，表示在A 选择器的后代元素中找到 B 选择器所指的元素<!-- HTML --><h1>This is a <em>important</em> heading</h1><p>This is a <em>important&l...
2020-03-08 09:24:42
1005
转载 手摸手，带你用vue撸后台 系列一（基础篇）
花裤衩2017年05月03日阅读 520424关注手摸手，带你用vue撸后台 系列一（基础篇）完整项目地址：vue-element-admin系列文章：手摸手，带你用 vue 撸后台 系列一（基础篇）手摸手，带你用 vue 撸后台 系列二(登录权限篇)手摸手，带你用 vue 撸后台 系列三 (实战篇)手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板)手...
2020-03-07 13:55:17
570
转载 vue-cli脚手架中webpack配置基础文件详解
转载：https://segmentfault.com/a/1190000014804826一、前言vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+webpack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，引入一些插件帮我们完善功能可以将文件打包压缩，图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代码...
2020-03-07 11:25:54
644
转载 前端必懂之Sticky Footer(粘性页脚)
转载：https://segmentfault.com/a/1190000018961782写在最前：Sticky Footer是css的一种布局场景。页脚footer永远固定在页面的底部，页面内容不够长的时候页脚黏在视窗底部，内容足够长时会被向下移动。老式门户网站由于内容过短常常版权页脚前移，移动端特定布局也需要Sticky Footer来解决这些问题。一、利用绝对定位和padding...
2020-03-07 08:48:15
645
转载 css display:flex 属性
转载：https://www.jianshu.com/p/d9373a86b748一：display:flex 布局display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最...
2020-03-07 08:37:26
417
原创 CSS选择器之基础选择器的简单使用
ID选择器ID 选择器是用 “#” 号加 ID 名称 xxx 来表示，用来选择 HTML 中 id=“xxx” 的 DOM 元素<span id="content">Hello World</span>#content{ color: red;}这样 ID 为 content 的元素内容会呈现红色的效果了。Tips：ID 选择器只能对一个元素生效，同...
2020-03-06 16:15:58
478
转载 一篇文章就彻底弄懂建造者模式(Builder Pattern)
转载：https://www.jianshu.com/p/3d1c9ffb0a28背景当一个类的内部数据过于复杂的时候（通常是负责持有数据的类，比如Config、VO、PO、Entity...），要创建的话可能就需要了解这个类的内部结构，还有这些东西是怎么组织装配等一大坨乱七八糟的东西，这个时候就会增加学习成本而且会很混乱，这个时候就想啊想一种什么法子来管理一下这个类中的数据呢，怎么在创建的...
2019-12-26 11:19:13
257
转载 单例模式——静态内部类实现（推荐使用）
转载：https://blog.csdn.net/chuangsun/article/details/77368683Java中单例模式是一种常见的设计模式，单例模式的写法有好几种，这里主要介绍三种：懒汉式单例、饿汉式单例、登记式单例。特点：1、单例类只能有一个实例。2、单例类必须自己创建自己的唯一实例。3、单例类必须给所有其他对象提供这一实例。使用场景： 单例模...
2019-12-26 11:05:25
681
原创 Retrofit +OKHttp简单封装使用
本文只是为了方便自己使用，是根据慕课网上的《Android通用框架设计与完整电商App开发》编写的引用：//网络依赖 api 'com.squareup.okio:okio:1.14.1' api 'com.squareup.okhttp3:okhttp:3.10.0' api 'com.squareup.retrofit2:retrofit:2.4.0' ap...
2019-12-26 09:33:56
978
转载 Java静态内部类——重点是精妙的demo
转载：https://blog.csdn.net/cd18333612683/article/details/79129503 Java静态内部类——重点是精妙的demo ...
2019-12-17 11:49:01
179
原创 element的日期选择插件，@change方法传递自定义参数
方式一：在@change事件里用一个箭头函数来传递两个参数给函数 changeRuleDate<el-table-column label="*规则执行开始时间" align="center" width="200"> <template slot-scope="scope"> <el-form-item :prop="'berthsTicketPolicy....
2019-12-16 17:11:17
4824
原创 Vue slot的使用
插槽内容ComponentA组件<template> <div> <a v-bind:href="url" class="nav-link" > <slot></slot> </a> </div></template>引用<component-a...
2019-12-13 20:56:20
283
原创 Vue :class以及:style的使用
:class对象语法<div :class="{ active: isActive, 'text-danger': hasError }"></div>data: { isActive: true, hasError: false}渲染为<div class="active"></div>结果和上面一样，推荐下面的写法&...
2019-12-13 17:34:12
188
VMware workstation14
2018-08-09
BroadCastAndNotificationDemo
2018-05-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人