OrangeChenZ的博客

前端架构的理解

瀑布流npm i vue-waterfall2@latest --saveVue CLI 3 自适应解决方案cnpm i amfe-flexible -S配置amfe-flexible//.main.jsimport Vue from 'vue'import App from './App.vue'import router from './router'import 'amfe-flexible'Vue.config.productionTip = falsenew Vu.

箭头函数(param1, param2, ..., paramN) => expression//相当于：(param1, param2, ..., paramN) =>{ return expression; }// 当只有一个参数时，圆括号是可选的：(singleParam) => { statements }singleParam => { statements }// 没有参数的函数应该写成一对圆括号() => { statements }箭头函

web图片优化技巧文章目录web图片优化技巧为什么要对图片进行优化从图片大小开始优化图片按需加载减少请求压力友好展示未加载时空白响应式图片的实践响应式图片的实践-media安全地使用WebP图片如何兼容WebP对Base64Url 的反思为什么要对图片进行优化对于大多数前端工程师来说，图片就是ued(或者自己) 切好的图，你要做的只是把图片丢进项目中，然后用链接的方式呈现在页面上，而且我们也经常把精力放在项目的打包优化构建上，如何分包，如何抽取第三方库… 有时我们会忘了，图片才是一个网站最大头的那块加

npm install --global --production windows-build-toolshttps://zhuanlan.zhihu.com/p/25890814http://itindex.net/detail/52929-chrome-%E5%BC%80%E5%8F%91-%E5%B7%A5%E5%85%B7https://www.cnblogs.com/xieqianli/p/12619886.html

背景：VUE+antdesign(级联选择器)；控制台警告：[Vue warn]: Invalid prop: custom validator check failed for prop “options”Cascader-children孩子为空，显示有空白项官方代码<template> <a-cascader :options="options" placeholder="Please select" @change="onChange" /></te

卸载node之前请node -v 查看一下现在的版本，记住这个版本，切记切记！！！！！控制面板中卸载node.；卸载已安装过的NVM；没装过NVM的就仅仅卸载node去环境变量里面看一下有没有跟nvm和node相关的东西了，有的话全删了，主要看的是用户变量和系统变量里面的PATH链接：nvm安装包内置node6和node14里面包含了nvm安装包，内置了node14和node6，npm也在里面了，是64位的。打开nvm-setup，先安装nvm（也可以自己百度资源下载）安装过程中有两个安装路

option = { title: { text: '影响程度Top5', left: 'left', top: '10', textStyle: { fontSize: '14', color: '#8aeafd' } }, .

你不知道的JS（上）本文是借鉴《你不知道的JS》这本书的内容的。也就是自己对这本书每章节的分解，标注了重点，更容易理解。第一部分 作用域和闭包第一章 作用域1.1 编译原理JavaScript 归类为“动态” 或“解释执行” 语言， 但事实上它是一门编译语言。“编译”分詞/詞法分析这个过程会将由字符组成的字符串分解成（对编程语言来说） 有意义的代码块， 这些代码块被称为词法单元（token）。例如， 考虑程序 var a = 2;。 这段程序通常会被分解成为下面这些词法单元： var

getBadWeatherChart() { const that = this; let option = { tooltip: { // 鼠标移入的住 trigger: 'item', backgroundColor: '#fff', ...

this.circleChart = { tooltip: { trigger: 'item', backgroundColor: '#fff', textStyle: { color: '#666', ...

let seriesData1 = [ { value: 12, name: '连续降雨14天' }, { value: 34, name: '夏连续降雨14天' }, { value: 23, name: '秋连续降雨14天' }, ...

问题：Failed to load resource: net::ERR_CONNECTION_REFUSED这个问题我是因为后端服务没有启动，报错的；跨域问题：Access to XMLHttpRequest at ‘http://localhost:9090/guidance/findGuidancePage’ from origin ‘http://localhost:8000’ h...

意思是：用于父组件向子组件传递“标签”，以前传的都是叫数据。占位本来是空的，现在我往里面传什么，里面就有什么；举个例子，还拿我资源里面的todolist来改。（todolist我上传了三个版本，地址：https://download.youkuaiyun.com/download/orangechenz/10837860）现在改的是脚手架版本的。子组件插槽占位：父组件插槽：通过slot来插入，sl...

jquery-1.8.0.min.js:2Access to XMLHttpRequest at ‘file:///%E8%B5%B5%E6%99%A8%E5%AD%90/ceshi.json’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for prot...

我是用的是vscode，所以一般命令都在这敲，你用cmd也是一样的。本篇文章默认你已经会使用npm，不会的自行百度，或者换一句话说，你还没到这一步~还是一步一步慢慢学吧。夜深人静最适合敲代码，原谅程序员小姐姐也许在内容上有很多欠缺，毕竟小姐姐是主攻后端，才开始接触前端，所以不介意批评。不说废话，进入正文；1.说明你可以这样：1）vue-cli 是 vue 官方提供的脚手架工具2) gi...