好_快-CSDN博客

好_快

码龄9年

IP 属地：英国

查看详细资料

个人成就

获得12次点赞
内容获得7次评论
获得33次收藏

TA的专栏

兴趣领域设置

创作活动更多

AI大模型如何赋能电商行业，引领变革？

如何使用AI技术实现购物推荐、会员分类、商品定价等方面的创新应用？如何运用AI技术提高电商平台的销售效率和用户体验呢？欢迎分享您的看法

186人参与去创作

搜TA的内容

react-router学习笔记

前端路由路由这个概念最早出现在后端，通过⽤户请求的url导航到具体的html⻚⾯。现在的前端路由不同于传统路由，它不需要服务器解析，⽽是可以通过hash函数或者history API来实现。在前端开发中，可以使⽤路由设置访问路径，并根据路径与组件的映射关系切换组件的显示这整个过程都是在同⼀个⻚⾯中实现的，不涉及⻚⾯间的跳转，这也就是常说的单⻚应⽤（spa）。1、查看源码姿势1.1 代码仓库https://github.com/ReactTraining/react-router2.

发布博客 2021.01.25 ·

JavaScript对象

1、概述一个对象就是一系列属性的集合一个属性包含一个名和一个值一个属性的值可以是函数，该属性也被称为方法2、对象和属性一个 javascript 对象有很多属性。一个对象的属性可以被解释成一个附加到对象上的变量。对象的属性和普通的 javascript 变量基本没什么区别，仅仅是属性属于某个对象。属性定义了对象的特征可以通过点符号或者方括号访问或者设置一个对象的属性对象的名字(可以是普通的变量)和属性的名字都是大小写敏感对象中未赋值的属性的值为undefined，而不是null

发布博客 2021.01.20 ·

js 中字符串变量加索引号可以获取到字符串的值哪字符串是伪数组吗？

另一种 (在ECMAScript 5中有所介绍) 是把字符串当作一个类似数组的对象，其中的每个字符对应一个数值索引。参考链接 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String

回答问题 2021.01.15

JavaScript函数

1、函数描述1.1 函数是头等(first-class)对象因为它们可以像任何其他对象一样具有属性和方法。它们与其他对象的区别在于函数可以被调用。每个函数其实都是一个Function对象1.2 返回值默认返回undefined使用 return 语句来指定一个要返回的值（使用new关键字调用一个构造函数除外）1.3 函数参数调用函数时，传递给函数的值被称为函数的实参（值传递），对应位置的函数参数名叫作形参。如果实参是一个包含原始值(数字，字符串，布尔值)的变量，则就算函数在内

发布博客 2021.01.15 ·

冒泡排序

