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