今年休产假的时候学习了next.js，然后用这个nodejs框架重构了我的粤语网站 https://shyyp.net homepage.png 网站以前叫粤K粤爱（现在改名叫羊羊粤语），是在2010...这次用node.js框架next.js写前后端，感觉还是挺爽的。前端的css库则用了tailwind。 首先，可以利用react处理复杂的逻辑。...呃，我的技术栈有向facebook全家桶发展的趋势啊～～ 因为用户能方便贡献内容，期待网站的内容会越来越丰富。 不过，这次改版，有一个巨大的失误。...就是，我手贱，换了用了十年之久的域名，以前的域名是ykyi.net。虽然，我按照谷歌的更换域名指引一步一步操作，但还是降了四分之一的搜索引擎流量。...虽然谷歌的官方指引说，按照指引做是可以把站点的权重移到新站上去的。我的经验表明，换域名还是得非常慎重啊，确实是SEO的恶梦～～
项目需要，我需要储备一些Node.js 相关的知识了，整体感觉是一件好事 背景 从前，我也写过前端，不过那会最多用到HTML5 +jQuery相关技术。...齐全 缺点：这里的苗太正了，【事件驱动、构建在V8引擎】等陌生词汇直接让我眼冒金星，这类词语就好比小时候父母对我们说的词汇，只有长大之后才会明白 面对这些陌生的内容，我并不是很担心（内心懵的一P），相信长大后会明白的...优点：教程内容简单明了，循序渐进，案例代码齐全 缺点：这是一个英文网站 （Tips: 看英文文档应该成为我们的必备技能之一） 不要被英文网站吓到，其实没什么陌生词汇，按照Node.js 教程 从头到尾撸了一遍...这个思维导图肯定不是标准的Node.js 学习内容，只不过是应对我本次基础的学习，后续的学习会不断对这个思维导图进行修正的 总结 你以为我们就可以彻底抛弃官网了吗？.../读书笔记/技术交流等，共同进步 隔三差五，我也会输出一些Node.js 相关的内容，你以为我喜新厌旧了？
这个也是让很多新手疑惑的match地方，觉得VScode能提示js呀。...2、项目是TS、JS混合开发或者纯JS开发，WebStorm对新手体验会好一点。当然还是建议两个都装，都用来做一两个项目再说。...WebStorm麻烦，同时提示起来也没有WebStorm体验好 3、WebStorm开发CocosCreator项目，只要把creator.d.ts文件放到项目中，就可以获得到CocosCreator的内容的提示了...如果是用laya或者白鹭，会需要配置一些相关的模块，但也是可以编译跟发布的。 4、使用智能提示会让编程能力降低吗？我还要靠做游戏维持生活，不是用来加速游戏上线的编程能力我是不会去提高的。...至于到底会不会~~我的答案是—— ?
前言 开发环境：development（不需要进行js压缩，不方便调试） 生产环境：production（正式发布上线，需要继续压缩） 一般项目中会有两个webpack配置文件，分别用于不同的环境要求...JS压缩插件uglify 1、安装 在webpack4之前，默认集成该插件，无需安装 在webpack4之后，需要独立安装 npm install uglifyjs-webpack-plugin -...-save-dev 另外，webpack4默认是生产环境，自带js压缩功能 如果要关闭，需要设置mode为development ?...image.png 3、执行webpack js文件大小由之前的24KB，缩小到了7KB，只有原来是三分之一 参考文章 webpack4.0关闭开发环境的代码压缩UglifyJsPlugin https...://blog.csdn.net/zhanglong_web/article/details/79618055 https://jspang.com/posts/2017/09/16/webpack3.
以下介绍js懒加载的两种方式： webpack4方式 React.lazy方式 webpack4方式 严格意义来说，这种方式是按需加载，只加载用到的js文件。...此处主要介绍使用动态导入（通过模块中的内联函数调用来分离代码）的懒加载。这种动态代码拆分的方式是webpack提供并推荐选择的方式。...namespace object(人工命名空间对象)，关于其背后原因的更多信息，请阅读 webpack 4: import() 和 CommonJs。...这样会将拆分出来的 bundle 命名为 lodash.bundle.js，而不是 [id].bundle.js。...总结 关于懒加载，除了以上两种方法之外，还可以使用插件的方式或者直接使用原生的 js 方式来实现。
1.浏览器执行js的简介 浏览器分为js引擎和渲染引擎 1.渲染引擎用来解析HTML与CSS ,俗称内核,比如chrome浏览器的blink ,老版本的webkit 2.JS引擎:也称为JS...是个啥❓ ECMAScript是由ECMA国际(原欧洲计算机制造商协会)进行标准化的- Hi ]编程语言,这种语言在万维网上应用广 泛,它往往被称为JavaScript或JScript ,但实际上后两者是...注：ECMAScript : ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。 2....今天的文章就到这里了，希望这篇文章对你有用，如果都看到这里啦，那可不可 ** 以动动发财的小手点一个大大的赞嘞 原 创 不 易 ， 还 望 支 持✨ 点赞：您的赞赏是我前进的动力！...收藏⭐：您的支持我是创作的源泉！ 评论✍：您的建议是我改进的良药！ 我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！
console.log(num+''); 在这张图片里我们能看到三种转换方式都成功的将10转换成为字符串了 注：如果不是字符串的话在控制台上显示的颜色不是灰色的 ②...这里将这四种方式的使用方法罗列了一下，可以自己试着进行相应的操作 注：parselnt和parseFloat单词的大小写 注：隐式转换是我们在进行算数运算的时候, JS自动转换了数据类型 （5）加法计算器案例...这里正好验证了上面那个问题。 （6）转换为布尔型 转换为布尔型就很简单啦！...console.log(Boolean('山鱼'));//true console.log(Boolean(12));//true 原 创 不 易 ， 还 望 支 持✨ 点赞：您的赞赏是我前进的动力...收藏⭐：您的支持我是创作的源泉！ 评论✍：您的建议是我改进的良药！ 我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！
流程控制 在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码 的执行顺序来实现我们要完成的功能。...,执行不同的路径代码(执行代码多选- -的过程 ) , 从而得到不同的结果 （2）双分支语句 双分支语句就要比单个的if语句要难一点了 可以产生两种不同的结果。...// (3) else if中间有个空格了 （1）成绩查询 var grade = prompt('同学，请输入你的成绩：') if(grade... 原 创 不 易 ， 还 望 支 持✨ 点赞：您的赞赏是我前进的动力！ 收藏⭐：您的支持我是创作的源泉！ 评论✍：您的建议是我改进的良药！...我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！
首先：你好，很高兴你可以看到我的文章，你可以叫我像素人，希望本篇文章可以给你带来帮助 今天来看一下JavaScript中的变量！ 声明变量的特殊情况 js-变量 为什么需要变量?...●量名尽量要规范,见名知意一 驼峰命名法 交换2个变量值的思路? ●区分哪些变量名不合法 js-数据类型 变量是用来存储值的所在处,它们有名字和数据类型。...注：js的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的 /*js的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的*/ var name;/...isNaN()这个方法用来判断非数字并且返回一 个值如果是数字返回的是false 如果不是数字返回的是true 原 创 不 易 ， 还 望 支 持✨ 点赞：您的赞赏是我前进的动力！...收藏⭐：您的支持我是创作的源泉！ 评论✍：您的建议是我改进的良药！ 我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！
首先咱们先来说一下他俩的区别switch，if else if 1.switch语句和if else if 语句的区别 Switch语句 switch语句也是多分支语句,它用于基于不同的条件来执行不同的代码...当要针对变量设置-系列的特定值 的选项时,就可以使用switch。...因为某些程序要重复执行，所以需要用到循环来进行解决 在Js中,主要有三种类型的循环语句: ●for循环 ●while 循环 ●do...while 循环 2.for循环语法结构 在程序中, 一组被重复执行的语句被称之为...classnum; } alert('总成绩为：'+sum) alert('平均成绩为：'+average) 原 创 不 易 ， 还 望 支 持✨ 点赞：您的赞赏是我前进的动力...收藏⭐：您的支持我是创作的源泉！ 评论✍：您的建议是我改进的良药！ 我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！
我还怎么相信光啊！')...我还怎么相信光啊！')...ul.removeChild(ul.children[0]); } } 1.2删除留言案例 在上篇文章中也实现了留言板的功能...3.1思路导向 ①使用js动态生成。...document.createElement ()高 我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！
str=str+'O'; } str = str+'\n'; } console.log(str); 小星星和小三角结束了，...③ while 循环语句中的条件表达式只要输入的不是“我爱吃”,就一直循环。 var message = prompt('你爱吃香菜吗？')...总结： 1.JS中循环有for、 while、do while 2.三个循环大多情况下都可以相互替代使用 3.如果是用来计次数,跟数字相关的，三者使用基本相同，但是for循环使用的更多一些 4.while...while执行次数不一样, do…wvhile 至少会执行一次循环体,而while可能一次也不执行 7、实际工作中,更常用for循环语句,它写法更简洁直观 原 创 不 易 ， 还 望 支 持✨ 点赞：您的赞赏是我前进的动力...收藏⭐：您的支持我是创作的源泉！ 评论✍：您的建议是我改进的良药！ 我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！
于是，申请了博客的js权限，美化美化我的博客。 好在js的语法像C系的，看了看，写个程序应该还是可以的。 .../所有的棋谱，这个数据结构是本文重点，后面讲 var qa; 画图用canvas,之前并未接触，一样，baidu上搜搜，知道了画圆、画线、画方块的办法，OK了，我画围棋说白了就是圆、线、方块组成。...鼠标的操作网上有太多的文章来讲，但讲的似乎又不清晰，不过反复调试，试验下，鼠标的支持还是没问题了。 ...放进去棋谱是个问题，这需要相对较大的数据量，我虽然只放20个棋谱，但是我的强迫症总觉得棋谱的数据多了。 ...最后贴了出去，可读性极差，不过代码小，如果我自己需要改动，就用原本的代码改动了。接下去想在此基础上搞个简易的AI，再看时间了。
/config')// 引入config目录下的index.js配置文件，主要用来定义一些开发和生产环境的属性 const vueLoaderConfig = require('..../vue-loader.conf')// vue-loader.conf配置文件是用来解决各种css文件的，定义了诸如css,less,sass之类的和样式有关的loader // 返回到dir为止的绝对路径.../src/main.js' }, // 配置webpack输出路径和命名规则 output: { path: config.build.assetsRoot, //path代表我们要输出的路径...filename: '[name].js', //filename: '[name].js'文件名，这个是用来打包后出的文件名，name就是入口文件前面的key值，此处是index和admin....和test目录下的js文件要使用该loader }, /* 对图片相关的文件使用 url-loader 插件，这个插件的作用是将一个足够小的文件生成一个64位的DataURL
更多开源作品请看 GitHub https://github.com/qq449245884/xiaozhi ，包含一线大厂面试完整考点、资料以及我的系列文章。.../legacy.cjs" } 具有传统回退的现代代码和 ESM 捆绑程序优化 除了定义回退 CommonJS 入口点，还可以使用 "module" 字段指向类似的传统回退捆绑包，但该捆绑包使用 JavaScript.../module.js" } 许多捆绑程序（如 webpack 和 Rollup）依赖该字段来利用模块特性和实现摇树优化。...webpack 从 webpack 5 开始，现在可以配置 webpack 在生成捆绑包和模块的代码时将使用的语法。这不会转换您的代码或依赖项，只影响由 webpack 生成的“粘附”代码。...'], }; 还可以将 webpack 配置为生成优化的捆绑包，当以现代 ES 模块环境为目标时，这些捆绑包会省略不必要的包装函数。
如果说这个例子里分类是八比二的话，那么只会有 20% 的用户终止了与公司继续接触，剩下 80% 的用户则会继续使用公司产品。 但问题是，这 20% 的用户流失可能对公司非常的重要。...精度 = 所有正确预测 / 全部预测 精度计算了所有预测中正确所占的比例，直觉告诉我们这么算确实没问题，可是到了不平衡数据集上，情况就变得复杂了…… 举例来说，你从市场部那边拿到了过去一年的客户流失情况数据...去年总共有十万的客户，其中有两万的客户流失了。现在，如果说我们预测全部的十万客户都留存到了年底，这就意味着你的精度是 80,000/100,000，足足有 80%！但实际上你一个客户流失都没有预测到。...因此，如果我们成功预测到了所有的二万用户流失，也就是两万的真正，但同时也有两万并没有流失的客户被模型混淆在了其中，那么这一点在精准度里也会有所体现： 没有假正：20,000/(20,000+0)= 100%...还是用之前的例子，如果我们成功预测出所有的流失客户，没有错过任何一个，那么我们将拥有： 没有假负：20,000/(20,000+0)= 100% 如果我们错估了五千的客户，那么召回率将下降，但计算式的分母不变
在本文中，你将发现 7 个简单而又棘手的 JavaScript 面试问题。 尽管这些问题看上去似乎比较随意，但它们涉及了 JavaScript 的重要概念。所以你最好在下次面试之前进行练习！ 1....但同时它也声明了 全局 变量 b。 在 foo() 或全局作用域中都没有声明变量 b。因此，JavaScript 将 b = 0 表达式解释为 window.b = 0。 ?...这个问题背后的故事 很久以前，当我面试第一份工作时，有人问了我这个问题。 在这次面试中，我在 1 小时内回答了 20 个编码问题。空语句问题也在其中。...当时急于解决问题，我没有看到在大括号 { 之前的分号;。所以我得出了错误的答案 [1、2、3、4]。 由于这种不公平的把戏，我有些失望。我问面试官，这种诡计背后的原因是什么？...重要的是要了解闭包在词法上捕获了变量 i 。 阶段2 第二阶段发生在 100ms 之后： 3 个固定的 log() 回调由 setTimeout() 调用。
/legacy.cjs" } 具有传统回退的现代代码和 ESM 捆绑程序优化 除了定义回退 CommonJS 入口点，还可以使用 "module" 字段指向类似的传统回退捆绑包，但该捆绑包使用 JavaScript.../module.js" } 许多捆绑程序（如 webpack 和 Rollup）依赖该字段来利用模块特性和实现摇树优化。...webpack 从 webpack 5 开始，现在可以配置 webpack 在生成捆绑包和模块的代码时将使用的语法。这不会转换您的代码或依赖项，只影响由 webpack 生成的“粘附”代码。...'], }; 还可以将 webpack 配置为生成优化的捆绑包，当以现代 ES 模块环境为目标时，这些捆绑包会省略不必要的包装函数。...您可以通过不同的 Babel 输出插件配置来传递各个捆绑包，从而生成不同的现代和传统捆绑包： // rollup.config.js import {getBabelOutputPlugin} from
我们将显式使用Webpack而不是Webpack Dev Server来捆绑所有JavaScript文件，重用以前的相同Webpack配置，还介绍了生产模式： { ......某人获得您的项目的副本后，该人可以执行npm run build以生成文件。_ Webpack source map Webpack捆绑了所有JavaScript源代码文件。...at bundle.js:87 如果单击发生错误的 sum.js 文件，则只会看到Webpack的捆绑输出。...此外，一旦单击 bundle.js 文件，您只会看到Webpack捆绑的JavaScript生产版本，其格式不是可读的。...，即使Webpack捆绑了所有JavaScript源代码也是如此。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
