
前端
文章平均质量分 50
小鱼程序员
一花一世界,一草一浮沉,0和1成就你我
展开
-
处理如何去限制ip地址进行异地登录方法一
这个都不是最重要的,我们会去判断state也就是异地次数,如果在一天次数频繁甚至达到了5-10次就冻结这个账号。前端方面的正式代码就是说,一般就是你第一都是要注册账号的,在注册的时候获取ip地址,也就是主机ip地址。这里注意浏览器不支持直接访问,因此是有ip进行获取,你用script进行获取就可以了。就是存放userid 存放 ip地址 存放 state存在异地次数。每次登陆都会获取ip把新的ip与数据库的ip进行对比。首先后端方面,我们需要干一件事情,就是需要个表。具体怎么设置看你自己本身编程情况来了。原创 2023-02-23 13:24:20 · 880 阅读 · 1 评论 -
前端网页Raffer伪随机以及网站替换冻结初现第一章
当然这还是不算高级的,我们来看一个比较好玩的技术,比如说,我们现在就是单有前端网页没有后端网页,然后别人问你去处理禁止404这个数字出现,我们来看一个伪随机。document.getElementById('keep1').innerText='请修正,文本错误'这是最基础的代码,但是这个代码,貌似好像是有bug的,于是后面就有程序员,为了修复这个代码,改进了这个代码。const arr=['你好','傻逼','破解']alert('发布成功')const arr=['你好','傻逼','破解']原创 2023-02-15 22:40:45 · 470 阅读 · 0 评论 -
寒假javascript补习班 第二章 let&const暂时性死区
4、在函数内使用var是局部变量,在函数内直接使用变量为全局变量(无var)2、如果之前用var或let声明过变量,再用const声明同样会报错。1、const声明一个只读的常量,一旦声明,常量的值就不能改变。3、可以重复声明,最终结果为最后一个将前面变量进行覆盖。1、在ES5中是全局变量、顶级变量(指window)1、let的作用域是块级代码,只在代码块中有效。这也体现出了let和const的安全性可言。2、不存在变量提升(暂时性死区)3、不存在变量提升(暂时性死区)2、存在变量提升的情况。原创 2023-01-24 17:26:51 · 681 阅读 · 0 评论 -
寒假javascript补习班 第一章 变量提升
这里其实的前面帖子讲了很多js前缀因此我就不讲什么序章了,我总之一句话,在练习代码,不论是谁 离不开多敲多写,虽然可能有些人工作存在cv情况,这个问你个问题,如果不是大佬,他cv有啥用不,俗话说的好,百度万万条,为的就是找答案,前期学习,后期就是为了工作需要,毕竟工作你会遇到各种奇葩的错误,你又不是人工AI,因此不去百度寻找专属的答案cv解决工作需求,干啥呢?只有函数声明( function a(){} )才会被提升,函数表达式( var a = function b(){} )不会提升。原创 2023-01-24 17:13:24 · 1660 阅读 · 0 评论 -
寒假node补习班 第一章
允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。如果是 Window 系统使用以下命令即可:淘宝镜像命令。原创 2023-01-20 21:51:36 · 1136 阅读 · 0 评论 -
nest.js 第四章 关于跨域问题处理
/ credentials 与前端的axios 的withCredentials(XMLHttpRequest.withCredentials)// 同时 origin必须设置为访问域 才能正常访问,主要是为了 凭证是 Cookie ,授权标头或 TLS 客户端证书。包,它提供了一系列选项,您可以根据自己的要求进行自定义。方法需要一个可选的配置对象参数。//如果你不需要 Cookie 可以设置为 *)是一种允许从另一个域请求资源的机制。方法的选项对象启用CORS。//设置允许访问的域名。原创 2022-12-15 20:11:39 · 2046 阅读 · 0 评论 -
nest.js第二章 关于Get post请求传参
如果你是要发Get请求,在import中需要引入Get,假设说你是要传参数,那就是Query。在Postman中发起请求要注意,要用post发起,不然会发起失败!Post传参数需要引入Post 且用引入Body。另外就是关于Post传参数以及Post的用法。//匹配参数中的id1,比如说。return '模糊匹配'我就废话不多说了,先说Get的请求相关的。// return '你好';原创 2022-12-14 10:06:40 · 1537 阅读 · 0 评论 -
nest 第三章 认识nest
等令人耳目一新的项目,这些项目提高了开发人员的生产力,使得可以快速构建可测试的且可扩展的前端应用程序。然而,在服务器端,虽然有很多优秀的库、helper 和 Node 工具,但是它们都没有有效地解决主要问题 - 架构。(保留与纯 JavaScript 的兼容性),并结合 OOP(面向对象编程),FP(函数式编程)和 FRP(函数响应式编程)的元素。Nest 旨在提供一个开箱即用的应用程序体系结构,允许轻松创建高度可测试,可扩展,松散耦合且易于维护的应用程序。Nest 是构建高效,可扩展的。原创 2022-12-01 11:14:57 · 571 阅读 · 0 评论 -
nestjs listen EADDRINUSE: address already in use :::3000
另外就是有可能有的电脑权限不一样,你可以尝试用vscode以管理员权限进行开启软件,这种情况看个人了,还是看你们具体情况而定,希望能帮到你们,本人笔记。可能部分百度是这样说的,是端口错误,百度说的没有错,就是端口被占用了。taskkill /f /pid 14236就行了 记住端口号自己改。然后你发现终止失败,没有权限等。原创 2022-11-28 17:53:11 · 1490 阅读 · 0 评论 -
nestjs从入门到弃坑 第二章 创建项目错误
nest : 无法加载文件 C:\Users\xiaoyu\AppData\Roaming\npm\nest.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 h。LinkID=135170 中的 about_Execution_Policies。有这么一个错误,他会告诉你,在此电脑禁止运行脚本,这个时候,你很懵逼,怎么创建不了,解决办法如下。.右键电脑左下角开始图标,选择管理员身份运行。所在位置 行:1 字符: 1。原创 2022-11-23 18:46:20 · 558 阅读 · 0 评论 -
nestjs 新手入门第一章从入门到弃坑 解决运行中的启动错误
编译器其实告诉你权限,其实也是再坑你,实际上,可能跟你计算机有关系,你要么就是当时node文件建立有关系等,这个我们不谈,总之就是说,他的权限是让你右击vscode,这个时候,你想说,我用的是idea写代码,那一样操作就是了,总之就是右击软件给软件权限打开就完事了。可能你会遇到这个问题,就是说,输入运行说你端口被占用了,但是,你有时候明明好像杀死了进程,也解决不了办法,于是你开始上网解决办法,网上告诉你,包括编译器也是会告诉你管理员权限不够,让你解决权限问题,其实这是两个坑。所在位置 行:1 字符: 1。原创 2022-11-23 16:11:27 · 1737 阅读 · 0 评论 -
nest.js创建以及error相关问题
若要使用 Nest CLI 构建项目,请运行以下命令。这将创建一个新的项目目录,并使用核心的 Nest 文件和支撑模块填充该目录,从而为项目创建一个传统的基本结构。创建项目,也可以克隆一个 starter project(两者的结果是一样的)。请下载npm i -g @nestjs/schematics。直接再windows用管理员权限打开控制台进行创建。让你使用一个创建的命令,懂得都懂了吧。章节中继续采用这种方法。创建一个目录 例如nest。开始之前,你可以使用。那就是管理员控制台原因。原创 2022-11-17 12:21:25 · 3475 阅读 · 4 评论 -
nvm(node版本管理工具)下载及安装教程以及npm安装
文章目录一、下载nvm安装包二、安装nvm1.双击下载好的nvm安装包2.勾选同意,然后next下一步3.修改nvm和nodejs安装目录或者直接next4.安装,然后win+R输入cmd回车,然后输入nvm命令查看是否安装成功三、安装node四、配置淘宝镜像源五、安装npm1.下载2.将文件解压到版本对应的 node_modules目录下,改名成npm3.最后将npm文件夹里面的bin目录下的npm和npm.cmd两个文件复制一份到对应node版本的根目录下。4.查看是否安装成功转载 2022-11-09 09:24:41 · 14738 阅读 · 0 评论 -
svelte第四章 关于input状态选中详细讲解
input bind:group={tortila} value="Rice" on:click={hanlek} checked="true"> 错误。扩展啥呢,第一就是下标,如何取这么下标或者能取到什么东西得到哪些属性,以及注意事项!大家好,我是小鱼,这也是我的笔记,这是我的原创,学习可以,未经同意,禁止随意转载!其实这是对的,不过具体怎么玩,涉及到状态也就是e了,后台管理权限应该用到的更多。好了,今天就说到了这里了,拜了大家!按照官网的说法,这个叫做姐绑定。官网说了,支持多个属性进行绑定。原创 2022-10-14 21:54:57 · 805 阅读 · 0 评论 -
关于svelte补充媒体组件
复制代码去自己编译器中,进行播放就完事了。有的小伙伴们,可能媒体无法使用。当然,图片也是这样玩的。原创 2022-10-12 10:38:40 · 116 阅读 · 0 评论 -
svelte框架案例教学新手版本绑定事件(第二章)
官网:数据通常从父级流到子级。bind:指令允许另一种方式存在,即从子对象流向父对象,在大多数情况下用于绑定特殊标签。最常见的绑定反映其属性的值,例如input.value。我们来写一些这些案例,或者理解一些这些东西这是我们绑定的值,当然你可以在 let value='10'页面就可以显示这么一句话,请输入内容,好玩吧!另外就是,我们也可以说,我们可以通过这个去整原创 2022-10-11 22:02:17 · 406 阅读 · 0 评论 -
svelte前端框架新手教学(第一章)
与它们截然不同的是:Svelte 在构建时 将你的代码转为更优的 JavaScript,而不是在 运行时 才解释执行你的代码。这预示着你无需付出框架本身的性能成本,且首次加载也无额外性能损耗。你可以使用 Svelte 编写整个应用,也可以用来逐步重构现有代码,整半皆可;之前我们学了Vue这个框架,今天我们直接进入正题,我们把点击事件讲一讲,以前在Vue中会讲到@click="绑定时间名字"但是在这个框架,并不是的,我们看一下这个框架是啥,有啥用处,我们看官网的原话。好了,介绍就先到这里了,我们下期再见!原创 2022-10-11 20:10:23 · 675 阅读 · 0 评论 -
Invalid options object. Sass Loader has been initialized using an options object 解决方法
如果是data也是如此修改,这样可以顺利解决问题。原创 2022-09-13 20:09:33 · 3379 阅读 · 0 评论 -
关于js中迭代器的所有最详细的回答
迭代器(iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署iertator接口,就可以完成便遍历操作ES6创造了一种新的遍历命令 for…of循环,iterator接口主要供for…of消费原声具备iterator接口的数据(可用for…of循环)迭代器是一种特殊的对象,它具有一些专门为迭代过程设计的专有接口,所有的迭代器对象都有一个next()方法,每次调用都返回一个结果对象。结果对象有两个属性:一个是value,表示下一个将要返回的值;原创 2022-09-12 20:53:48 · 407 阅读 · 1 评论 -
组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法
第一种解决方法:修改组件名称为大驼峰,不要用系统中命令常见的名称。注意:修改完,如果还不行,就退出VsCode,再重新打开项目。//在rules中添加自定义规则。//关闭组件命名规则。当然,千万注意格式规范等!原创 2022-09-02 20:14:07 · 5048 阅读 · 3 评论 -
Mixed spaces and tabs no-mixed-spaces-and-tabs解决办法
2.然后到rules里,手动添加’no-mixed-spaces-and-tabs’,然后定义为0,关闭规则。1.找到配置文件:test目录下的.eslintrc.js文件。原创 2022-09-02 20:11:41 · 635 阅读 · 0 评论 -
The project seems to require yarn but it‘s not installed解决办法
只需要把yarn.lock在该项目删除。假设说,你遇到这个错了,那解决办法。原创 2022-09-02 20:10:19 · 798 阅读 · 0 评论 -
javascript二叉树相关的知识
作者我呢,在学这个之前,也是在学习了C语言的数据结构和算法的一些东西,然后我去看这个javascript,因为我感觉那个比较专业一点,好了,我们一起来看一下,什么是二叉树。介绍一下什么是树(tree),抽象一下,树是不是有很多节点,一棵树至少会有一个节点(根节点),// 如果新节点值大于当前节点值,则插入右子节点。// 如果新节点值小于当前节点值,则插入左子节点。如何用js代码写一个二叉查找树呢?// 查询树排序插入。...原创 2022-09-01 15:31:31 · 456 阅读 · 0 评论 -
认识Vue中的虚拟DOM
当然我这样的解释,未必是专业的,但是可以说是好理解的,毕竟我们也不想把东西搞得那么复杂,看的头痛难以理解,你才开心,主要是实际应用.好了,就到这里结束了。在这里我说一下,我并不是什么大佬,如果你们有什么自己想法,也可以把自己意见,写在评论区,废话不多说,我们来看问题,什么是虚拟DOM?我分开讲吧,我们这个映射关系,总是有一个关系是对应的,你比如说映射就是A 而B中有一个元素会和一一对应,缓存其实就是数据交互的缓冲区。什么是映射缓存,这里也讲详细一点,让你更一部了解一下。虚拟dom是一个js对象。...原创 2022-08-31 17:34:16 · 337 阅读 · 0 评论 -
内网穿透有关最靠谱理解
带来问题:啥叫内网穿透呢?我们知道网络呢,分为很多,比如外网和内网这么一种说法举个例子也许你就懂了,内和外其实是相对而论的,比如说我在A区192.168.0.1内网又称,是指在某一区域内由多台计算机以及网络设备构成的网络,比如校园网、政府网等,一般方圆几公里。我们常说的内网,从字面意思上来讲是区别于外网的,也就是说内网一般是用于局域网内部的计算机之间的互相通信,如果需要访问Internet,需要借助外网。1、覆盖的地理范围较小,只在一个相对独立的局部范围内联,如一座或集中的建筑群内;...原创 2022-08-31 10:32:04 · 376 阅读 · 0 评论 -
nextTick的原理
nextTick:根据官方文档的解释,它可以在 DOM 更新完毕之后执行一个回调函数,并返回一个 Promise(如果支持的话)有时候,我们可能你要获取图片的高度,但是你获取不到,在created里面,我们就可以用这个代码进行获取,等等。就是把你设置的回调放在 setTimeout 中执行,这样就算异步了,等待当时同步代码执行完毕再执行。nextTick 就是设置一个回调,用于异步执行。原理其实也是比较简单的。...原创 2022-08-29 15:20:15 · 598 阅读 · 0 评论 -
反转字符串中的单词
我写的是前端的javascript代码,有兴趣可以去做一做,看你们对这道算法题的掌握情况。,你需要反转字符串中每个单词的字符顺序,同时仍保留空格和单词的初始顺序。解题方法有很多,我提供一种傻瓜式的。...原创 2022-07-29 10:02:27 · 127 阅读 · 0 评论 -
文件下载js实现
以上是实现代码,是逻辑部分,可以参考,你可以根据你项目实际开发,进行编写。原创 2022-07-27 20:03:09 · 132 阅读 · 0 评论 -
浏览器引擎面纱揭秘
也称为JS解释器,用来读取网页中的JavaScript代码,对其处理后运行,比如Chrome浏览器的V8。我们可以直接使用三方库来生成AST,这里推荐两个库,一个是recast,一个是babel用到的Babylon。AST的作用不仅仅是用来在JavaScript引擎的编译上,我们在实际的开发过程中也是经常使用的,Vue-cli前端自动化工具等等,这些底层原理都是基于AST来实现的,AST能力十分强大,有树根,有树干,有树枝,有树叶.无论多小多大,都是一棵完整的树。V8是谷歌开源的JS引擎。...原创 2022-07-16 19:29:42 · 297 阅读 · 0 评论 -
用js代码写一套简单的家庭游戏系统
先上代码function girl(name,age,talk){ this.age=age this.name=name this.talk=talk this.saySprot=saySprot this.name1=name1 this.littree=littree this.xinxi=xinxi}// 修改年龄function saySprot(age){ if(age150) { console.log('修改年龄...原创 2022-07-03 23:07:22 · 716 阅读 · 0 评论 -
关于前端Vue3.js+ts的有关项目实战技术
首先我们在企业中往往开发中其实用到的八股文其实是不多的,虽然我只是说说吧,算法其实还是可以看看的,我来说几个比较实战且使用的案例,可能有的没有实际代码,但是你绝对遇到过1.我们开发某种说移动端,可能说看到的你喜欢的东西,其实我在研究这个东西,也是比较久了,我第一次好奇就是说,这个玩意到底是干啥的,我也问了几位大佬寻找到了答案比如说淘宝,你点击某个商品进去,可能遇到的可能就是下一次进来最离谱说,我喜欢的一大堆跟这个书有关系,那最离谱的不在这里,在我点击其它的APP移动端怎么也是....是我手机被监视了?其实大原创 2022-06-03 22:22:31 · 1109 阅读 · 0 评论 -
vue3+ts 封装倒计时hook 每日一题
依旧是建立一个ts文件import { onMounted, ref } from 'vue'export default function Intimed (nums:number) {const count = ref(nums)const timer = ref()onMounted(() => {timer.value = setInterval(() => {if (count.value原创 2022-06-03 21:51:50 · 747 阅读 · 0 评论 -
vue3+ts 自定义hook函数
首先在src下建立一个文件夹,命名:userhookhandle在文件夹下面建立usermousehandles.tsimport { onBeforeUnmount, onMounted, ref } from 'vue'export default function () { const x = ref(1) const y = ref(1) const clickhandler = (event:MouseEvent) => { x.value = event.pageX y.val原创 2022-06-03 09:03:44 · 809 阅读 · 0 评论