1、算法描述比较相邻的元素。如果第一个比第二个大，就交换他们两个。对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。 [1]针对所有的元素重复以上的步骤，除了最后一个。持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。2、实现从小到大排序，即大的先冒泡2.1 待排序数组const dataArr = [6, 5, 3, 4, 2, 1];2.2 实现算法描述的前两步 function bubbleSort1(a

发布博客 2021.01.07 ·

css实现三角形

1、原理原理是利用设置 border 的颜色，通过设置各个方向的boder宽度来控制三角形，然后隐藏其他边的颜色。2、准备 div { /*背景色方便对比显示*/ background: #999999; /*必要条件*/ box-sizing: border-box; /*宽高根据实际需要设置*/ width: 100px; height: 100px; /*方便布局*/ margin-bottom: 32px;}3

发布博客 2021.01.07 ·

数组去重

第一类 for 循环 /* 双重for循环去重*/ function func0(array) { const newArray = []; for (let i = 0; i < array.length; i++) { //1、第一层循环取出目标数组中的每一个元素itemOld const itemOld = array[i]; let contain = false;

发布博客 2021.01.07 ·

反转数组

1、直接反转 function reverse(arr) { //拷贝一下数据，防止改变原数组 const copyArr = [...arr]; /* * 反转过程 * 1、copyArr[0] 和 copyArr[7] 交换 (copyArr.length - 1 - 0) * 2、copyArr[1] 和 copyArr[6] 交换 (copyArr.length - 1 - 1)

发布博客 2021.01.07 ·

把字符串转换成驼峰命名

题目把指定字符串转成驼峰命名，如 get-element-by-id 转成 getElementById实现过程 /* * 整体思路去掉短横线并把每个单词首字母大些(第一个除外) * */ function toString(string) { //1、将字符串分割成单词数组，去掉短横线 const wordArr = string.split("-"); console.log(wordArr); //

发布博客 2021.01.06 ·

变量作用域

第二题引用类型作用域题目 function Person(name, age) { this.name = name; this.age = age; } function func1(person) { person.name = "liSi"; person = new Person("wangWu"

发布博客 2021.01.06 ·

实现水平垂直居中的4种方法

1、第一类 absolute 和 margin1.1 position: absolute 和 margin: auto .parent1 { width: 300px; height: 300px; background: brown; margin-bottom: 32px; position: relative; line-height: 300px; } .child1 {

发布博客 2021.01.06 ·

ARC简介和注意事项（学习笔记1）

第一次较为详细地阅读苹果官方文档，虽然是英文但是能够不难读懂。阅读原滋原味的文档，以此博客记录学习笔记！欢迎指正交流！

发布博客 2015.11.24 ·

17-webpack 压缩图片

在 07-加载图片之后，便可以正常加载和显示图片了；但是这些图片都是未经压缩的原尺寸，webpack 通过 image-webpack-loader 压缩图片。一、添加图片在 src 目录下添加 icon.jpg 图片,编辑index.jsimport "./style.css"import Icon from './icon.jpg';//生成一个内容为Hello webpack !...

发布博客 2019.07.24 ·

JavaScript常见函数形式

建议使用 let 和 const 定义变量一、普通函数1.1 定义function 方法名称 (形参1,形参2,形参3...){ 封装代码; 封装代码; 封装代码;...}function 方法名称 (形参1,形参2,形参3...){ 封装代码; 封装代码; 封装代码;... return value;}1.2调用方法名称 (形参1,形参2,形参3...)；1.3示例代码<!DOCTYPE html><.

发布博客 2020.12.23 ·

节流函数-throttle

1. 功能 throttle和防抖一样都是减少高频率执行代码的执行频率。2.使用场景oninputonresizeonscrollonmousemoveonmousehover等等3.节流 vs 防抖防抖：高频执行函数，降低到执行1次节流：高频执行函数，降低到执行n次，1 < n < 高频次数3.节流原理3.1 利用 setTimeout 延迟执行逻辑代码。在防抖的基础上添加变量，降低 clearTimeout 频率，增加执行次数。 let timer =

发布博客 2020.12.22 ·

防抖函数-debounce

1. 功能减少高频率执行代码的执行频率。2.使用场景oninputonresizeonscrollonmousemoveonmousehover等等3.防抖原理3.1 利用 setTimeout 延迟执行逻辑代码。 let timer = null; element2.onkeyup = (event) => { if (timer) { window.clearTimeout(timer); } timer = setTimeout

发布博客 2020.12.22 ·

JavaScript其他获取元素宽高方式

一、Window.getComputedStyle获取的宽高不包括 border 和 padding既可以获取行内样式设置的宽高又可以获取CSS文件设置的宽高只读不支持 IE8 及更早版本1.1 示例代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>getComputedStyle</title>

发布博客 2020.12.22 ·

JavaScript三大家族

一、Offset 家族1.1 offsetParent返回一个指向最近的（指包含层级上的最近）包含该元素的定位元素（relative、absolute）或者最近的 table,td,th,body元素。只读属性在 Webkit 中，如果元素为隐藏的（该元素或其祖先元素的 style.display 为 “none”），或者该元素的 style.position 被设为 “fixed”，则该属性返回 null。在 IE 9 中，如果该元素的 style.position 被设置为 “fixed”

发布博客 2020.12.21 ·

JavaScript获取浏览器宽高

1、精简版 function ScreenSize() { let width = 0; let height = 0; if (window.innerWidth) { width = window.innerWidth; height = window.innerHeight; } else { width = document.documentElement.clie

发布博客 2020.12.21 ·

H5 实现自定义拍照页面方案

方案不一定是最好的，但是能够节省时间一、结论PC 上可以实现移动端不能实现二、方案2.1 input 标签input 可以解决选择文件的问题。在PC和移动表现有区别PC 上直接选择文件移动端可以选择拍照和相册，选项随手机系统及版本变化，不可自定义（如只保留部分选项）在手机端拍照是直接调用系统相机拍照，也是不能自定页面的。2.2 自定义拍照页面方案核心原理：自定义拍照效果（如拍摄身份证、银行卡、人像）是通过 CSS 布局叠加 HTML 标签实现。获取视频流：通过 navi.

发布博客 2020.09.23 ·