SF
Web前端-困知记
Web前端-困知记
注册登录
关注博客
注册登录
主页
关于
RSS
微信js-sdk本地调试方案
bolelee
2021-04-28
阅读 2 分钟
3.5k
此方案为同事探究得出,现本人即将离职,特此记录下该方案,以备后续查找。解决的问题微信js-sdk初始化需要校验域名,本地调试无法通过,需伪装成生产/测试时访问的域名也适用于抓取手机端的请求,在PC端进行分析(Charles)方案思路要点修改Host, 使得目标域名映射到本机(127.0.0.1)nginx开启HTTPS server,将目标域名p...
解决uni-app编译后vendor.js文件过大
bolelee
2020-03-16
阅读 2 分钟
25.8k
将一个当前只有简单功能的H5项目(通过vue-cli 3+创建) 迁移为uni-app项目,需要支持输出为QQ小程序、H5。在QQ小程序开发者工具中,发现无法生成预览和真机调试,原因是代码包超过2M,经过分析,发现编译后代码中,最大的是:common/vendor.js,一些处理后仍有2.5M。打包生产版本分析,也是同样的问题。
微信小程序上传文件小结
bolelee
2019-06-07
阅读 1 分钟
11.4k
前言 后端用的是Rails ActiveStorage direct_upload的处理方式, 前端被要求: 提供文件的MD5-Base64校验值,获得上传地址; 将文件上传到上述指定地址(此处会校验文件的MD5-Base64值是否与上一步给的一致); 将文件的signed_id作为文件参数。 相关知识 因为目前开发任务重且紧,暂时略过此部分,只记录结论要点,后续...
TypeScript初步了解
bolelee
2018-06-05
阅读 2 分钟
2.7k
记录对TypeScript的初步了解,以期在实际项目中对是否使用TypeScript有较为科学的考量。 大纲: 定义与来历 快速起步 声明文件(.d.ts) 为什么选择使用TypeScript JS迁移TS 知识补充: ECMAScript 发展简史 JS模块化 TypeScript定义与来历 TypeScript is a typed superset of JavaScript that compiles to plain JavaScri...
小程序开发框架WePY与mpvue
bolelee
2018-05-25
阅读 5 分钟
19.3k
微信小程序原生开发主要有三大元素:框架、组件、API,而小程序开发框架,其主要功能就是将以该框架支持的语法编写的代码编译转换为小程序原生框架所能支持的。
HTML5 plus初步了解
bolelee
2018-03-11
阅读 3 分钟
26.7k
开发HTML5页面要解决的主要问题之一,就是调用系统的能力,比如拍照/选图/保存图片到相册/录音/录制视频/定位等,而是否能够调用这些能力,在于其运行环境是否开放了这些权限,是否能够便捷地使用,取决于所提供的API。若是微信网页开发,微信提供了js-sdk, 以及weui样式库;那么若是原生APP提供的webview容器呢,...
微信小程序自定义组件方案
bolelee
2017-11-29
阅读 1 分钟
6.8k
前言:小程序已于11月初开放了小程序组件功能,但事件方面还不是很完善,有的组件暂时可能还是要用其他方式来实现,这里简单记录下开发小程序自定义组件的要点。
理解微信小程序技术架构
bolelee
2017-08-04
阅读 3 分钟
23k
视图层和逻辑层分离,通过数据驱动,事件交互,不直接操作DOM 视图层负责渲染页面结构,逻辑层负责逻辑处理、数据请求、接口调用等 视图层与逻辑层通过数据和事件进行通信,逻辑层提供数据给视图层,视图层通过绑定/捕获事件发起交互让逻辑层处理 视图使用WebView渲染,JS由JSCore(IOS)/X5(Android)/nwjs(DevTool)渲染解...
Web端图标字体的探索
bolelee
2017-07-31
阅读 4 分钟
6.9k
前言:图标字体指的就是如font-awesome, semantic-ui icon这样的,通常使用方式是引入图标字体库文件(css文件及.eot/.svg/.ttf/.woff/.woff2格式字体文件),然后通过类名即可使用图标,根据图标字体库的规则,可修改其字体大小、颜色。前段时间借着微信小程序里图标字体的使用,对图标字体的使用及其原理有了进一步的...
微信小程序的页面导航问题
bolelee
2017-05-19
阅读 2 分钟
7.6k
open-type="navigate" 或 api: wx.navigateTo open-type="redirect" 或 api: wx.redirectToopen-type="switchTab" 或 api: wx.switchTabopen-type="reLaunch" 或 api: wx.reLaunchopen-type="navigateBack" 或 api: wx.navigateBack
文件上传进度提示
bolelee
2017-03-22
阅读 4 分钟
34.1k
当上传的文件相对较大时,用户可能需要等待较长的时间,这个时候前端如果没有任何提示的话,体验不是很好,如果有上传进度提示,就会好很多。而要在上传过程实时显示上传进度,则需要已上传的大小和文件总大小。
移动端Web页面适配方案
bolelee
2017-03-20
阅读 10 分钟
89.8k
手机设备屏幕尺寸不一,做移动端的Web页面,需要考虑在安卓/IOS的各种尺寸设备上的兼容,这里总结的是针对移动端设备的页面,设计与前端实现怎样做能更好地适配不同屏幕宽度的移动设备。
Vagrant搭建项目跨平台开发环境的解读
bolelee
2016-11-20
阅读 3 分钟
4.3k
项目本身需要在linux/Mac上跑(比如Ruby项目),而开发者使用的是windows (当然这种情况也可以不通过vagrant,自己搭建虚拟机)