# Web 与开发随笔

语言：zh-CN
原文：[Web 与开发随笔](<https://allluckly.cn/journal/topics/web-notes/>)
中文：[中文 HTML](<https://allluckly.cn/journal/topics/web-notes/>)
English: [English HTML](<https://allluckly.cn/en/journal/topics/web-notes/>)

DEVELOPMENT NOTES · 9 篇

原生应用之外，还有网页交互、小程序和博客本身。这一组也收录源码推荐与阶段总结，既方便回查具体问题，也保留当时的学习线索。

## 怎么读这一组

1. 网页交互可从 WebView 的基本使用读到 JavaScript 调用原生，重点看职责边界和数据如何传递；旧 UIWebView 示例不作为当前实现建议。
2. 小程序从零开始系列按一、二、三阅读，先理解页面、数据与事件之间的关系，再对照如今的开发工具和平台文档。
3. 源码推荐、博客收录与年度总结按发表时间看更合适。它们反映当时的项目与工具状态，外链可用性和收录结果需要另行确认。

这是 2015–2017 年的历史记录，示例未在本次整理中重新运行验证。先核对文章日期和版本说明，再决定哪些思路适合当前项目。

## 主题文章

9 篇 · 新到旧

- 2016-10-19 

  ### [微信小程序开发教程-从零开始（3）](<https://allluckly.cn/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/weixinxiaochengxu02>)

  为小程序文章列表接入网络请求，读取返回数据并通过 setData 更新页面，再调整 WXML 的字段绑定；同时记录图片地址和 H5 详情展示在当时遇到的限制。

  Bison 微信小程序 · wx.request · setData
- 2016-10-18 

  ### [微信小程序开发教程-从零开始（2）](<https://allluckly.cn/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/weixinxiaochengxu01>)

  在文章列表基础上新增详情页，使用 navigator 配置跳转与参数，再调整 WXSS 中的留白、图片位置和文字布局，逐步把列表样式整理为预期的页面效果。

  Bison 微信小程序 · navigator · WXSS
- 2016-10-17 

  ### [微信小程序开发教程-从零开始（1）](<https://allluckly.cn/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/weixinxiaochengxu>)

  以 iOS 开发者的视角搭建 IT Blog 小程序，说明 app.json、app.js、WXML 和 WXSS 的分工，配置 TabBar 并使用模板和列表渲染展示文章数据。

  Bison 微信小程序 · WXML · WXSS
- 2016-07-27 

  ### [React Native在Mac上部署iOS开发环境](<https://allluckly.cn/react%20native/React-Native01>)

  记录 Mac 上的 React Native 环境搭建，安装 Homebrew、Node.js、watchman 与 flow 后创建项目，再打开 iOS 工程并在模拟器中刷新代码。

  Bison React Native · Node.js · watchman
- 2016-07-05 

  ### [iOS开发之javaScript交互(JS调用原生的方法)](<https://allluckly.cn/%E6%8A%95%E7%A8%BF/tuogao53>)

  比较早期 UIWebView 拦截链接的交互方式与 JavaScriptCore，围绕 JSContext 说明原生执行 JavaScript、注册方法和互相传递数据的基本过程。

  Sindri JavaScriptCore · JSContext · UIWebView
- 2016-02-01 

  ### [菜鸟程序员2015年年终总结](<https://allluckly.cn/%E5%B9%B4%E7%BB%88%E6%80%BB%E7%BB%93/zongjie2015>)

  回顾作者在 2015 年的求职、项目开发与自学经历，记录建立技术博客、学习 Swift、发布开源界面组件和结识同行的过程，呈现早期开发成长的个人背景。

  Bison 开发者成长 · 技术博客 · Swift
- 2015-12-27 

  ### [Bison教你怎么让百度收录你的Github空间博客](<https://allluckly.cn/mac/blog02>)

  记录将 GitHub Pages 博客同步到 GitCafe Pages 的历史做法，涵盖 SourceTree 克隆、分支提交、域名绑定与分地区解析，旨在改善当时的国内访问和收录情况。

  Bison GitHub Pages · GitCafe · SourceTree
- 2015-11-28 

  ### [技术博客不仅仅只是一个网站，还可以这样玩........](<https://allluckly.cn/mac/blog01>)

  记录把个人技术博客包装成 iOS 应用的尝试，通过 UIWebView 展示首页和分类页并处理加载回调，同时保留搜索和交互卡顿等当时尚未解决的问题。

  Bison 个人博客 · UIWebView · 混合应用
- 2015-07-17 

  ### [UIWebView的使用与总结](<https://allluckly.cn/webView%E7%9A%84%E4%BD%BF%E7%94%A8%E4%B8%8E%E6%80%BB%E7%BB%93>)

  整理 UIWebView 加载网页与原生应用混合布局的常用设置，包括透明背景、缩放适配、电话识别和 JavaScript 交互，并讨论跨平台布局与通信成本。

  Bison UIWebView · JavaScript · 混合开发