beichen3997-CSDN博客

beichen3997

码龄7年

个人简介：每一天都是一个进步

IP 属地：江苏省

查看详细资料

个人成就

获得166次点赞
内容获得56次评论
获得639次收藏
代码片获得1,282次分享

TA的专栏

创作活动更多

HarmonyOS开发者社区有奖征文来啦！

用文字记录下您与HarmonyOS的故事。参与活动，还有机会赢奖，快来加入我们吧！

0人参与去创作

搜TA的内容

promise源码分析（三）

发布博客 2022.11.23 ·

promise使用与源码封装(二)

发布博客 2022.11.23 ·

关于我对axios的源码理解

axios源码剖析

发布博客 2022.11.23 ·

promise使用与源码封装(一)

发布博客 2022.11.17 ·

JS中for循环的作用

发布博客 2022.10.20 ·

JS doctype的作用

那么 compatMode 默认就是 BackCompat,浏览器按照自己的方式解析渲染页面）doctype在 html中的作用就是触发浏览器的标准模式,否则为怪异模式;告诉浏览器按照何种规范解析页（如果你的页面没有 DOCTYPE 的声明，不同浏览器在怪异模式下会有一些不同的表现，不建议使用怪异模式;* doctype是一种标准通用标记语言的文档类型声明;doctype一定需要写html上面才会生效;* 告知浏览器文档使用哪种 HTML 或 XHTML 规范。

发布博客 2022.10.20 ·

JS中this的了解及应用场景

Q1:函数执行，看方法前面是否有“点”，没有“点”，this是window「严格模式下是undefined」，有“点”，“点”前面是谁this就是谁。* Q2:给当前元素的某个事件行为绑定方法，当事件行为触发，方法中的this是当前元素本身「排除attachEvent」* Q4:箭头函数中没有执行主体，所用到的this都是其所处上下文中的this。* this执行主体，谁把它执行的「和在哪创建&在哪执行都没有必然的关系」* + 掌握this的好玩应用：鸭子类型。

发布博客 2022.10.20 ·

JS数据检测原理

发布博客 2022.10.20 ·

设置 npm 源为淘宝镜像

发布博客 2022.07.23 ·

14504 阅读 ·

实时调试线上js

Chrome的开发者工具在source选项卡下，可以看到js源代码，但是不能编辑。利用Chrome的Overides功能可以实现js代码的重载或者调试。第一步，选择要修改的js文件，记住它的位置。如下图中的标红的文件名称要一样。第二步，在本地电脑任意位置建立如下文件：文件目录要一样，js文件名需要与上面要替换的报纸一致，第三步，点击source选项卡下面的Overides，选中你刚才建立的top文件夹。如下图所示。重新刷新浏览器，即可实现js代码的重置。rer...

发布博客 2021.11.02 ·

JavaScript实现鼠标拖拽调整div大小

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body, html { width: 100%; height: 100%; margin: 0; } #container { width: 200px; height: 200px; .

发布博客 2021.11.02 ·

Win10系统安装GPU版PyTorch,tensorflow,transformers

准备工作1.安装VS2017_Community2.安装CUDA10.03.安装cuDNN具体安装方法已在上一篇博文中介绍：Win10系统安装CUDA10.0和cuDNN接下来介绍如何安装GPU支持的PyTorchPyTorch安装PyTorch的安装方式有conda和pip两种，因为在之前的博客中Python入门之环境配置与IDE安装已经安装Anaconda3，故本文采取conda的安装方法。1.打开Anaconda Prompt在命令行窗口输入conda c

发布博客 2021.09.01 ·

一文帮你搞定 JS 手写题！面试手写题不慌了

1.call的实现第一个参数为null或者undefined时，this指向全局对象window，值为原始值的指向该原始值的自动包装对象，如 String、Number、Boolean 为了避免函数名与上下文(context)的属性发生冲突，使用Symbol类型作为唯一值将函数作为传入的上下文(context)属性执行函数执行完成后删除该属性返回执行结果 Function.prototype.myCall=function(context,....

发布博客 2021.08.06 ·

element-ui动态删除表单项后导致表单验证报错“please transfer a valid prop path to form item!“

<template v-for="(person,index) in Form.List"> <el-form-item :prop="'List.'+index + '.code'" :key="person.key" :rules="rules"> <el-input v-model="person.code"></el-input> </el-form-item> <el-form-item p.

发布博客 2021.04.22 ·

浅谈XSS跨站脚本攻击

浅谈跨站脚本攻击(XSS)一、概述1、什么是跨站脚本攻击跨站脚本攻击(Cross Site Scripting)，简称XSS，是指：由于网站程序对用户输入过滤不足，致使攻击者利用输入可以显示在页面上对其他用户造成影响的代码来盗取用户资料、利用用户身份进行某种动作或者对访问者进行病毒侵害的一种攻击方式。直白点：恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。不同于大多数攻击（一般只涉及攻击..

发布博客 2021.04.16 ·

模拟搜索变色查询

<section class="search-area" v-if="selectOption.length > 1" ref="scrollTree"> <h-select v-model="selectedValue" style="margin: 0px 6px; width:90%; margin-bottom: 10px;" > <h-option v-for="opt in selectOption" ...

发布博客 2021.04.15 ·

前端如何解决pc端屏幕显示设置缩放比例对页面布局的影响？

现在很多笔记本电脑都推荐将缩放设置为125%，等比例放大显示。(垃圾Windows这对我们前端的页面的布局会产生一些影响首先，单独的响应式布局hold不住这个问题，因为出问题的是device-pixel-ratio。问题现象是高分屏下整好的东西，在普分屏下会放大；而普分屏下整好的东西，在高分屏上会缩小。重现这个问题不需要高分屏，直接用Ctrl++或者Ctrl+-出来的效果是跟高分屏一致的（所以搞定这个问题之后，也可以同时预防用户误触网页缩放）。另外恢复是Ctrl+Num0

发布博客 2021.04.08 ·

汇总整理了96个常用的JavaScript工具函数

1、为元素添加on方法Element.prototype.on = Element.prototype.addEventListener;NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, function (el) { el.on(event, fn); }); return this;};2、为元素添加trigger方法Element.prototype.tri

发布博客 2021.02.19 ·

解决：对修饰器的实验支持是一项将在将来版本中更改的功能。设置+“experimentalDecorators“+选项以删除此警告

编写代码的时候有时候会遇到这种问题：【ts】对修饰器的实验支持是一项将在将来版本中更改的功能。设置+"experimentalDecorators"+选项以删除此警告解决方法：1、打开配置文件tsconfig.js，在compilerOptions选项中配置："experimentalDecorators": true, 2、在VS Code中配置：文件-首选项-设置-打开settings.json3.在文件夹下建jsconfig.json文件{ "compi

发布博客 2020.12.22 ·

怎么让Chrome支持小于12px 的文字？

这个我们在做移动端的时候，设计师图片上的文字假如是10px，我们实现在网页上之后。往往设计师回来找我们，这个字体能小一些吗？我设计的是10px？为啥是12px?其实我们都知道，谷歌Chrome最小字体是12px，不管你设置成8px还是10px，在浏览器中只会显示12px，那么如何解决这个坑爹的问题呢？我们的做法是：针对谷歌浏览器内核，加webkit前缀，用transform:scale()这个属性<style>pspan{font-size:10px;-webkit-transfo

发布博客 2020.11.05 ·