zl399615007-CSDN博客

原创 create-react-app如何开发多页应用

用构建工具create-react-app初始化的项目默认是单页应用，即整个项目只有一个入口文件和出口文件。但是在实际工作中，由于业务的需求，需要多页面应用，这里记录一下如何修改create-react-app的默认配置来满足多页应用的开发。1、在项目下执行yarn run eject(npm run eject)此命令对项目工程是不可逆的，且只能执行一次。运行后，package.js会被...

2018-07-19 15:46:19 4800

原创 ppt转换成H5功能总结

记录一下在作业帮工作期间的一个功能需求（在线课件系统：https://kejian.zuoyebang.cc/miscourseware/#/cloud）功能整体不复杂，对前端来说主要的难点在于数据的转化处理，所以前期花了2天时间专门和端对接转化协议，下面从整个操作流程来详细记录。1、上传ppt。使用了el-upload组件和el-progress组件。上传组件监测:be...

2019-04-25 12:24:15 6106 6

原创防抖和截流

窗口的 resize、scroll,输入框内容校验等操作时，如果这些操作处理函数较为复杂或页面频繁重渲染等操作时，如果事件触发的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少触发的频率，同时又不影响实际效果。节流(throttle)概念理解：固定函数执行的速率。使用场景：DOM事件绑定，短时间内触发...

2018-11-28 14:23:30 5795

转载 vue-cli webpack配置分析

说明此为vue-cli webpack的配置分析，其实只是在源码中加上注释而已。大家查看详细分析，可以从后面提到的入口文件开始查看。分析不包括check-versions.js文件，因为check-versions.js是检测npm和node版本，不涉及webpack，所以就没有对check-versions.js进行分析。同时，也不包括测试部分的代码，该分析只是针对开发和生产环境的web...

2018-11-27 15:49:04 353

原创 vue-cli配置多页面项目

背景：vue-cli版本3.0 省略初始化项目；默认的App.vue和index.html文件可以删掉页面结构如上图，新加的home可以不要，注意下面的文件路径就行接下来修改配置文件：1、修改build/utils.js/* 这里是添加的部分 ---------------------------- 开始 */// glob是webpack安装时依赖的一个第三...

2018-11-27 12:27:06 379

原创强制缓存（200）和协商缓存（304）整理

1、浏览器缓存浏览器第一次打开一个网页获取资源后，根据返回的header信息来告诉如何缓存资源。浏览器第一次请求：浏览器后续请求时：浏览器在请求某一资源时，会先获取该资源缓存的header信息，判断是否命中强缓存（cache-control和expires信息），若命中直接从缓存中获取资源信息，包括缓存header信息，本次请求就不会与服务器进行通信。如果没有命中强缓...

2018-11-26 12:30:08 14239 3

原创 promiseA+规范及实现

Promise表示一个异步操作的最终结果。与Promise最主要的交互方法是通过将函数传入它的then方法从而获取得Promise最终的值或Promise最终被拒绝（reject）的原因。1.术语promise是一个包含了兼容promise规范then方法的对象或函数,thenable是一个包含了then方法的对象或函数。value是任何Javascript值。 (包括 undefined...

2018-11-26 12:10:44 1191

原创微信jssdk支付流程及配置

jssdk支付流程获取签名import wx from 'weixin-js-sdk'/*获取微信配置文件*/export const wxConfig=(fn)=&gt;{ let config = { debug: false, appId: '', timestamp: 0, nonceStr: '', signature: '', ...

2018-11-26 12:02:40 1009

原创 react-redux的使用

首先 Redux和react-redux不是一个东西。 - Redux是一个有用的架构，它用来管理状态。我们可以在react\vue\jquery项目里运用它。文档地址 - react-redux是Redux作者专门为react封装的库，它在react项目中提供了便利，但是需要掌握额外的APIUI组件class Counter extends Component { ren...

2018-07-24 18:02:13 167

转载 nodejs入门基础实例

一个完整的基于node.js的web应用用例：用户可以通过浏览器使用我们的应用。当用户请求http://domain/start时，可以看到一个欢迎页面，页面上有一个文件上传的表单。用户可以选择一个图片并提交表单，随后文件将被上传到http://domain/upload，该页面完成上传后会把图片显示在页面上。为实现上述功能创建4个js文件：index.js、server.js、...

2018-07-19 15:49:22 4262

zlong的博客