- 博客(44)
- 收藏
- 关注
RSS订阅
原创 白话文理解prototype
1 构造函数是这样的：（一般我们构造函数用字符大写）function FATHER(){ this.firstName = 'zhang' this.hairColor = 'black' ／＊假想这里还有个prototype属性， ＊ prototype:{} ＊ 或者 ＊ prototype:{ ＊ houseColor = 'white' ＊ } ＊／}2 prototype是javascript的构造函数的一个
2020-11-06 00:12:59
239
原创 Chrome设置跨域访问方式--disable-web-security不生效原因，以及出现--disable-web-security，但是实际上浏览器不能跨域访问Specify SameSite
Chrome设置跨域访问方式--disable-web-security不生效原因，以及出现--disable-web-security，但是实际上浏览器不能跨域访问的原因：1、设置跨域，在chrome快捷方式右键‘属性’，‘快捷方式’，‘目标’ 路径最后边按一下空格，再添加以下代码：--args --disable-web-security --user-data-dir=D:\MyChromeDevUserData或者--disable-web-security --user-data-di
2020-08-25 17:36:57
3111
原创 vuex如何在没有moudles的情况下，新增一个moudle
header> //定义 section 或 page 的页眉。<section> //定义 section。<aside> //定义页面内容之外的内容。vuex的modules。
2023-05-26 19:09:50
817
原创 css 背景设置成网格样式
/* 水平条纹 */ background: -webkit-linear-gradient(top, transparent 1px, #F0F0F0 1px, #cdcdcd 2px, transparent 2px, transparent 69px, #F0F0F0 60px), /* 垂直条纹 */ -webkit-linear-gradient(left, transparent 1px, #F0F0F0 1px...
2022-04-27 15:56:40
823
原创 项目配置私有源 .yarnrc .npmrc
// .yarnrcregistry"https://registry.npmmirror.com"@specialModel:registry"http://10.10.10.10/repository/npmgroup"// .npmrcregistry = https://registry.npmmirror.com@specialModel:registry ="http://10.10.10.10/repository/npmgroup"自定义的npm包必...
2022-03-25 15:41:06
1788
原创 微前端相关解读文章
基于微前端的大型中台项目融合方案 - 知乎微前端qiankun原理学习 - 余圣源 - 博客园使用 shadow DOM - Web Components | MDN乾坤应用在具体项目： 微前端（Micro-Frontends）qiankun框架原理与实现（vue-react）_Keme联盟的博客-CSDN博客_qiankun框架...
2022-03-23 14:48:36
1028
转载 SQL Server
一、SQL Server 下载安装1.1 SQL Server 2019官网下载下载成功后会出现第一个安装包1.2 开始安装，右键管理员身份运行1.3 选择： 基本1.4 选择：中文简体 ，接受1.5 选择安装路径，建议直接修改根目录，安装1.6 选择：立即链接，会出现下面这样一个DOS窗口，不用管，关闭DOS窗口即可1.7 选择：安装SSMS，会自动跳转到SSMS下载页面，再选择 关闭 即可二、SSMS下载安装2.1 SSMS下载页面点击 ：可用语言选择对应语言
2022-03-11 10:44:48
161
原创 前端抽离api.js，service层封装设计模式
连接诶分享l抽象出 api 服务层的好处_林中路-CSDN博客_api层是什么意思如何设计出一些优雅的API接口呢？ - 知乎
2021-12-30 19:07:39
709
原创 代码是世界互通的语言
今天看视频突然发现一个有意思的事情虽然语言地域不同，但是当程序员打开代码编辑器，就会发现，原来不管是国内还是国外的codings都是一样的，包括代码的思路：这是油管上的一个视频里的页面效果图：这是代码：有没有发现原来外国人跟我们用的是同样的东西，除了语言不一样，不管我们英语怎么样，只要一上代码，我们就是无障碍的~~同理的还有~~MUSIC...
2021-11-15 12:11:09
219
原创 git 删除本地分支/origin端已删除的分支
git remote show origin 查看所有git remote prune origin 清除远端分支git branch -D feature/chatfix 删除本地分支
2021-10-08 17:53:40
443
原创 vscode 新版本怎么把gitbash集成进去
vscode老的版本配置已经被弃用，新的配置方式如下"terminal.integrated.profiles.windows":{"Git-Bash":{"path":"D:\\Git\\bin\\bash.exe", // gitbashexe的本地路径"args":[]}},"terminal.integrated.defaultProfile.windows":"G...
2021-09-15 11:09:19
100
原创 获取数组对象中某一个值的数组合集，三种方法
constuser=[{name:1,age:1},{name:2,age:2},{name:3,age:3}]vard1=newDate().getTime()varuserName=Array.from(user,({name})=>name);//1varuserName=user.map((item)=>{ret...
2021-07-17 00:34:09
1483
原创 react-grid-layout 移动后排序新数组
importGridLayoutfrom'react-grid-layout';importReactfrom'react';import'./index.css';functioncompare(property){returnfunction(a,b){varvalue1=a[property];varvalue2=b[property];returnvalue1-value2;}}c...
2021-07-17 00:21:18
398
原创 js如何实现 if(a == 1 && a == 12){ }
var a = { i:1, valueOf: function(){ if(this.i === 1){ this.i++; return 1 } else { return 12 } }}
2021-06-28 11:44:41
459
转载 URL变更不刷新页面的方法，Window和window的区别
//替换指定传入参数的值,paramName为指定参数,replaceWith为新值,isRefresh为是否刷新新页面1表示是//调用方法：replaceParamVal("puid","600",0),表示在地址栏上修改成正确的参数puid=600，不刷新页面//调用方法：replaceParamVal("puid","600",1),表示在地址栏上修改成正确的参数puid=600，然后刷新页面function replaceParamVal(paramName,replaceWith,isRef
2021-05-10 16:29:49
202
转载 前端性能监控 -- 非mvx模式下
前言前端页面性能是一个非常核心的用户体验指标。本文介绍阿里UC岳鹰全景监控平台如何设计一个通用、低侵入性、自动上报的页面性能监控方案。主要采用的是Navigation Timing API以及sendBeacon等方法。为什么要监控页面性能？一个页面性能差的话会大大影响用户体验。用户打开页面等待的太久，可能会直接关掉页面，甚至就不再使用了，这种情况在移动端更加明显，移动端用户对页面响应延迟容忍度很低。虽然页面性能很重要，但是在实际使用中，页面性能差的情况并不少见。首先，在...
2021-04-29 12:03:43
139
原创 filter方法，浅拷贝
filter返回的是一个浅拷贝的数组某个对象var arr = [{a:"a",n:'0'}, {a:"b",n:'9'}]var f = arr.filter(function(val,idx,self){ return val.a === "b"; })f[0].n = '100'console.log(f); //{a:"b",n:"100"}console.log(arr) //{a:"b",n:"100"}...
2021-04-22 19:29:34
1017
转载 强缓存和协商缓存，浏览器缓存机制
缓存是指代理服务器或客户端磁盘内保存的资源副本。利用缓存可减少对服务器的访问，因此也就节省了通信流量和通信时间。浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。浏览器缓存的优点有：减少了冗余的数据传输，节省了网费 减少了服务器的负担，大大提升了网站的性能 加快了客户端加载网页的速度浏览器缓存分为强缓存和协商缓存浏览器在第一次请求发生后，再次请求时：浏览器会先获取该资源缓存的h
2021-04-14 10:15:03
165
原创 promise黑盒内部机制
// 判断变量否为functionconst isFunction = variable => typeof variable === 'function'// 定义Promise的三种状态常量const PENDING = 'PENDING'const FULFILLED = 'FULFILLED'const REJECTED = 'REJECTED' class MyPromise { constructor (handle) { if (!isFunction(han.
2021-04-01 17:50:51
176
原创 git命令
同步拉取远程分支：git fetch --prune origin批量删除本地分支：git branch |grep 'branchName' |xargs git branch -D批量删除远程分支：git branch -r| grep 'branchName' | sed 's/origin\///g' | xargs -I {} git push origin :{}
2021-01-21 11:21:40
107
原创 跨域的几种方式
CORS: 使用自定义的HTTP头部让浏览器与服务器进行沟通，通过XMLHttpRequest对象实现对CORS的支持。 Origin：https://www.baidu.com 如果服务器认为这个请求可以接受，就在Access－Control－Allow－Origin中回发相同的源信息（如果是公共资源，可以发回“＊”） 例如：Access－Control－Allow－Origin：https://www.baidu.com imgage图像Ping，只能get请求，用于浏览器与服务器之间的单.
2020-11-13 01:48:03
136
原创 js的2种垃圾回收算法
1.引用计数垃圾收集，查看哪些内存是被引用的，进行计数，有零引用的对象则清除，但是，有一些有问题，循环引用和对象复制引用的无法清除2.标记－清楚算法，从root（全局对象）跟开始查看被引用的对象，循环引用因为不能从root处查询到。虽然有计数，但是无法从根获取到，他们将会被垃圾回收器回收。...
2020-11-12 00:13:57
165
原创 实例化new对象时发生了什么
var F = function(){}var f1 = new F();其中的new对象可以理解为：var f1 = new Object() //new一个浏览器内置对象f1.__proto__ = F.prototype //将f1的原型指向F的prototype对象F.call(f1) //最后一步，要将F的this指针转向实例化的f1，这样f1中的this才是属于自己的...
2020-11-11 23:17:01
484
原创 扩展原型连的最佳代码写法
1.用new来实现:var func = function(){}func.prototype={ name1: '1'}var f1 = function(){}var p = new funcp.name2 = '2'f1.prototype = pvar newfunc = new f1console.log(newfunc.name1) //1console.log(newfunc.name2) //2"为使用此方法，必须对相关函数初始化。 在初始化过程中，构造
2020-11-11 22:56:54
109
原创 js内置对象和基础数据类型
js内置对象（内置方法）：Boolean() String() Object() Function() Array() Regexp() Date() Error()
2020-11-11 00:26:55
337
原创 call/apply/bind方法的异同
举个例子：call(obj,args1,args2...argsn) 第二个／第三个第四个...可以接受无限制个参数apply(obj,[args1,args2...argsn]) 第二个参数接受的是个数组，例如：定义一个 log 方法，让它可以代理 console.log 方法，并且输出前缀是zn的字符串：function log(){ console.log.apply(console, arguments);};log(1); //1log(1,2); //1
2020-11-10 22:43:59
155
原创 symbol基础数据类型
表示独一无二的值，最大的用法是用来定义对象的唯一属性名。由于每一个 Symbol 的值都是不相等的，所以 Symbol 作为对象的属性名，可以保证属性不重名。let sy = Symbol("key1");let sy = Symbol('aaa') // 写法1let syObject = {};syObject[sy] = "kk";console.log(syObject); // {Symbol(key1): "kk"} // 写法2let syObject = {
2020-11-09 23:33:01
217
原创 闭包原理学习备注
闭包是外部可以调用内部函数的方法： function displayName() { alert(name); } return displayName;是内部函数，可以被返回，外部就可以访问到内部的局部变量name值function makeFunc() { var name = "Mozilla"; function displayName() { alert(name); } return dis...
2020-11-09 01:33:11
113
原创 构造函数的prototype与各种继承
function Animal(){ this.species = "动物";}function Cat(name,color){ this.name = name; this.color = color;}1/apply构造函数绑定 function Cat(name,color){ Animal.apply(this, arguments); this.name = name; this.color = color;...
2020-11-06 23:52:21
235
原创 es6 Object.keys(),values(),entries()
操作对象，返回数组 - 不含继承的所有可遍历属性1、获取所有key值let obj = { a: 1, b: 2, c: 3 };Object.keys(obj)返回结果：["a", "b", "c"]2、获取所有value值let obj = { a: 1, b: 2, c: 3 };Object.values(obj)返回结果：[1, 2, 3]3、entries() 将...
2019-12-16 17:55:03
248
原创 Jenkins入门安装使用教程
1，下载tomcat，并在本地安装。2，下载Jenkins，将下载的.mis安装文件安装到tomcat的webapp启动目录下。3，访问local host：8080/jenkins 进入登录界面4，按照步骤选择默认配置，自动进行安装“新手入门”，安装各种主流插件，需要大概5-10分钟。5，最后配置/创建管理员账号。...
2019-09-03 17:05:36
192
转载 自制npm包
如何自制npm包为什么使用npm npm 是Node 的模块管理器，功能极其强大。 有了npm，我们只要一行命令，就能安装别人写好的模块。 创建第一个node模块 【Node.js模块就是发布到npm的代码包】 第一步：用npm init来创建package.json文件。 package.json文件中模块的名字和版本号是必填项。 需要有一个入口...
2019-08-30 17:08:13
994
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人