- 博客(28)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 如何看待鸿蒙HarmonyOS？
鸿蒙系统，自2019年8月9日诞生就一直处于舆论风口浪尖上的系统，从最开始的“套壳”OpenHarmony安卓的说法，到去年的不再兼容安卓的NEXT版本的技术预览版发布，对于鸿蒙到底是什么，以及鸿蒙的应用开发的讨论从来没停止过。这次我们就从一个鸿蒙开发的角度来了解一下鸿蒙，学习一下鸿蒙应用的开发。
2024-06-23 11:42:24
3123
6
原创 js发现一个判断数据类型好方法
js判断数据类型时，如果我们需要对object类型，日期的Date，正则表达式RegExp，函数Function之类的数据也进行类型判断的话，常见的typeOf与instanceof 组合的方法就会显得有点力不从心，及其麻烦。最近，我发现了一个好方法，
2024-05-10 17:41:33
186
原创 排序算法，快速排序
快速排序（Quick Sort）算法是在冒泡排序的基础上进行改进的一种算法，从名字上看就知道该排序算法的特点是快、效率高，是处理大数据最快的排序算法之一。简而言之，通常就是以某个基准（一般都是最左边），跟数组的其他值比对，比基准大的不动，比基准小的值就挪到左边，循环重复这个动作，如下图所示。实现的基本思想是：通过一次排序将整个无序表分成相互独立的两部分，其中一部分中的数据都比另一部分中包含的数据的值小。然后继续沿用此方法分别对两部分进行同样的操作，直到每一个小部分不可再分，所得到的整个序列就变成有序序列。
2024-04-09 10:02:06
449
原创 算法，选择排序
第一次内循环比较N - 1次，然后是N-2次，N-3次，……，最后一次内循环比较1次 共比较的次数是 (N - 1) + (N - 2) + …+ 1，求等差数列和，得 (N - 1 + 1)* N / 2 = N^2 / 2，舍去最高项系数，其时间复杂度为 O(N^2)选择排序（Selection sort）是一种简单直观的排序算法，无论什么数据进去都是 O(n²)的时间复杂度，所以用到它的时候，数据规模越小越好。其基本思想是：首先在未排序的数列中找到最小(or最大)元素，然后将其存放到数列的起始位置。
2024-04-03 10:51:55
354
原创 算法，冒泡排序
冒泡排序（Bubble Sort），是一种计算机科学领域的较简单的排序算法冒泡排序的思想就是在每次遍历一遍未排序的数列之后，将一个数据元素浮上去（也就是排好了一个数据）如同碳酸饮料中二氧化碳的气泡最终会上浮到顶端一样，故名“冒泡排序”假如我们要把 12、35、99、18、76 这 5 个数从大到小进行排序，那么数越大，越需要把它放在前面1，从后开始遍历，首先比较 18 和 76，发现 76 比 18 大，就把两个数交换顺序，得到 12、35、99、76、18。
2024-04-02 10:38:24
750
原创 算法，贪心算法与回溯算法
举个案例，如下图我画的商品价格与销售关系图，我们希望销售越高越好，价格越高越好，我们期望它们能同时满足，这就叫贪心算法，每一个方面都希望是最优，但是实际上，销量与价格是相互影响的，关联性非常大，因此这类不适用贪心算法。举个例子，我有一百个杯子，其中99个里面是水，1个是醋，用回溯算法的思想来处理的话，一杯一杯的尝，喝一杯，是水，返回重新开始喝下一杯，直到喝到醋，这个过程才算是结束。回溯算法，也是算法设计中的一种思想，是一种渐进式寻找并构建问题解决方式的策略，本质上是属于。回溯算法的景点案例还得是。
2024-04-01 16:00:26
737
原创 算法，二分查找
二分查找法，也称折半（对半）搜索算法，是一种在有序数组中查找某一特定元素的搜索算法适用前提条件1，存储在数组中2，有序排序搜索过程从数组的中间元素开始，如果中间元素是我们要找的元素，搜索过程结束如果某一特定元素大于或者小于中间元素，则在数组大于或小于那一半中查找，而且跟开始一样从中间开始比较如果在某一步数组为空，则代表找不到这种搜索算法每一次比较都使搜索范围缩小一半相比于普通的顺序查找法，差别如下图所示。
2024-03-30 17:10:36
552
原创 微信小程序onShareAppMessage的promise用法
微信小程序分享onShareAppMessage的异步获取参数promise的写法
2023-10-09 19:52:54
1120
原创 封装一个解决js运算精度缺失的函数
在精度需求不高的情况下，我们将最终的计算结果乘以100之后四舍五入后除以100也可以初步满足。如需再高精度，可以借助Decimal.js 或 BigNumber.js等第三方数字库来进行高精度计算。出现这种问题倒是也正常，js中有且只有number类型，并没有其他编程语言JAVA或者C的int类型。js精度缺失是js计算中必须考虑到的一个问题，也是一道经典的面试题。然而，我要是计算中有加减乘除咋整呢？话不多说直接上封装好的函数。
2023-08-25 15:50:22
345
原创 uniapp制作的h5页面如何获取客户端的ip地址
在要试用的vue文件中本地未打包时是无法获得ip地址的，得打包生成H5项目发布时，sessionStorage.getItem(‘ip’)才有值。打包步骤，1，发行2，网站-PC WEB或手机H5（仅适用于uniapp）；3，打开项目所属下的unpackage\dist\build\h5路径4，修改index.html的内容发布到线上，能正常获得ip地址这就完成了对uniapp制作的h5页面ip的获取了。uniapp自身有获取ip地址的方法app端使用这个方法能直接获得ip地址，但是
2022-06-29 15:13:23
6766
原创 vue3使用vue-quill实现富文本编辑器上传图片
最近开发的一个vue3+element-plus的项目，需要用到富文本编辑器，最终选择了VueQuill这一款轻便型的富文本编辑器：官网地址为https://vueup.github.io/vue-quill/guide/installation.html首先，我们把它install下来，执行以下对应命令下载npm install @vueup/vue-quill@beta --save# ORyarn add @vueup/vue-quill@beta在vue项目的main.js中进行相关的
2021-10-30 18:31:16
9748
28
原创 算法----爬楼梯问题
如题：假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？注意：给定 n 是一个正整数。实例1：输入： 2输出： 2解释： 有两种方法可以爬到楼顶。1. 1 阶 + 1 阶2. 2 阶实例2：输入： 3输出： 3解释： 有三种方法可以爬到楼顶。1. 1 阶 + 1 阶 + 1 阶2. 1 阶 + 2 阶3. 2 阶 + 1 阶额，一开始看到这道题其实真没什么思路，楼梯数量少倒是还好办，楼梯数量一多
2021-09-23 22:34:34
371
原创 zx-quill+vue+element实现富文本图片上传到服务器
quill富文本编辑器图片默认是base64数据流，我们要实现把图片上传到服务器这个需求，quill中并没有找到相关配置https://www.jianshu.com/p/9e4e4d955d0f感谢作者给我灵感—用隐藏的input上传组件来实现自定义上传事件cnpm install zx-quill 下载安装相关依赖因为项目本身自带富文本，我们二次封装即可，这是vabQuill.jsimport 'zx-quill/dist/zx-quill.css'import VabQuill f
2021-09-15 18:23:28
1148
原创 用 JavaScript 实现斐波那契数列函数,返回第n个斐波那契数 f(1) = 1, f(2) =1
日常刷题----1斐波那契数列又称黄金分割数列，因数学家莱昂纳多·斐波那契（Leonardoda Fibonacci）以兔子繁殖为例子而引入，故又称为“兔子数列”，指的是这样一个数列：0、1、1、2、3、5、8、13、21、34、…….这个很容易理解，以数组为例：var arr=[0,1,1,2,3,5,8,13,21,34,……];//整个数组满足arr[n-1]+arr[n]=arr[n+1]题目要求函数接收一个参数，参数为数列的项，因为要一直满足arr[n-1]+arr[n]=ar.
2021-08-29 18:17:47
688
原创 js数组有最大长度吗？
最近在某个前端交流群中有人提出一个问题，js数组中有最大长度吗？它的最大长度是多少？array的最大长度为Math.pow(2,32)-1，2的32次方-1.这是 是网上主流的说法，我决定手动测试一下，单纯的循环肯定是不现实的，我决定直接定义数组的length的长度来进行测试。很明显，这个数组并没有超过最大长度，所以length能正常输出。而当我们把这个值变成Math.pow(2.32)的时候输出的是无效的数组长度，由此可知，js数组最大长度确实是2的32次方-1；根据ECMA-262第5版
2021-08-26 22:19:13
3729
原创 react17同源iframe父子页面相互调用方法
最近制作一个大数据展示页面，需要嵌套第三方html，并进行相应的交互。如下图：其中A页面需要与第三方iframe进行交互，同时iframe选择公司或者园区时会回显到树选择器中。先上解决办法1，利用iframe进行父子页面通信，相互调用父子页面中的方法。（同源）首先，我在index.js中把第三方需要调用我的方法挂载到window中// 与3d交互的文件import {webGl_web_iconClick} from '../src/http/webgl_web_iconClick'win
2021-08-08 13:17:37
1917
原创 react17中打包时solve-url-loader: CSS error source-map information is not available。。。
第一次在使用react17技术栈，在打包过程中项目无法打包，按照报错内容，我们可以很清晰的把问题定位在样式解析上。在这个项目中，我使用的是css的预编译器sass/scss先说解决办法1，找到node_modules/resolve-url-loader中的index.js文件2，在编辑器中打开index.js3,将options中的removeCR改成true var options = Object.assign( { sourceMap: loader.source
2021-07-22 15:15:43
1913
原创 解决vue+element ui中表格树按需引入时增删改的回显bug
在一个利用element的权限管理项目中，用到了下图的相关效果，这里的部门有层级，类似与树结构，这里我们用表树结构来形容这个表格，同时，数据是通过节点，按需加载resolve回数组的。然而，当我需要对节点进行操作时，因element处理此数据是放入浏览器缓存中的，即使我重新请求数据，也无法更新表中的数据在考虑用户体验的前提下我进行了相关的思考，数据在缓存中，那最简单的，我们把这个table销毁再创建，数据不就及时更新了，但是这样的用户体验教差。data中定义相关的值 data() {
2021-05-08 13:37:54
458
原创 手动封装一个promise，完整思路
平常我们用promise都是用new promise(),所以我们自己手写也应该用构造函数或者class类来实现，这里将用class来实现 class MPromise { constructor() { } }promise有三种状态，pending，fulfilled（resolved），rejected。这三种状态有两个特性。初始状态为pending，状态唯一一旦状态从pending=>fulfilled或者是pending=>rej
2021-04-28 17:57:17
1446
4
原创 深入理解promise/A+规范
相信很多前端都对promise非常熟悉，对于promise的特性也都有一定的理解，但是说到手动实现promise，这对不少人应该是一个挑战，莫急，复杂的事其核心往往很简单，复杂是因其容错处理的解决思路。要手动实现promise就不得不来了解promiseA+规范了。promise/A+规范在学习promise/A+规范前我们先了解一下术语，以便理解下面规范中的统一概念1，promise是一个有then方法的对象或函数，行为遵循本规范2，thenable 是一个有then方法的对象或者是函数3，
2021-04-27 18:25:06
903
1
原创 js垃圾回收的标记清理与引用计数
js是使用垃圾回收的语言，也就是说执行环境负责在代码执行时管理内存。js为开发者卸下跟踪内存这个负担，通过自动内存管理实现内存分配和闲置资源回收。基本思路很简单：确定哪个变量不会再使用，然后释放它所占用的内存。这个过程时周期性的，即垃圾回收程序每隔一定时间（或者说在代码执行过程中某个预定的收集时间）就会自动运行。垃圾回收过程时一个近似且不完美的方案，因为某块内存是否还有用，属于不可判定的问题，意味着靠算法时解决不了的。我们以函数中局部变量的正常生命周期为例。函数中的局部变量会在函数执行时存在。此时，栈（或
2021-04-01 22:07:30
2811
原创 2021前端面试汇总
2021年前端面试题汇总一，html与css1，页面导入样式，使用link与@import有什么区别？(1) 从属关系：link是html标签，@import是css提供的(2) 加载差异：页面加载时，link会同时加载，而@import引入的css会在页面加载完成后加载(3) 兼容性，@import不兼容ie5以下浏览器(4) Link可以通过js操作dom插入link标签改变样式，@import不能2，描述块级元素与行内元素的区别？行内元素与...
2021-03-17 22:52:14
970
6
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人