nginx 适配react-router browserRoute 路由问题
本文环境比较复杂，首先两层nginx转发，并且访问路径也不是根路径。加上对nginx一知半解，各路搜索一看，全程懵逼。最终没有一个能用的。最后还是靠同事帮助，文档大法结束加班。本文知识点：location优先级，nginx资源文件寻找方式，rewrite重定向问题。 location优先级=开头表示精确匹配^...
Webpack require.context() 前端工程化之动态导入文件
随着项目越来越大，业务需要越来越多，我们项目的目录层级也是非常的多。如果还是通过import分别引入文件，那是非常的不科学的。比如vue项目vuex文件非常多：importVuefrom'vue';importVuexfrom'vuex';Vue.use(Vuex);importuserfrom'./stores/us...
webpack 从入门到放弃
随着前端项目复杂程度越来越高，依赖也越来越多，为了提高项目中代码的可复用性，前端开始提出模块化开发的思路，前端模块化会有以下几个痛点：命名冲突文件依赖代码复用模块化，会将相关的代码封装成一个package包的文件，当需要的时候，直接拿来用即可(import引入)。至于相关文件的直接依赖如何处理，webpack会帮我们解...
Vue.js watch监视属性
这个属性用来监视某个数据的变化，并触发相应的回调函数执行 1.基本用法(1)添加watch属性，值为一个对象。对象的属性名就是要监视的数据，属性值为回调函数，每当这个属性名对应的值发生变化，就会触发该回调函数执行(2)回调函数有2个参数：newVal：数据发生改变后的值oldVal：数据发生改变前的值varv...
webpack是什么？
从前的代码书写方式在 html 文件里使用script标签引入各个 JavaScript 文件。<!--index.html--><html><body><scriptsrc="./header.js"></script>...
为什么使用 document.write 需要将</script>拆分开？
细心点的朋友可能会注意到，有些网站使用document.write动态加载js的时候需要把</script>拆分开来写？如下面的例子所示：<scripttype='text/JavaScript'>if(typeofwindow['jQuery']=='undefined')document.w...
JavaScript中Switch语句的使用方法
除了if...else之外，JavaScript还有一个称为switch语句的功能。switch是一种条件语句，它将针对多种可能的情况评估表达式，并根据匹配的情况执行一个或多个代码块。switch语句与包含许多其他if块的条件语句密切相关，并且它们通常可以互换使用。在本教程中，我们将学习如何使用switch语句，以及如...