乐胖代购免代理版

手机端页面在项目中遇到的一些问题及解决办法

1.解决页面使用overflow: scroll在iOS上滑动卡顿的问题?首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是： (1) 看是否能把body和html的height: 100%去除掉。 (2) 在滚动的容器中增加：-webkit-overflow-scrolling: touch或者给body增加：body {

html

搜索

css

原创 2024-01-02 09:17:19 27 阅读

= = = 和 = = 的区别

主要区别：在于 == 对比时，若类型不相等，会先转换为相同类型，然后再来比较值。而 === 则不会，只能在相同类型下比较值，不会做类型转换。还有一个是 = ，这个是赋值，不是运算符。1、 = = =下面的规则用来判断两个值是否===相等：如果类型不同，就不相等如果两个都是数值，并且是同一个值，那么相等；例外的是，如果其中至少一个是NaN，那么不相等。（判断一个值是否是NaN，只能用 isNaN()

字符串

值类型

类型转换

原创 2023-12-30 21:35:55 364 阅读

CSRF 公鸡

（1）概念 CSRF 公鸡指的是跨站请求伪造公鸡，公鸡者诱导用户进入一个第三方网站，然后该网站向被公鸡网站发送跨站请求。如果用户在被公鸡网站中保存了登录状态，那么公鸡者就可以利用这个登录状态，绕过后台的用户验证，冒充用户向服务器执行一些操作。CSRF 公鸡的本质是利用 cookie 会在同源请求中携带发送给服务器的特点，以此来实现用户的冒充。（2）公鸡类型常见的 CSRF 公鸡有三种： GET

服务器

表单

原创 2023-12-28 14:06:29 71 阅读

git

分支合并

远程仓库

原创 2023-12-27 16:14:47 107 阅读

Echarts数据可视化开发

1、Y坐标文字过长被遮挡解决办法：设置 grid 配置项的 left 为任意数值后，图表会计算y轴宽度并自适应grid: { left: 0, // 与容器左侧的距离 right: 0, // 与容器右侧的距离 bottom: "3%", top: "0", containLabel: true // grid 区域是否包含坐标轴的刻度标签 }2、X轴标

省略号

旋转角度

自适应

原创 2023-12-22 09:26:27 207 阅读

vue一些问题

vue 如何获取拉回数据后图片的高度？<img :src="userInfo.profilePicture" alt class="img-picture" v-if="userInfo.profilePicture" ref="myImg" @load="imageFn" > imageFn() { console.log(t

数据

优先级

属性值

原创 2023-12-21 14:19:43 69 阅读

html标签里面修改title样式

默认的title不能设置样式，但我们可以通过js和css实现title的功能。CSS样式：<style> /*修改提示框*/ #mytitle { position: absolute; color: #ffffff; max-width: 160px; font-size: 14px; p

css

javascript

HTML

原创 2023-12-19 15:53:42 634 阅读

ES6 中的 class 类

es6 中的 class 可以把它看成是 es5 中构造函数的语法糖，它简化了构造函数的写法，类的共有属性放到 constructor 里面通过 class 关键字创建类, 类名我们还是习惯性定义首字母大写类里面有个 constructor 函数,可以接受传递过来的参数,同时返回实例对象constructor 函数只要 new 生成实例时,就会自动调用这个函数, 如果我们不写这个函数,类也会自

子类

父类

构造函数

原创 2023-12-18 10:02:10 60 阅读

CSS 中哪些属性可以继承

每个CSS属性定义的概述都指出了这个属性是默认继承的，还是默认不继承的。这决定了当你没有为元素的属性指定值时该如何计算值。当元素的一个继承属性没有指定值时，则取父元素的同属性的计算值。只有文档根元素取该属性的概述中给定的初始值（这里的意思应该是在该属性本身的定义中的默认值）。当元素的一个非继承属性（在Mozillacode里有时称之为resetproperty）没有指定值时，则取属性的

ci

嵌套

默认值

原创 2023-12-15 16:41:39 102 阅读

scrollIntoView方法

Element 方法 scrollIntoView：滚动父级容器，使得元素出现在视口。scrollIntoViewOptions，一个包含下列属性的对象。behavior定义过渡动画，默认值为auto。auto，表示没有平滑的滚动动画效果。smooth，表示有平滑的滚动动画效果。block定义垂直方向的对齐，默认值为start。start，表示顶端对齐。center，表示中间对齐。end，表示底端

默认值

动画效果

过渡动画

原创 2023-12-14 17:02:58 125 阅读

重排与重绘

重排：当改变dom结构的时候，就会从dom树开始从新渲染页面，这过程叫重排比如添加或者删除可见的DOM元素、元素尺寸改变、元素内容改变、浏览器窗口尺寸改变等等重绘：当改变样式（不改变几何结构）的时候，它会从render树开始重新开始渲染页面，这过程叫重绘，比如改变颜色，透明等怎么减少重排与重绘？一、减少重排的范围①.尽可能的在DOM树的最末端改变class，重排是不可避免的，但是可以减少其影响，尽

重绘

css

改变颜色

原创 2023-12-13 17:03:58 81 阅读

秒传怎么实现

秒传是指上传一个文件时，如果已经存在相同的文件，就直接使用已经存在的文件，而不需要重新上传。实现秒传需要用到文件的唯一标识。一种常见的实现方式是在上传文件时，先计算文件的哈希值或者MD5值，并将其作为文件的唯一标识。然后将该标识与后台数据库中已经存在的文件的标识进行比对。如果存在相同的标识，说明该文件已经上传过，那么就直接使用已经存在的文件；如果不存在相同的标识，说明该文件是一个新文件，那么就进

上传

唯一标识

数据库

原创 2023-12-12 20:11:17 107 阅读

⽤webpack 来优化前端性能

⽤webpack 优化前端性能是指优化 webpack 的输出结果，让打包的最终结果在浏览器运⾏快速⾼效。压缩代码：删除多余的代码、注释、简化代码的写法等等⽅式。可以利⽤webpack的 UglifyJsPlugin 和 ParallelUglifyPlugin 来压缩JS⽂件，利⽤ cssnano （css-loader?minimize）来压缩 css利⽤CDN 加速: 在构建过程中，将引

css

浏览器缓存

分块

原创 2023-12-11 13:27:45 101 阅读

Vue的生命周期

1、beforeCreate（创建前）：数据观测和初始化事件还未开始，此时 data 的响应式追踪、event/watcher 都还没有被设置，也就是说不能访问到data、computed、watch、methods上的方法和数据。2、created（创建后）：实例创建完成，实例上配置的 options 包括 data、computed、watch、methods 等都配置完成，但是此时渲染

html

数据

响应式

原创 2023-12-09 21:33:13 96 阅读

对 AJAX 的理解

AJAX 是 Asynchronous JavaScript and XML 的缩写，指的是通过JavaScript 的异步通信，从服务器获取 XML 文档从中提取数据，再更新当前网页的对应部分，而不用刷新整个网页。创建 AJAX 请求的步骤：创建一个 XMLHttpRequest 对象。在这个对象上使用 open 方法创建一个 HTTP 请求，open 方法所需要的参数是请求的方法、请求

数据

服务器

AJAX

原创 2023-12-08 15:41:21 79 阅读

对 React 和 Vue 的理解，它们的异同

相似之处：都将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库；都有自己的构建工具，能让你得到一个根据最佳实践设置的项目模板；都使用了 Virtual DOM（虚拟 DOM）提高重绘性能；都有 props 的概念，允许组件间的数据传递；都鼓励组件化应用，将应用分拆成一个个功能明确的模块，提高复用性。不同之处： 1）数据流 Vue 默认支持数据双向绑定，而 Reac

Vue

数据

HTML

原创精选 2023-12-07 09:11:13 191 阅读

子组件可以直接改变父组件的数据吗

子组件不可以直接改变父组件的数据。这样做主要是为了维护父子组件的单向数据流。每次父级组件发生更新时，子组件中所有的 prop都将会刷新为最新的值。如果这样做了，Vue 会在浏览器的控制台中发出警告。 Vue 提倡单向数据流，即父级 props 的更新会流向子组件，但是反过来则不行。这是为了防止意外的改变父组件状态，使得应用的数据流变得难以理解，导致数据流混乱。如果破坏了单向数据流，当应用复杂时，d

Vue

自定义事件

数据

原创 2023-12-06 10:28:35 78 阅读

slot 是什么？有什么作用？原理是什么？

slot 又名插槽，是 Vue 的内容分发机制，组件内部的模板引擎使用slot 元素作为承载分发内容的出口。插槽 slot 是子组件的一个模板标签元素，而这一个标签元素是否显示，以及怎么显示是由父组件决定的。slot 又分三类，默认插槽，具名插槽和作用域插槽。默认插槽：又名匿名插槽，当 slot 没有指定 name 属性值的时候一个默认显示插槽，一个组件内只有有一个匿名插槽。具名插槽：带有具体

插槽

作用域

数据

原创 2023-12-05 09:32:05 466 阅读

escape、encodeURI、encodeURIComponent 的区别

encodeURI 是对整个 URI 进行转义，将 URI 中的非法字符转换为合法字符，所以对于一些在 URI 中有特殊意义的字符不会进行转义。 encodeURIComponent 是对 URI 的组成部分进行转义，所以一些特殊字符也会得到转义。 escape 和 encodeURI 的作用相同，不过它们对于 unicode 编码为0xff 之外字符的时候会有区别，escape 是直接在字符的

转义

字符转换

ico

原创 2023-12-04 09:13:25 77 阅读

如何实现 token 加密

以最常见的 token 格式 jwt 为例, token 分为三段，分别是 header、payload、signature。其中，header 标识签名算法和令牌类型；payload 标识主体信息，包含令牌过期时间、发布时间、发行者、主体内容等；signature 是使用特定的算法对前面两部分进行加密，得到的加密结果。token 有防篡改的特点，如果公鸡者改动了前面两个部分，就会导致和第三部分

加密结果

签名算法

原创 2023-12-03 20:44:49 128 阅读

数据类型检测的方式

（1）typeof其中数组、对象、null 都会被判断为 object，其他判断都正确。（2）instanceofinstanceof 可以正确判断对象的类型，其内部运行机制是判断在其原型链中能否找到该类型的原型。可以看到，instanceof 只能正确判断引用数据类型，而不能判断基本数据类型。instanceof运算符可以用来测试一个对象在其原

字符串

数据类型

原型链

原创 2023-12-01 09:17:34 95 阅读

redux

redux 是一个应用数据流框架，主要是解决了组件间状态共享的问题，主要包括三个核心方法，action，store，reducer关于 Store：整个应用只有一个唯一的 StoreStore 对应的状态树（State），由调用一个 reducer 函数（root reducer）生成状态树上的每个字段都可以进一步由不同的 reducer 函数生成Store 包含了几个方法比如 disp

服务器端

初始化

数据

原创 2023-11-30 09:12:40 86 阅读

JavaScript 的基本规范

在平常项目开发中，我们遵守一些这样的基本规范，比如说：（1）一个函数作用域中所有的变量声明应该尽量提到函数首部，用一个 var 声明，不允许出现两个连续的 var 声明，声明时如果变量没有值，应该给该变量赋值对应类型的初始值，便于他人阅读代码时，能够一目了然的知道变量对应的类型值。（2）代码中出现地址、时间等字符串时需要使用常量代替。（3）在进行比较的时候吧，尽

大括号

首部

字符串

原创 2023-11-29 09:37:36 131 阅读

Javscript数组的常用方法

push(): 在数组末尾添加一个或多个元素，并返回新数组的长度。pop(): 移除并返回数组末尾的元素。unshift(): 在数组开头添加一个或多个元素，并返回新数组的长度。shift(): 移除并返回数组开头的元素。concat(): 合并两个或更多数组，并返回新的合并后的数组，不会修改原始数组。slice(): 从数组中提取指定位置的元素，返回一个新的数组，不会修改原始数组。splice(

数组

指定位置

字符串

原创 2023-11-28 09:07:53 137 阅读

SPA 单页面的理解，它的优缺点分别

SPA（ single-page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页> 面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 > HTML 内容的变换，UI 与用户的交互，避免页面的重新加载。优点：用户体验好、快，内容的改变不需要重新加载整个页面，避免了不必要的跳转

加载

HTML

原创 2023-11-27 09:17:12 81 阅读

JavaScript中获取某个元素的三种方式JavaScript中的三种弹出式消息提醒命令

window.alert() 显示一个提示信息window.confirm() 显示一个带有提示信息、确定和取消按钮的对话框window.prompt() 显示可提示用户输入的对话框setTimeout与setInterval 的区别setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那

提示信息

时间间隔

字符串

原创 2023-11-24 10:32:42 62 阅读

Call bind apply的区别

apply方法apply接受两个参数，第一个参数是this的指向，第二个参数是函数接受的参数，以数组的形式传入，且当第一个参数为null、undefined的时候，默认指向window(在浏览器中)，使用apply方法改变this指向后原函数会立即执行，且此方法只是临时改变this指向一次。call方法call方法的第一个参数也是this的指向，后面传入的是一个参数列表（注意和apply传参的区别

数组

原创 2023-11-23 09:27:27 60 阅读

箭头函数和普通函数的区别

箭头函数与普通函数的区别在于： 1、箭头函数没有this，所以需要通过查找作用域链来确定this的值，这就意味着如果箭头函数被非箭头函数包含，this绑定的就是最近一层非箭头函数的this， 2、箭头函数没有自己的arguments对象，但是可以访问外围函数的arguments对象 3、不能通过new关键字调用，同样也没有new.target值和原型1、语法更加简洁、清晰2、箭头函数不会创建自己的

作用域链

构造函数

原创 2023-11-22 09:04:26 46 阅读

防抖和节流

防抖（debounce）所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。非立即执行版的意思是触发事件后函数不会立即执行，而是在 n 秒后执行，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。立即执行版的意思是触发事件后函数会立即执行，然后 n 秒内不触发事件才能继续执行函数的效果。节流（throttle）**所谓节流，就是指连

执行时间

时间戳

原创 2023-11-21 10:42:07 92 阅读

常用的git命令

git clone：克隆远程仓库到本地。git init：在当前目录初始化一个新的Git仓库。git add ：将文件添加到暂存区，准备提交。git commit -m "commit_message"：提交暂存区的改动到本地仓库，附带提交信息。git status：查看工作区、暂存区的状态，显示文件的修改情况。git diff：显示工作区与暂存区之间的差异。git diff --staged：显

git

暂存区

远程仓库

原创 2023-11-20 09:19:34 64 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx65366ff7416b3的博客

手机端页面在项目中遇到的一些问题及解决办法

= = = 和 = = 的区别

CSRF 公鸡

git相关命令

Echarts数据可视化开发

vue一些问题

html标签里面修改title样式

ES6 中的 class 类

CSS 中哪些属性可以继承

scrollIntoView方法

重排与重绘

秒传怎么实现

⽤webpack 来优化前端性能

Vue的生命周期

对 AJAX 的理解

对 React 和 Vue 的理解，它们的异同

子组件可以直接改变父组件的数据吗

slot 是什么？有什么作用？原理是什么？

escape、encodeURI、encodeURIComponent 的区别

如何实现 token 加密

数据类型检测的方式

redux

JavaScript 的基本规范

Javscript数组的常用方法

SPA 单页面的理解，它的优缺点分别

JavaScript中获取某个元素的三种方式JavaScript中的三种弹出式消息提醒命令

Call bind apply的区别

箭头函数和普通函数的区别

防抖和节流

常用的git命令

欢迎