weixin_60684791的博客

转载 js获取数组中的最大值/最小值

无

原创 uniapp 外接 html

<template> <view class="page"> <web-view class="page" ref="shrimp" :src="url" @message="onMessage" @onPostMessage="onPostMessage"></web-view> </view></template><script> export default { data() { retur.

原创 uniapp: webview全屏遮挡住状态栏的解决方案

onLoad() { let height = 0; //定义动态的高度变量 let statusbar = 0; // 动态状态栏高度 uni.getSystemInfo({ // 获取当前设备的具体信息 success: (sysinfo) => { statusbar = sysinfo.statusBarHeight; height = sysinfo.windowHeight; } }); let currentWebvie.

原创 Gitlab合并分支

原创 input获取焦点，改变父元素

很????的一个问题只能使用css实现，input获取焦点，改变父元素的颜色；试了很久都是只能改变input的背景颜色，百度调研了很久，都是说纯CSS实现不了，找到一篇长篇大论的文章，在我以为我快要接近答案的时候，末尾来了一句纯CSS实现不了，用JS实现去了。心态炸了！！！能用JS，鬼用css啊。最后还是在MDN找见了解决方法，吹一波，????????。发泄完了，进入正题：:focus-within:focus-within是一个CSS伪类，表示一个元素获得焦点，或该元素的后代元素获得焦

转载 数组去重的方法

数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。一、利用ES6 Set去重（ES6中最常用）function unique (arr) { return Array.from(new Set(arr))}var...

原创 for循环声明let解决异步问题

看闭包的时候，有这么一道例子：使用闭包解决 "var" 定义函数的问题for (var i = 1; i <= 5; i++) { setTimeout(function timer() { console.log(i) }, i * 1000)}首先因为setTimeout是个异步函数，所以会先把循环全部执行完毕，这时候i就是 6 了，所以会输出一堆 6。解决办法有三种，第一种是使用闭包的方式for (va...

原创 手写 call、apply 及 bind 函数

首先从以下几点来考虑如何实现这几个函数不传入第一个参数，那么上下文默认为window 改变了this指向，让新的对象可以执行该函数，并能接受参数那么我们先来实现一个简单的call: Function.prototype.mCall = function (context) { context.fn = this // 给 context 创建一个 fn 属性，并将值设置为需要调用的函数 context.fn(); // 然后调用函数并将对象上的函数删除...

原创 MVC、MVP、MVVM模式的概念与区别

1. MVC框架MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。MVC框架模式图：1.1 MVC编程模式MVC 是一种使用 MVC（Mode...

转载 JS的排序算法

十大经典算法排序总结对比一张图概括：主流排序算法概览名词解释：n: 数据规模k:“桶”的个数In-place: 占用常数内存，不占用额外内存Out-place: 占用额外内存稳定性：排序后2个相等键值的顺序和排序之前它们的顺序相同冒泡排序（Bubble Sort）冒泡排序须知：作为最简单的排序算法之一，冒泡排序给我的感觉就像Abandon在单词书里出现的感觉一样，每次都在第一页第一位，所以最熟悉。。。冒泡排序还有一种优化算法，就是立一个flag，当在一趟序列遍历中元素没有发生

原创 git常用指令集

一、新建代码库# 在当前目录新建一个Git代码库$ git init​# 新建一个目录，将其初始化为Git代码库$ git init [project-name]​# 下载一个项目和它的整个代码历史$ git clone [url]二、配置Git的设置文件为.gitconfig，它可以在用户主目录下（全局配置），也可以在项目目录下（项目配置）# 显示当前的Git配置$ git config --list​# 编辑Git配置文件$ git config -e [--g

转载 JS隐式转换

隐式转换规则1.转为number类型：+ - * / ++ --（算数运算符） > < >= <= == != === !==（比较运算符）；2.转为string类型：+ 不仅是算术运算符，还可以做为字符串连接符把数据转换成string类型；3.转为boolean类型： !（逻辑非运算符）另外需要补充的一点常用的几种运算符各运算符优先级：算术运算符：+ - * / ++ --比较运算符： > < >= <= == != === !==逻辑运算符：

原创 vue项目启动时将localhost替换成指定ip地址

node启动vue项目时地址一般都是http://localhost:8080vue.config.js 中的host：‘localhost’换成host：‘你的本机ip’就可以了module.exports = {devServer: { // 更换iphost:'192.168.1.100', // 代理访问 proxy: { 'api': { target: 'http://121.89.205.189/api'...

原创 prototype 与 _proto_ 的区别

__proto__（隐式原型）与prototype（显式原型）1. 是什么？显式原型explicit prototype property： 每一个函数在创建之后都会有一个prototype的属性，这个属性指向函数端的原型对象ps:通过Function.prototype.bind方法构造出来的函数是个例外，它没有prototype属性。隐式原型 implicit prototype link:JavaScript中任意对象都有一个内置属性[[pr...

原创 构造函数、实例对象、原型对象三者的关系是什么？

每创建一个函数，该函数都会自动带有一个prototype属性。该属性是一个指针，指向一个对象，该对象称之为原型对象(后期我们可以使用这个原型对象帮助我们在js中实现继承).原型对象上默认有一个属性constructor,该属性也是一个指针，指向其相关联的构造函数。通过调用构造函数产生的实例对象，都拥有一个内部属性，指向了原型对象。其实例对象能够访问原型对象上的所有属性和方法。总结：三者的关系是，每个构造函数都有一个原型对象，原型对象上包含着一个指向构造函数的指针，而实例都包含着一...

原创 React报错

报错信息：Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of DomWrapper which is inside StrictMode. Instead, add a ref directly to the element you want to reference.警告：在StrictMode中不推荐使用findDOMNode。向findDOMNode传递了StrictM.

原创 受控组件输入空值

受控组件是一起 value 和 onchange 使用的， 如果只设置 value 而不设置 onchange，受控组件上指定的 prop 会组织用户的更改输入。 如果你指定了 value ，但是输入仍可编辑，则可能是你意外的将 value 设置为 undefined 或者 null。下面的代码演示了这一点。（输入最初被锁定，但在短时间延迟后变为可编辑。）ReactDOM.render(<input value="hi" />, mountNode)...

原创 解构赋值笔记

解构赋值语法是一种Javascript表达式，通过解构赋值,可以将属性/值从对象/数组中取出,赋值给其他变量。简单的理解解构赋值就是：使用相同的语法结构，进行赋值，原理上就是将用来解构的表达式的参数转换成变量，并且将被结构的参数赋值给它。比如：let obj = { a: 1, b: { c: { d: 12 } }}let j = { a, b: { c: { d } }} = ..

转载 2021-09-11

今日错误：2021-09-11js请求路径控制台报错 Failed to launch ‘xxx‘ because the scheme does not have a registered handler.Failed to launch 'javaceript:;' because the scheme does not have a registered handler.这种错误是因为请求没有协议,应该把协议头加上错误：window.open("./shopping.html#obj="