- 博客(32)
- 收藏
- 关注
RSS订阅原创 对于已设置跨域限制的域名通过修改本地HOST文件实现跨域
上面我们修改HOST文件后可以用目标域名进行访问，出现画面 说明代理成功（本地代码修改后在该域名下会实时变化 ，相当于是本地开发了），当前前提是目标页面是非https的页面 ，本地只能模拟http请求的路径，因为上面的问题截图是https的链接 所以这里还是需要后端同学修改跨域限制，https的跨域限制通过修改本机HOST文件是行不通滴~~~打开该文件，在最下面一行添加本机ip和对应想要代理的域名，写法如下，并保存。ping一下目标域名地址，发现是可以ping通的。首先找到本地HOST文件。
2024-03-22 10:41:15
162
原创 git压缩/合并多次commit提交为1次commit提交
目标是把以上3次commit合并成1个commit，注意，最新的commit提交在最上面。（2）在弹出的窗口中把 pick 改为 s （即squash ）。git压缩/合并N次commit提交为1次commit提交。（3）然后按 Ctrl+C ，输入 :wq 退出。pick commit_id1 '注释*'（5）git push到你的远程仓库即可。s commit_id2 '注释*'s commit_id3 '注释*'（4）此时，变成常规的git提交过程了，
2023-11-16 09:30:32
259
原创 js算法_实现两个大数相加
let a = "9007199254740991";let b = "1234567899999999999";function add(a ,b){ //取两个数字的最大长度 let maxLength = Math.max(a.length, b.length); //用0去补齐长度 a = a.padStart(maxLength , 0);//"0009007199254740991" b = b.padStart(maxLength , 0);//"1234.
2021-06-03 10:39:06
986
原创 Js_bind( )、call( ) 的用法及实现
首先来通过以下例子来认识bind( )this.num = 9; var mymodule = { num: 81, getNum: function() { return this.num; }};module.getNum(); // 81var getNum = module.getNum;getNum(); // 9, 因为在这个例子中，"this"指向全局对象// 创建一个'this'绑定到module的函数var boundGetNum = getNum.b.
2021-01-29 11:40:33
345
原创 Js_执行机制-同步任务-异步任务-微任务-宏任务
一、概念理解1.关于javascriptjavascript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的。2.多线程/单线程的简单理解：多线程: 程序可以同一时间做几件事。单线程: 程序同一时间只能做一件事。3.JS为什么是单线程的？JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程.
2020-12-21 10:15:49
365
原创 Vue_自定义指令实用大全
v-permission背景：在一些后台管理系统，我们可能需要根据用户角色进行一些操作权限的判断，很多时候我们都是粗暴地给一个元素添加v-if / v-show来进行显示隐藏，但如果判断条件繁琐且多个地方需要判断，这种方式的代码不仅不优雅而且冗余。针对这种情况，我们可以通过全局自定义指令来处理。需求：自定义一个权限指令，对需要权限判断的 Dom 进行显示隐藏。思路：自定义一个权限数组 判断用户的权限是否在这个数组内，如果是则显示，否则则移除 Dom function chec...
2020-12-16 17:53:18
239
原创 ES6_Proxy详解
Proxy 是 ES6 为了操作对象引入的 API 。Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。基本用法一个 Proxy 对象由两个部分组成： target 、 handler 。在通过 Proxy 构造函数生成实例对象时，需要提供这两个参数。 target 即目标对象， handler 是一个对象，声明了代理 target 的指定行为。let ta
2020-11-24 11:30:39
2861
原创 Js_事件循环机制、微任务、宏任务。
今天简单说下js的事件循环机制，我们都知道，javascript是单线程语言，它的核心，也是因为它的单线程。有很多小白不清楚EventLoop到底是什么，按照中文翻译，就是事件循环，那js到底是怎样将同步和异步进行处理的。这篇文章，就简单说一说，js的单线程处理，也就是同步和异步的代码是怎样走向的。一、同步和异步：所有的线程，都是有同步队列，和异步队列，立即执行的任务队列，这些都是属于同步任务，比如一个简单的函数；请求接口发送ajax，发送promise，或时间计时器等等，这些就是异步
2020-11-23 16:24:29
126
原创 Vue_省市区镇四级联动插件
最近公司附近的张江路有一个小区被确诊一例新冠肺炎，上级为了进一步了解员工的具体地址，对每日健康报备提出新需求，在选择住址时要详细到省市区镇（原来是省市区），于是找到了一个很好的省市区镇四级联动的插件，特此分享给大家使用安装：npminstall--savearea-linkage-vuenpminstall--savearea-data-vuekage在main.js中：import{pcaa}from'area-data-vue';import'are...
2020-11-23 14:52:14
1721
1
原创 Js_数组方法
数组的方法一共有很多，见下表函数 作用 join() 将数组中所有元素都转化为字符串连接在一起 sort() 将数组中的元素排序 reverse() 将数组中的元素颠倒顺序 concat() 将多个数组或数连接起来，组成一个新的数组 slice() 返回指定数组的一个片段或子数组 splice() 在数组指定位置插入或删除元素 push() 在数组的尾部添加一个或多个元素 pop() 删除数组的最后一个元素，并返回该元
2020-11-23 09:12:21
209
原创 Js_理解ES6的class 中 constructor 方法 和 super 的作用
首先，ES6 的 class 属于一种“语法糖”，所以只是写法更加优雅，更加像面对对象的编程，其思想和 ES5 是一致的。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function() { return '(' + this.x + ',' + this.y + ')';}等同于class Point { constructor(x, y) { this
2020-11-16 09:52:49
6076
3
原创 Node基础_export与export default与module.export三者区别
export default 和 export 区别总结一句话，export导出 引入需要加{ }，export导出 引入不需要加 { }Module exports原理每个js文件里面都有一个moudle对象，该对象里面有一个exports对象
2020-11-09 11:08:38
794
原创 Java代码规范之接口返回统一格式（枚举类）
一般系统大致架构如下：image需要说明的是，有些小伙伴会回复说，这个架构太简单了吧，太low了，什么网关啊，缓存啊，消息中间件啊，都没有。因为这篇主要聊API接口，所以我们聚焦这一点。接口交互前端和后端进行交互，前端按照约定请求URL路径，并传入相关参数，后端服务器接收请求，进行业务处理，返回数据给前端。针对URL路径的restful风格，以及传入参数的公共请求头的要求（如：app_version,api_version,device等），这里就不介绍了，小伙伴们可以自行去了
2020-11-09 10:49:10
3736
原创 Js基础_闭包
一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999 另一方面，在函数外部自然无法读取函数内的局部变量。Js代码 function...
2020-10-27 16:50:44
99
原创 Js基础_防抖和节流
防抖和节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。（信我，你看完肯定就懂了）从滚动条监听的例子说起先说一个常见的功能，很多网站会提供这么一个按钮：用于返回顶部。这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在抽象出这个功能需求--监听浏览器滚动事件，返回当前滚条与顶部的距离这个需求很简单，直接写:function showTop () { var scrollTop = ..
2020-09-23 09:30:01
137
原创 Vue实战_项目配置移动端rem布局
1.安装lib-flexiblenpm install lib-flexible --save2. 在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible/flexible'当页面console栏出现以下一行文字时则表示配置成功
2020-09-21 09:54:38
290
原创 Springboot实战_使用下载、导出功能时，下载文件名称乱码或者变____的解决方法
@RequestMapping(value = "/exportMonthlySchedule")@ResponseBodypublic void exportMonthlySchedule(HttpServletRequest request,HttpServletResponse response) throws UnsupportedEncodingException { //设置中文文件名与后缀 String encodedFileName = URLEncoder.encode(".
2020-09-08 13:52:38
1684
1
原创 Java实战_Mapper.xml中的trim
trim 属性 prefix：前缀覆盖并增加其内容 suffix：后缀覆盖并增加其内容 prefixOverrides：前缀判断的条件 suffixOverrides：后缀判断的条件 <update id="updateTest" > UPDATE test <trim prefix="SET" suffixOverr...
2020-08-27 17:31:09
1179
原创 Js基础_async_await_promise解决回调地狱
async的用法async就是异步的意思，它作为一个关键字放到函数前面，用于表示函数是一个异步函数异步函数也就意味着该函数的执行不会阻塞后面代码的执行，而async函数返回的是一个promise对象。 async function func() { return "async" }; func(); console.log('执行'); //控制台输出 执行可以看出async异步并不阻塞后面代买的执行 async function ..
2020-08-11 16:48:49
274
原创 Java基础_List如何一边遍历一边删除
今天上海的天气很凉快，坐着16号线地铁去上班的我刷到了码匠笔记（公众号）分享的一片关于list如何一边遍历一边删除的文章，对我来说有所收获，且很有意思，固分享给大家。每天坚持学习，加油！1. 新手常犯的错误可能很多新手（包括当年的我，哈哈）第一时间想到的写法是下面这样的：publicstaticvoidmain(String[]args){List<String>platformList=newArrayList<>();platf...
2020-08-06 09:56:30
425
原创 Js设计模式_发布订阅者模式
（本篇文章是我在早高峰上班地铁上刷到了一篇公众号发布的文章，感觉讲的非常好，特分享给大家。每天坚持学习，感谢公众号大佬的分享，公众号：nodejs全栈开发）首先我们用一个示例来演示一下什么是观察者模式，有这样一个场景，在一个院子里，有一个小偷，和若干条狗，小偷只要一行动，狗就会叫，狗叫的动作是依赖小偷的，如果小偷不行动，狗是不会叫的，也就是说狗的叫的状态依赖小偷的行动，小偷的行动状态发生变化，依赖小偷的狗都会受到影响，从而发出叫声。这个场景用代码来展示的话如下：// 第一版class Thi
2020-08-04 09:58:31
697
1
转载 Java基础_枚举类用法总结
你写了一个小程序，不过好久不用了，突然有一天，你想使用一下它。程序要想正确运行，需要将今天星期几存到数据库里。这个时候，你开始犯难了。 当初的你还很年轻，不懂程序界的险恶，设计这个程序的时候，傻不拉几把这个字段设计为int类型的，用0代表周日，1代表周一。。。6代表周六，添加的时候就setWeekday(0)。但是这么长时间没用了，你忘记自己是从周一开始计算还是周日开始计算了，换句话说，你想不起来0代表的是周一还是周日了！ 于是你各种翻代码，看数据库的字段，数据库...
2020-07-29 14:38:03
124
原创 React实战_项目中使用less具体安装步骤
1.安装 less & less-loadernpm install less less-loader --save-dev2. 暴露config.js文件yarn eject3. 修改webpack.config.js配置文件路径config=>webpack.config.js,修改如图地方const cssRegex = /\.(css|less)$/;const cssModuleRegex = /\.module\.(css|les..
2020-07-24 10:38:41
526
2
原创 Redis基础_模拟使用redis是如何缓解数据库的压力
让我们开始用Redis来缓存信息，缓解数据库的压力吧！我们搭起了这样一个框架，一台客户端，一台Redis缓存服务器：一开始风和日丽，系统运行良好。后来，我们系统中使用Redis的客户端越来越多，变成了这样：这带来了两个问题：Redis内存不足：随着使用Redis的客户端越来越多，Redis上的缓存数据也越来越大，而一台机器的内存毕竟是有限的，放不了那么多数据； Redis吞吐量低：客户端变多了，可Redis还是只有一台，而且我们已经知道，Redis是单线程的！这就好..
2020-07-21 10:33:24
1247
原创 Redis基础_缓存相关知识
redis缓存1、为什么使用redis2、使用redis有什么缺点3、单线程的redis为什么这么快4、redis的数据类型，以及每种数据类型的使用场景5、redis的过期策略以及内存淘汰机制6、redis和数据库双写一致性问题7、如何应对缓存穿透和缓存雪崩问题8、如何解决redis的并发竞争问题正文1、为什么使用redis分析:博主觉得在项目中使用redis，主要是从两个角度去考虑:性能和并发。当然，redis还具备可以做分布式锁等其他功能，但是如果只是为了
2020-07-21 10:12:48
246
原创 Java基础_今天来聊一聊HashMap的底层实现原理
在工作开发中一直会用到Map集合进行业务逻辑的构建，但是只知道使用方法对于一个想要长期发展的程序员来说是远远不够的，我们要在熟练掌握使用方法的基础上多去查看其底层源码，长期下来自己的代码技术水平才会有所提高，这里健超总结归纳了HashMap的底层实现原理，如有遗漏的地方还请大家多多补充。HashMap存储数据采用的是哈希表结构，存储的元素没有顺序，但是保证元素不重复。HashMap的底层是由数组+链表+哈希表组成数组：存储区间连续，时间复杂度为O(1),随机读取效率很高，插入和删除效率低，大
2020-07-19 10:20:48
228
原创 React实战_项目结合rem解决移动端适配
安装相关的依赖npm i lib-flexible --savenpm i sass-loader node-sass --save-devnpm i postcss-px2rem --save然后打开项目中config/webpack.config.js进行配置// 在配置文件中添加如下两行代码const px2rem = require('postcss-px2rem');px2rem({ remUnit: 75 })在入口文件index.js中引入lib-flexibl..
2020-07-17 16:53:47
1238
2
原创 新项目下载依赖遇到npm install报错该如何解决
具体报错内容如下遇到该类错误按顺序执行一下两个命令即可npm config set strict-ssl falsenpm install -g supervisor随后npm install 即可下载node_modules
2020-07-16 12:00:53
833
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人