
前端
文章平均质量分 68
小简(JanYork)
不告诉你,就不告诉你,嘿嘿!
展开
-
前端项目启动报错:config buildwebpack.dev.conf.js
启动成功,说明之前端口地址,可能被占用,尝试修改启动端口,或者kill占用此端口的线程。所以说有些教程就挺害人的,当然,一般搞前端也知道这些是错的,就怕不懂的。的版本,吐槽一下,网上很多命令就不对,比如下面这个教程,我截了个图。然后,卸载原来的webpack、安装对应版本webpack。如果不行,那我也不知道了,请参考浏览器吧。这种情况下报错,一般呢,是有3种情况。地址设置的是服务器的地址啥的也有可能。映射关系,需要修改本机host文件。地址无效,尝试修改一个不常用端口号。,如果能够启动成功,说明本机。原创 2022-10-24 17:11:54 · 4705 阅读 · 1 评论 -
实战篇之前端开发时,突破文字最小限制
我们出现一个问题,我们原来是靠左紧贴着的,而我们的这个缩小,他是针对中心缩小的,那怎么办呢?,那我们在做移动端响应式变化时,文字肯定也要相对缩小一些,所以呢,我就将他设置为。那仔细想想,我们既然不能调节大小,那我们还可以怎么样让他看起来变小呢?那此时,这个样式已经是生效了,但是看看这个字体,他并没有任何变化!那有人就说了,这是用户的事情,关我们前端开发什么事?大家好,我是小简,今天遇到一个需求,如下。这是因为我们浏览器,他有一个最小字体限制。日常开发是灵活的,保持变通,积攒经验。这期完了,下期再见。原创 2022-10-21 11:22:03 · 1283 阅读 · 0 评论 -
Vue脚手架创建TS项目
预处理选项,他会在后面一步让你选则对应扩展语言的预处理器。的基础上,设计了泛型、对象、继承、数据类型等等。的一个超集 正常开发的时候 你只需要使用。的强大吸引了许许多多的前端开发者学习使用。风格代码,除了用到ts的语法,还用到了。,比如严格的数据类型,严格的格式等等。风格的 typescript 代码。,是前端一个非常强大的语言超集,基于。,这个就不解释了,用过路由的都知道。在我们开发中,报错非常高,因为。选项是默认给你选中的,必要的。,里面基本不需要去自己定义了。一起用于自动检测,我选择Y。...原创 2022-08-29 09:44:59 · 3823 阅读 · 0 评论 -
TypeScript(node)连接使用MySQL(JavaScript也一样)
node的mysql包可以帮助我们使用JavaScript来连接mysql。原创 2022-08-29 09:44:42 · 2578 阅读 · 0 评论 -
一文搞懂浅拷贝与深拷贝到底有什么区别
Java、JavaScript、Python等等,都是有这个概念的!JS来演示了。原创 2022-08-29 09:44:11 · 370 阅读 · 0 评论 -
深入浅出,带你看懂Vue组件间通信的8种方案
Vue种组件通信的情况有多种,总结有以下4种情况:父子组件间通信兄弟组件间通信祖孙后代间通信无关系组件间通信。原创 2022-08-29 09:43:37 · 1138 阅读 · 0 评论 -
用原生JavaScript写一个贪吃蛇
我的博客看到掘金上有这样一种效果,感觉很好看,就是那种毛玻璃效果,于是想试试写一个登录页面并且实现遮罩,但是写成了开始游戏,可是光一个开始游戏也没意思,干脆写一个小游戏吧,直接试试贪吃蛇。这是我中部分的代码,是主体,也就是游戏场地。是开始游戏的界面,我再这个盒子里面实现了毛玻璃遮罩,还不错。然后下面那个盒子就是蛇了。如果你也想试试毛玻璃遮罩效果,可以看看我的。直接看代码吧。首先,我们先定义好全局变量,做好准备。速度是计时器控制的。接下来,我们创建一个方法,,这是蛇整个的构造方法。我再这个方法里面原创 2022-06-02 16:01:24 · 6378 阅读 · 13 评论 -
JavaScript中的钩子(钩子机制\钩子函数\hook)是什么?
我的博客https://www.ideaopen.cn/首先,看到我们的标题:JavaScript中的钩子(钩子机制\钩子函数\hook)是什么?我们前端的JavaScript中,经常提到钩子,毋庸置疑,那这个东西肯定也尤为重要。但是有点前端入门不久,很疑惑,这个钩子到底是什么呢?首先,我们的钩子,钩子机制,钩子函数,hook,都是同一个概念。钩子(HOOK)?对于Windows系统,它是建立在事件驱动机制上的,说白了就是整个系统都是通过消息传递实现的。hook(钩子)是一.原创 2022-05-25 15:05:34 · 1392 阅读 · 0 评论 -
VUE-一个渐进式的JavaScript框架
我的博客https://www.ideaopen.cn/渐进式?Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。这句话你可能并不陌生,但你未必真正读懂了它。 我们注意到这句话中有一个被作者高亮的词语—渐进式框架,其实明白了这个词语的意思,也便读懂了这句话,从而也就理解了Vue的核心理念。那么渐进式框架究竟是什么意思呢?什么是框架,什么是库?为了应对以上问题,开发人员重新梳理了代码的组织结构,把JS代码划分为三个板块,数据(M)、视图原创 2022-05-25 14:57:24 · 475 阅读 · 0 评论 -
JavaScript函数篇之ES6箭头函数与匿名函数
我的博客https://www.ideaopen.cn/匿名函数setTimeout(function() { console.log("This message is shown after 3 seconds");}, 3000);看这样一段代码,我们平常定义一个函数,至少会给他一个函数名。但是,我们这里的function()没有名字。这也行???当然可以,我们称这种函数为匿名函数,顾名思义,没有名字。箭头函数在ES6版本中,JavaScript加入了...原创 2022-05-23 20:31:33 · 464 阅读 · 0 评论 -
JavaScript闭包从概念、原理到应用
我的博客https://blog.ideaopen.cn/何为闭包?闭包的概念:有权访问另一个函数作用域中的变量的函数;一般情况就是在一个函数中包含另一个函数。从官方定义我们知道闭包是一个函数,只不过这个函数有[特殊权限],可以访问到另一个函数的作用域。特殊权限?因为我们知道函数作用域是独立的、封闭的,外部的执行环境是访问不了的,但是闭包具有这个能力和权限。我们先来看一段普普通通的函数。控制台输出结果:123再来看一段局部变量的代码:控制台输出结...原创 2022-05-23 20:28:23 · 654 阅读 · 4 评论 -
如何深度理解JavaScript的回调函数
我的博客首先,回调函数这个概念,他是JS中的一个核心。作为JS的核心,回调函数和异步执行是紧密相关的,也是必须跨过去的一道个门槛。当然,我们这篇文字只谈回调,不说异步。对象?JavaScript有对象嘛?我们知道,JavaScript他不是一个面向对象语言,但是,我们的JavaScript是一个基于对象的脚本语言。啥意思,也就是基本上,JavaScript里面的函数啊,变量啊,这些都是一个对象,当然这个概念不是像面向对象语言那样。回调?看这张图,是一个简单的回调函数,原创 2022-05-23 20:24:17 · 601 阅读 · 0 评论 -
img标签中的srcset属性有什么用?
我的博客https://blog.ideaopen.cn/img元素的srcset属性用于浏览器根据宽、高和像素密度来加载相应的图片资源。也就是说,我们不需要使用JavaScript也可以实现分辨率自适应。当然,仅限于图片,也就是img标签。属性格式:图片地址 宽度描述w 像素密度描述x,多个资源之间用逗号分隔。像这样就可以表示浏览器宽度达到800px则加载middle.jpg达到1400px则加载big.jpg。注意:像素密度描述只对固定宽度图片有效。img元素的 si原创 2022-05-23 20:20:17 · 2605 阅读 · 0 评论 -
HTML属性crossorigin和integrity有什么用
我的小站https://www.ideaopen.cn/在引入许多官方的CDN静态库时,会发现我们引入的script中,不单单只有src属性,还有crossorigin和integrity属性。那这个东西,如果是我们本地的资源库,我们肯定是没有的。那这两个属性是干嘛的呢?crossorigin属性在HTML5中,一些 HTML 元素提供了对CORS的支持。我先解释一下CORS是啥?相当于是给我们服务器一个白名单,让他不会拦截我们的静态资源。支持CORS请求的浏览器一..原创 2022-05-23 19:58:29 · 935 阅读 · 0 评论 -
For循环中,只能`i++`或者`++i`吗?
首先看这样一段代码。运行后在页面显示是这样的。但是我想一次性+2,而i++只能累加1,于是我改成了这样。var count=0;var count1=1;for(var i=1;i<=99;i+2){ count+=i;}document.write("1~99中的奇数的和是"+count); 但是浏览器的状态一直刷新,没有内容。很明显,这是死循环了,但是不应该啊,难道是i+2的问题?于是搜索过后,恍然大悟。因为i++,是有自加功能的,它的含..原创 2022-05-20 16:51:34 · 2903 阅读 · 4 评论