qq_41093271的博客

vue挑战

vue3.2 到底更新了什么？1.SSR：服务端渲染优化。2.New SFC Features：新的单文件组件特性。3.Web Components：自定义 web 组件。4.Effect Scope API：effect 作用域，用来直接控制响应式副作用的释放时间(computed 和 watchers)。5.Performance Improvements：性能提升。一、变量、方法不需要 return 出来<template> <div class="home"&g

1.element ui组件库2.vant 移动端ui组件库3.animate.css 纯css动画库4.swiper 轮播图组件5.mescroll.js 滚动插件6.lodash.js 函数工具库7.day.js 时间库8.timeage.js 显示几秒前几个小时前时间库9.echarts 数据可视化10.Meditor.md 编写文件11.validator.js 表单验证12.vue-draggable 拖拽组件13.vue-qr 二维码14.vue-cropper 图片裁

1.element ui组件库2.vant 移动端ui组件库3.animate.css 纯css动画库4.swiper 轮播图组件5.mescroll.js 滚动插件6.lodash.js 函数工具库7.day.js 时间库8.timeage.js 显示几秒前几个小时前时间库9.echarts 数据可视化10.Meditor.md 编写文件11.validator.js 表单验证12.vue-draggable 拖拽组件13.vue-qr 二维码14.vue-cropper 图片裁

前言 前提：写好项目 买好服务器 vue项目上传到github 服务器安装git并拉取项目 一、具体流程购买服务器远程连接服务器安装docker服务基于docker安装nginx服务本地后创建vue项目 并上传git服务器安装git 并拉取代码服务器安装nodejs 并编译代码将编译后的静态文件放到nginx中二、实践1.安装docker服务百度安装 docker 大概需要十几分钟启动docker2.基于docker安装nginx// 看星最多的docker se

