随笔分类 - 前端
摘要：input标签 input文件及多文件标签: <input type="file" value="选择文件"></input> <input type="file" multiple="multiple" value="选择多个文件"></input> FileReader 以及 FileReade
阅读全文
摘要：# 前言 大前端目前发展处于高度自动化中, `webpack-dev-server`这样的工具提供了向HTML注入一段监听`WebSocket`的JavaScript代码来实现前端界面的热加载. 但是对于electron主进程`electron-main`来说, 实现这种代码修改立即重启进程的功能是
阅读全文
摘要：状态 UI无非就是应用程序的状态的一种表现形式. 我们已经了解ReactDOM.render()函数可以挂载或局部更新DOM, 但是我们需要一种更精妙的方式. 第一种方式: 渲染并重绘整个根节点 每当应用程序状态有任何更新, 我们就刷新一次根节点, 这样是可以的, 毕竟React只会更新变化的节点,
阅读全文
摘要：文档 react-dom(提供了可在应用顶层使用的DOM（特定于DOM）方法): https://zh-hans.reactjs.org/docs/react-dom.html 组件: https://zh-hans.reactjs.org/docs/components-and-props.htm
阅读全文
摘要：安装 wget https://raw.github.com/jonobr1/two.js/master/build/two.js wget https://raw.github.com/jonobr1/two.js/master/build/two.min.js npm install -D tw
阅读全文
摘要：模块标准: CommonJS、AMD、CMD、ES6 Module CommonJS是Node.js原生支持的模块标准. 使用module.exports和require()函数. AMD和CMD比较相似, AMD的实现有require.js, CMD的实现有Sea.js. ES6 Module引入
阅读全文
摘要：使用环境变量 --env.customVar 或 --env.customVar=value 当配置导出的对象是一个函数时,webpack命令中的--env.VARIABLE参数将合并为一个变量传入该函数,并使用该函数返回的对象作为配置. module.exports = (env, argv) =
阅读全文
摘要：前言 原型链初步 一个对象a会有一个__proto__属性指向另一个对象b, 当然, 如果这个对象b不为null, 那么它还会指向另一个对象c, 如此一来就形成了一条"原型链". a.__proto__ => b, b.__proto__ => Object.prototype, Object.pr
阅读全文
摘要：Popper 解决绝对定位中的相对定位问题, 对于悬浮提示框等用途非常有用. let a = $($('.ly-button')[0]); const TIP = $($('#tip')[0]); a.on('mouseover', event => { new Popper(event.targe
阅读全文
摘要：示例代码 前端： 后端： 参考 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系统定义了一种浏览器和服务器交互的方式来确定是否允许
阅读全文
摘要：协议 流实时消息协议（RTMP），Apple HTTP Live Streaming（HLS）和基于HTTP的动态自适应流（DASH）视频格式。 安装nginx rtmp模块 插件模式安装： Put the load_module directive in the top‑level (“main”
阅读全文
摘要：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中导入
阅读全文
摘要：滤镜 grayscale(%)：灰阶度 使用前 使用后 动画 transition: 过渡动画 鼠标悬停查看变化 鼠标悬停查看变化 布局 z index 该属性除非必要，否则最好不要使用。具有层次的布局通常都可以使用position定位来完成，层次与html结构相同。 END
阅读全文
摘要：hash模式 & history模式 单页应用最强大的地方在于：虽然我们通过点击router link等方式令文档更新了，但是页面并没有被重新加载。 我们可以用这段代码观察页面有没有重新加载： 我们知道单页有两种路由模式，在实例化Router对象时指定路由模式： history模式下，如何保证页面不
阅读全文
摘要：提要 要动态挂载一个Vue组件Component，就必须实例化一个Vue对象，指定渲染函数和挂载位置。 而不能直接向document写入html代码的方式插入DOM，这不会触发Vue框架的渲染。 和挂载App一样： 其中h是 中的 。render其实应该这样写： 将 h 作为 createEleme
阅读全文
浙公网安备 33010602011771号