- 博客(10)
- 收藏
- 关注
原创 create-react-app如何开发多页应用
用构建工具create-react-app初始化的项目默认是单页应用,即整个项目只有一个入口文件和出口文件。但是在实际工作中,由于业务的需求,需要多页面应用,这里记录一下如何修改create-react-app的默认配置来满足多页应用的开发。1、在项目下执行yarn run eject(npm run eject)此命令对项目工程是不可逆的,且只能执行一次。运行后,package.js会被...
2018-07-19 15:46:19 4838
原创 ppt转换成H5功能总结
记录一下在作业帮工作期间的一个功能需求(在线课件系统:https://kejian.zuoyebang.cc/miscourseware/#/cloud)功能整体不复杂,对前端来说主要的难点在于数据的转化处理,所以前期花了2天时间专门和端对接转化协议,下面从整个操作流程来详细记录。1、上传ppt。使用了el-upload组件和el-progress组件。上传组件监测:be...
2019-04-25 12:24:15 6158 6
原创 防抖和截流
窗口的 resize、scroll,输入框内容校验等操作时,如果这些操作处理函数较为复杂或页面频繁重渲染等操作时,如果事件触发的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少触发的频率,同时又不影响实际效果。节流(throttle)概念理解:固定函数执行的速率。使用场景:DOM事件绑定,短时间内触发...
2018-11-28 14:23:30 5818
转载 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 373
原创 vue-cli配置多页面项目
背景:vue-cli版本3.0 省略初始化项目;默认的App.vue和index.html文件可以删掉页面结构如上图,新加的home可以不要,注意下面的文件路径就行 接下来修改配置文件:1、修改build/utils.js/* 这里是添加的部分 ---------------------------- 开始 */// glob是webpack安装时依赖的一个第三...
2018-11-27 12:27:06 385
原创 强制缓存(200)和协商缓存(304)整理
1、浏览器缓存浏览器第一次打开一个网页获取资源后,根据返回的header信息来告诉如何缓存资源。浏览器第一次请求:浏览器后续请求时:浏览器在请求某一资源时,会先获取该资源缓存的header信息,判断是否命中强缓存(cache-control和expires信息),若命中直接从缓存中获取资源信息,包括缓存header信息,本次请求就不会与服务器进行通信。如果没有命中强缓...
2018-11-26 12:30:08 14284 3
原创 promiseA+规范及实现
Promise表示一个异步操作的最终结果。与Promise最主要的交互方法是通过将函数传入它的then方法从而获取得Promise最终的值或Promise最终被拒绝(reject)的原因。1.术语promise是一个包含了兼容promise规范then方法的对象或函数,thenable是一个包含了then方法的对象或函数。value是任何Javascript值。 (包括 undefined...
2018-11-26 12:10:44 1198
原创 微信jssdk支付流程及配置
jssdk支付流程获取签名import wx from 'weixin-js-sdk'/*获取微信配置文件*/export const wxConfig=(fn)=>{ let config = { debug: false, appId: '', timestamp: 0, nonceStr: '', signature: '', ...
2018-11-26 12:02:40 1017
原创 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 170
转载 nodejs入门基础实例
一个完整的基于node.js的web应用用例:用户可以通过浏览器使用我们的应用。 当用户请求http://domain/start时,可以看到一个欢迎页面,页面上有一个文件上传的表单。 用户可以选择一个图片并提交表单,随后文件将被上传到http://domain/upload,该页面完成上传后会把图片显示在页面上。为实现上述功能创建4个js文件:index.js、server.js、...
2018-07-19 15:49:22 4277
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人