1.如何简单的防止你的程序被他人恶意调试2.逆向思维学会如何更好的调试一、具体实现防止调试的方法,这里我们主要是通过不断debugger的方法来疯狂输出断点,让控制台打开后程序就无法正常执行 我们都知道debugger只有在控制台被打开的时候才会执行,所以后面的所有方法都是围绕着这一特性来进行,废话不多说,我将通过以下几个案例向你们展示道高一尺魔高一丈的道理,先上代码:(() => { function block() { setInterval(() =&g.

什么是 eslint 可组装的javascript和jsx检查根据1.读入数据代码如下（示例）：data = pd.read_csv( 'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')print(data.head())该处使用的url网络请求的数据。

项目开始 在空目录下 npm init -y 新建一个src文件夹 新建一个index.html index.js一、webpack安装npm install webpack@5.42.1 webpack-cli@4.7.2 -D1. 新建webpack配置文件 webpack.config.js module.exports = { mode: 'development' }2.在packjson中添加命令 "scripts": { "dev": "webpack

项目场景：在Vue项目中使用Eslint+Prettier+Stylelint第一步搭建项目：首先搭建vue项目，lint选择ESLint + Prettier，配置方式选择In dedicated config files。项目搭建完成后，根目录下会自动生成一个.eslintrc.js文件，我们直接来看默认的配置这里extends是一个数组，数组第一个成员"plugin:vue/essential"表示的是：引入eslint-plugin-vue插件，并开启essential类别中的一系列规则

console一定是各位前端最熟悉的小伙伴了 有些网站还会在控制台输出一些有意思的东西，比如招聘信息，像百度的：也有一些网站可能不喜欢被人调试，只要打开控制台就自动进入调试模式，还是无限debugger的那种，最简单的实现方式如下：setInterval(() =>{ debugger}, 1000)console对象是由宿主环境提供的，如浏览器和nodejs，作为全局对象的一个属性，不需要通过构造函数创建，直接使用即可，console对象的__proto__指向的是一个空对象，

本文将按照出现的先后顺序总结 JavaScript for 循环的4种编写方式。阅读后，你可以像专家一样正确使用它们。1.C 风格的“三表达式” For 循环这是自 ECMAScript 3 (ES3) 以来可用的老式方法。我们可以用三表达式样式来编写 for 循环：var a = [1,2,3,4]for (var i =o; i<a.length; i++){ console.log(a[i])}不用说，这是一种经典的 C 风格方式。 如果我们愿意，我们可以一直使用这种时尚。 但

前言什么是less css预编译器 可以扩展css语言 允许变量 混合 函数 使css 更具维护性主体性 拓展性提示：以下是本篇文章正文内容，下面案例可供参考1.初见 less嵌套写法.ul { list-style:none; .li{ height:20px; a{ color:#fff; } }}2.正确使用less编译工具KoalawinLessCodeKit客户端调试首先引用.less文件 link引入 stylesheet/less

设置1.软件字体file - > settings -> Appearance2.编辑器字体file - > settings -> Editor鼠标滚轮字体3. file - > settings -> Editor -> general快捷键设置快捷键设置 可以自己设计file - > settings -> Keymap文件定位当不知道你当前的文件在哪里的时候 点击这个按钮快速定位控制台快捷键 ctrl+alt+

学习目标：学好 SQL语句下面推荐一个很好地网站：https://sqlbolt.com/虽然是英文但还是很好用 努力加油吧

文章目录书接上文1.行内代码与外部文件2.文档模式3.元素4.小结书接上文1.行内代码与外部文件虽然可以直接在 HTML 文件中嵌入 JavaScript 代码，但通常认为最佳实践是尽可能将 JavaScript 代码放在外部文件中。不过这个最佳实践并不是明确的强制性规则。推荐使用外部文件的理由如下。可维护性 javascript代码如果分散到很多的页面 会导致维护困难缓存 浏览器会根据特定的设置缓存所有外部链接的javascript文件，意味着如果俩个页面都用到同一个文件，则改文件只需要

文章目录HTML 中的 JavaScript一、< script>元素1.标签位置2.推迟执行脚本3.异步执行脚本4. 动态加载脚本5. XHTML 中的变化6. 废弃的语法HTML 中的 JavaScript本章内容：使用 < script>元素行内脚本与外部脚本的比较文档模式对javascript有什么影响确保javascript不可用时的用户体验一、< script>元素 JavaScript 插入 HTML 的主要方法是使用< scrip

提示：本系列文章为个人看红宝书的个人记录备忘前言提示：什么是javascript 1995 年，JavaScript 问世 主要用途是代替 Perl 等服务器端语言处理输入验证 在此之前，要验证某个必填字段是否已填写，或者某个输入的值是否有效，需要与服务器的一次往返通信如今，JavaScript 的应用也不再局限于数据验证，而是渗透到浏览器窗口及其内容的方方面面。1997 年，JavaScript 1.1 作为提案被提交给欧洲计算机制造商协会（Ecma）。第 39 技术委员会（TC39

前言提示：个人觉得CSS是每个前端开发人员都必须掌握的基础，以完成相应的交互和终端设备的响应。在项目开发中，有些容易被忽略的小问题带来项目后期的胶水代码。1.使用相对单位常我们在项目开发中，使用px作为尺寸的单位，而不是使用相对单位，如：rem、em等。在万物互联的时代，最好的方式是相对单位rem、vh、vw等现代 CSS 布局（如 flexbox 和 grid）方式，最大限度的支持各种终端设备绝对单位 px 是一个绝对单位，主要是因为它是固定的，不会根据任何其他元素的测量而改变相对单位 v

一般的方法此处也不列举了 本文中介绍了多种数组去重的方法，使用了较多的高阶方法及API，并给出相应解释及语法，还有其他多种组合调用方式，原理逻辑其实都差不多// 给定一个数组 let arr = [1,2,2,4,null,null,'3','abc',3,5,4,1,2,2,4,null,null,'3','abc',3,5,4]一、利用对象的 key 唯一众所周知，对象的key不可重复，否则后者将覆盖前者。利用该特性，实现数组去重，遍历数组，将数组的每一项做为对象的key值。// 给定

前言每个团队都需要一个统一的 JavaScript 代码规范，团队成员都遵守这份代码规范来编写代码Prettier 也可以保证代码风格一致。是的，Prettier 确实可以按照设置的规则对代码进行统一格式化，后面的文章也会有对应的介绍。但是需要明确的一点是，Prettier 只会在格式上对代码进行格式化，一些隐藏的代码质量问题 Prettier 是无法发现的，而 ESLint 可以一、基本使用流程1.基本流程基于业界现有的 ESLint 规范和团队代码习惯定制一套统一的 ESLint 代码规则