随笔分类 - 前端学习
摘要：1、解决方案 链接写全就能访问到 success
阅读全文
摘要：1 项目右键重新识别项目类型 2 运行成功
阅读全文
摘要：1丶这个错 因为 代码 格式 不满足 这个 eslint 的规范 2丶 解决方案 1丶注掉 .eslintrc.js 里的 '@vue/standard' (我试了 八太行) 2丶 简单粗暴 直接干掉package.json 里面的 eslint 全部删掉 重启：yarn serve success
阅读全文
摘要：一、服务端渲染技术NUXT 1、什么是服务端渲染 服务端渲染又称SSR (Server Side Render)是在服务端完成页面的内容，而不是在客户端通过AJAX获取数据。 服务器端渲染(SSR)的优势主要在于：更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。 如果你的应用程序
阅读全文
摘要：一、什么是Webpack Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。 二、Webpack安装
阅读全文
摘要：一、简介 Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行执行。 这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。 二、安装 安装命令行转码工具 Babel提供babel-cli工具，用于命令行转码。它的安装命令如下： npm instal
阅读全文
摘要：一、简介 1、什么是NPM NPM全称Node Package Manager，是Node.js包管理工具，是全球最大的模块生态系统，里面所有的模块都是开源免费的；也是Node.js的包管理工具，相当于后端的Maven 。 2、NPM工具的安装位置 我们通过npm 可以很方便地下载js库，管理前端工
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：1，文件 => 首选项 => 用户代码片段 => 新建全局代码片段/或文件夹代码片段：vue-html.code-snippets 2，注意：制作代码片段的时候，字符串中如果包含文件中复制过来的“Tab”键的空格，要换成“空格键”的空格 { "vue htm": { "scope": "html",
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：<html> <head> <title>ES6-箭头函数</title> </head> <body> <script> // 箭头函数提供了一种更加简洁的函数书写方式。基本语法是： //参数 => 函数体 //单个参数情况 { //传统写法 var f1=function(a){ return
阅读全文
摘要：<html> <head> <title>ES6-对象扩展运算符</title> </head> <body> <script> // 1、拷贝对象 { let person1 = { name: "Amy", age: 15 }; let someone = { ...person1 }; con
阅读全文
摘要：<html> <head> <title>ES6-声明对象和方法</title> </head> <body> <script> //定义变量， { //下面效果是一样的 ，看起来 es6更加简洁 const age = 12; const name = "Amy"; // 传统 const per
阅读全文
摘要：<html> <head> <title>ES6-模板字符串</title> </head> <body> <script> //1，模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。 { let Strings = `he
阅读全文
浙公网安备 33010602011771号