随笔分类 - WEB
摘要:css-loader css-loader 是一个 webpack 模块编译器,支持 CSS Modules . module: { rules: [ { test: /\.global\.css$/, use: [$style_loader, $css_loader] }, { test: /(?
阅读全文
摘要:创建实例 诚然,对于简单的GET和POST请求,只需要设置一个目标URL和对应的HTTP请求体即可: import axios from 'axios'; axios.get('http://192.168.0.150:80/about') .then(response => { console.l
阅读全文
摘要:示例代码 前端: 后端: 参考 https://stackoverflow.com/questions/21329426/spring mvc multipart request with json
阅读全文
摘要:跨域问题 即使Web容器或nginx代理中设置了Header: Access-Control-Allow-Origin: *,ajax还是被浏览器拦截,甚至无法抵达后端! 先来 https://www.cnblogs.com/develon/p/12788604.html 学习一下浏览器同源策略、C
阅读全文
摘要:相关术语 浏览器同源策略 同源策略禁止跨站点发起ajax请求,这时需要CORS技术。 CORS:跨域资源共享 CORS是一种网络浏览器的技术规范,它为Web服务器定义了一种方式,允许网页从不同的域访问其资源。而这种访问是被同源策略所禁止的。CORS系统定义了一种浏览器和服务器交互的方式来确定是否允许
阅读全文
摘要:gsap https://github.com/greensock/GSAP GSAP是一个JavaScript库,用于构建可在每种主流浏览器中使用的高性能动画。动画CSS,SVG,画布,React,Vue,WebGL,颜色,字符串,运动路径,通用对象... JavaScript可以接触的任何东西!
阅读全文
摘要:什么是Promise Promise中文意为"诺言",现在对它的历史解析开始了。 JavaScript是单线程的,调用函数执行一个异步操作的时候,通常会塞给这个函数几个callback回调函数,这个函数在未来自主选择在何时调用、调用哪个、传递什么参数。 那如果你不先确定好要如何编写这个callbac
阅读全文
摘要:Vuex 术语 调度一个动作:dispatch() action 提交一个变异: commit() mutation 安装 Vuex 状态管理: END
阅读全文
摘要:css样式 css加载器css loader 样式加载器style loader 以及Vue样式加载器vue style loader css loader会像import / require()一样解释css中的 @import 和 url() 代码并将解析它们。这很重要,因为你可以在css中导入
阅读全文
摘要:hash模式 & history模式 单页应用最强大的地方在于:虽然我们通过点击router link等方式令文档更新了,但是页面并没有被重新加载。 我们可以用这段代码观察页面有没有重新加载: 我们知道单页有两种路由模式,在实例化Router对象时指定路由模式: history模式下,如何保证页面不
阅读全文
摘要:提要 要动态挂载一个Vue组件Component,就必须实例化一个Vue对象,指定渲染函数和挂载位置。 而不能直接向document写入html代码的方式插入DOM,这不会触发Vue框架的渲染。 和挂载App一样: 其中h是 中的 。render其实应该这样写: 将 h 作为 createEleme
阅读全文
摘要:在配置文件中指定模块规则 webpack中一切都是模块,除了.js文件,所有模块都需要相应的loader进行打包导出为js对象才能使用。 通过向数组webpack.config.module.rulespush如下规则对象,就可以通过文件名设置loader规则。 rules: [ // test:文
阅读全文
摘要:JavaScript的多线程技术与传统编程语言多线程技术的区别 由于语言机制的限制,JavaScript中的线程之间难以共享内存(可以理解为JavaScript中的变量基本存储于线程栈中),这减少线程间的并发同步的问题,保证了JS线程的安全性。 Node.js不支持fork进程,与Unix系统调用f
阅读全文
摘要:前提 与浏览器DOM具有一致接口的JsDOM https://github.com/jsdom/jsdom 与jQuery有类似接口的CheerIO https://github.com/cheeriojs/cheerio 都可以做DOM操作 JSOM 文档:https://airbnb.io/en
阅读全文
摘要:单文件开发 .vue单文件开发依赖webpack的模块机制,将template、script、style封装在单文件中,代码的组织性和可复用性得到增强。 这个模块叫做"vue loader", "官方文档" 手动配置webpack 安装依赖 一次性下载: 编辑node项目配置文件package.js
阅读全文
摘要:文档 webpack中文网 https://www.webpackjs.com/concepts/ node.js必备插件 Babel: Babel is a JavaScript compiler. https://babeljs.io/ 第一步,使用snapd安装node.js 要在CentOS
阅读全文
摘要:水平、垂直居中 flex布局 浮动与清除 如果想把div作为一个元素任意放置,实现复杂的布局,就需要 属性。 但是浮动会将元素移出文档流,父元素无法包裹它,有以下几个方法可选择,而 可以将之后的元素还原,被清除的元素不会被提升到浮动元素的旁边。 要想强迫父元素包围其浮动的子元素,有三种方式: 为父元
阅读全文
摘要:let与var的区别 作用域的问题,let变量在子作用域中独立,而var变量只存在于父级作用域。 for (let i = 0; i < 3; i ++ ) { setTimeout(() => { console.log(i) }, 200); // 0 1 2 } i // undefined
阅读全文