canglingyue-优快云博客

原创微信小程序插屏广告：精准触发与实战代码优化

本文探讨了插屏广告的优化展示策略，提出通过精准触发时机提升广告效果与用户体验。文章重点介绍了四种合理触发场景：页面切换、任务完成、内容浏览间隙和小程序启动后，并提供了完整的代码实现方案。核心包括可复用的广告工具类封装，以及三种典型场景（内容浏览深度、操作完成、页面切换）的具体实现代码。文章强调触发条件设计应遵循用户控制优先、频率控制、价值匹配等原则，在平衡用户体验与商业收益的同时，实现广告展示效果最大化。通过科学的触发机制，可以在不打扰用户的前提下获得最佳变现效果。

2025-09-18 09:37:10 429

原创微信小程序插屏广告（InterstitialAd）全解析与实战应用案例

本文介绍了微信小程序插屏广告API的使用方法及实际应用案例。主要内容包括：1）创建广告实例（wx.createInterstitialAd）并配置广告位ID；2）通过load()预加载广告资源；3）使用show()在合适时机展示广告；4）监听加载、错误和关闭事件。通过"美食分享汇"小程序案例，演示了在页面滚动超过300px和用户返回时触发广告的逻辑实现，强调在自然交互节点展示广告以平衡用户体验与变现效果。文章提供了完整代码示例，帮助开发者掌握插屏广告的集成与应用技巧。

2025-09-18 09:35:00 881

原创微信小程序广告 API 使用指南及实战案例解析

微信小程序广告API使用指南与案例解析本文介绍了微信小程序中三种主流广告API（横幅、插屏、激励视频）的使用方法，并结合"趣味猜谜语"小程序案例展示实际应用。详细讲解了各广告类型的创建、加载、显示方法及关键参数配置，如adUnitId获取和样式设置。案例中演示了首页横幅广告展示、答题间隙插屏广告投放、积分商城激励视频广告等典型场景的实现代码，强调在保障用户体验前提下实现流量变现。通过合理运用这些API，开发者可在小程序不同场景中灵活嵌入广告，实现商业价值与用户体验的平衡。

2025-09-18 09:27:19 2047

原创微信小程序罗盘功能开发指南

微信小程序罗盘API指南：通过wx.onCompassChange接口可获取设备方向数据，实现指南针、AR导航等功能。文章详细介绍了基础用法和完整指南针案例（包含JS逻辑、WXML界面和WXSS样式），演示了方向角计算与界面联动。还展示了罗盘与地图结合的高级应用，并提供了使用注意事项：需声明权限、处理设备校准及电量优化。这些方法可快速为小程序增加方向感知能力。

2025-09-09 10:43:58 613

原创微信小程序加速计开发指南

微信小程序加速计API使用指南：通过wx.onAccelerometerChange监听设备三轴加速度（X/Y/Z），并实现摇一摇功能。案例代码展示了加速度监听、阈值判断和动画反馈，同时提供性能优化建议（调整监听频率、页面隐藏时停止监听）。该功能适用于游戏控制、运动检测等场景，需注意机型差异和耗电问题。开发者可基于此案例扩展更多交互应用。

2025-09-09 10:42:31 504

原创微信小程序隐私信息授权实践指南

微信小程序需合规获取用户隐私授权（如位置、相机等），开发者应在app.json声明权限并在触发功能时动态请求。通过wx.getSetting检查状态，拒绝时引导至设置页。优化体验需注意按需请求、用途说明和备选方案，敏感数据要加密存储并最小化收集。处理授权拒绝需解释必要性，监听权限变化，并适配系统差异，以提升过审率和用户信任。

2025-09-08 17:00:25 559

原创微信小程序与视频号交互API详解

微信小程序提供了丰富的API实现与视频号的深度交互，主要包括以下核心功能：预约与跳转直播 wx.reserveChannelsLive：预约视频号直播，需传入视频号ID和预约ID wx.openChannelsLive：直接跳转直播页面，需指定视频号ID和feedId 主页与活动页跳转 wx.openChannelsUserProfile：打开指定视频号主页 wx.openChannelsEvent/Activity：跳转视频号活动页面信息获取 wx.getChannelsLiveInfo：获取直播实时

2025-09-08 16:56:44 1110

原创微信小程序订阅消息使用案例

摘要：微信小程序的订阅消息功能可提升用户粘性。本文以电商小程序为例，展示了前后端实现订阅订单状态通知的全流程。前端通过wx.requestSubscribeMessage获取用户授权，后端调用微信API发送消息（Node.js示例）。包括获取access_token、配置消息模板等关键步骤，最终实现用户下单后自动订阅，并在订单变更时推送服务通知，优化用户体验。（149字）

2025-09-08 16:54:02 397

原创微信小程序截屏与录屏功能详解

微信小程序支持截屏和录屏功能，适用于教育、游戏、电商等场景。截屏通过wx.captureScreen实现，可自动保存课件等内容；录屏使用wx.startScreenRecording录制操作流程，如游戏通关过程。自定义绘制内容可通过wx.canvasToTempFilePath导出为图片。需注意用户授权、存储限制及系统差异。合理使用这些API能增强交互体验，满足多样化需求。

2025-09-05 09:51:43 1164

原创小程序 NFC 主机卡模拟简介

微信小程序通过NFC主机卡模拟（HCE）技术可实现门禁卡等场景应用，无需依赖硬件安全模块。实现条件包括微信版本要求（Android 8.0+）和NFC权限声明。核心流程包括：1）注册HCE服务并配置AID；2）监听处理APDU指令并响应；3）页面展示交互日志。关键点在于AID配置需与读卡器一致，并遵循ISO 7816-4协议标准。开发时需注意测试设备兼容性，完整代码结构包含服务初始化、指令处理和页面展示模块。该方案为小程序提供了轻量级的NFC模拟解决方案。

2025-09-05 09:48:59 366

原创 2025React面试题集锦

React 是一个由 Facebook 开发的 JavaScript 库，用于构建用户界面（UI），特别适合单页应用（SPA）。其核心特点包括声明式编程、组件化、虚拟 DOM 和单向数据流。JSX 是 React 的语法扩展，允许在 JavaScript 中直接编写类似 HTML 的代码，最终会被编译为 JavaScript 对象。 React 组件分为类组件和函数组件。类组件使用 this.state 和生命周期方法，而函数组件通过 Hooks（如 useState 和 useEffect）管理状态和副作

2025-09-04 10:22:14 1339

原创微信小程序日历事件添加实现

微信小程序提供wx.addPhoneCalendar和wx.addPhoneRepeatCalendarAPI来添加日历事件。前者用于单次事件，需配置标题、时间、地点等参数；后者支持设置重复周期（日/周/月/年）和结束时间。调用前需处理scope.writePhotosAlbum权限。示例代码展示了如何添加单次和每周重复事件，并提供了时间戳格式、系统兼容性等注意事项。开发者可根据实际需求扩展这些基础功能。

2025-09-04 10:11:40 449

原创微信小程序Wi-Fi功能详解与实际应用案例

微信小程序通过Wi-Fi API实现智能设备连接功能，支持扫描、连接、监听和断开网络。本文详细解析了Wi-Fi API使用方法，并提供了一个"Wi-Fi连接助手"的完整案例。案例分四步实现：初始化模块、扫描显示网络列表、用户连接指定Wi-Fi、处理连接状态，每步均附代码示例。优化建议包括增强安全性、错误处理和性能提升。该方案适用于智能家居等物联网场景，开发者可直接复用代码构建高效Wi-Fi应用。

2025-09-04 10:08:12 671

原创小程序 NFC 技术IsoDep协议

本文介绍了NFC技术中的IsoDep协议及其在Android和小程序开发中的实现方法。主要内容包括：1) NFC技术基础及其IsoDep协议特性；2) 开发环境配置，包括权限声明和设备要求；3) 核心实现步骤，涵盖初始化连接、APDU指令交互和错误处理；4) 常见问题解决方案，如指令格式验证和超时优化；5) 实际应用场景示例，如门禁系统和会员卡识别。文章还强调了安全注意事项，为开发者提供了完整的NFC-IsoDep开发指南。

2025-09-03 11:26:01 1188

原创小程序NFC应用

微信小程序通过NFC API实现标签读写功能，适用于门禁、支付等场景。开发需手机支持NFC、微信7.0+版本并配置权限。主要步骤：1)初始化NFC适配器；2)监听标签发现事件获取UID；3)读取/写入NDEF格式数据。案例演示了门禁卡UID验证功能，需注意用户授权、设备兼容性和真机调试限制。该功能为小程序提供了近场通信能力，可扩展至多种物联网应用。

2025-09-03 11:00:13 1719

原创蓝牙信标在小程序中的应用

小程序蓝牙信标开发指南：基于低功耗蓝牙（BLE）技术，介绍了在小程序中实现蓝牙信标功能的全流程。内容包括初始化蓝牙适配器、监听信标广播、解析信标数据（UUID、major、minor、RSSI等），以及商场导览、博物馆讲解等典型应用场景实现。详细说明了性能优化方法（扫描间隔控制、数据缓存）和常见问题排查要点（设备检查、信号优化），为开发者提供了一套完整的蓝牙信标集成解决方案，适用于室内定位、近场营销等多样化应用需求。

2025-09-02 10:45:22 928

原创小程序蓝牙低功耗（BLE）外围设备开发指南

本文介绍了小程序如何利用蓝牙低功耗（BLE）技术实现与智能硬件设备的交互。虽然小程序默认作为中心设备，但可通过配合外接硬件模块或微信硬件平台间接模拟外围设备功能。文章详细说明了BLE连接流程、数据交互协议设计及常见问题的解决方法，包括代码示例、通信协议建议和调试技巧。最后强调了权限配置、兼容性测试和功耗优化等注意事项，为开发者提供了完整的小程序BLE开发指南。

2025-09-02 10:41:59 525

原创微信小程序中蓝牙打印机中文编码处理：使用iconv-lite库

本文介绍了微信小程序集成蓝牙打印机时中文乱码问题的解决方案。由于打印机通常仅支持GBK/GB2312编码，而小程序使用UTF-8，导致中文显示异常。通过引入轻量级iconv-lite库进行编码转换，可高效解决该问题。文章详细说明了从库安装、编码转换到蓝牙发送的实现步骤，并提供了完整代码示例。关键注意事项包括编码验证、分段发送和兼容性测试。该方法经实际验证，能有效保障中文打印的准确性，适用于零售、物流等场景。

2025-08-29 15:20:27 1061

原创微信小程序调用蓝牙打印机教程（TSPL命令）

本文介绍了微信小程序通过蓝牙连接打印机并发送TSPL指令的实现流程。首先需要配置蓝牙权限并初始化适配器，然后搜索、连接目标设备，获取服务特征值。核心是通过writeBLECharacteristicValue发送TSPL指令（如TEXT、BARCODE等）控制打印，最后断开连接。注意事项包括：指令兼容性、API调用频率限制和指令结束符处理。文末提供了常用TSPL指令示例，帮助开发者快速实现基础打印功能。

2025-08-29 15:11:51 777

原创 less中解决CSS3的calc计算出错

最近在用less的时候发现CSS3的calc函数计算时会出现问题。问题 .mkt-hover{ width: calc(100% - 16px); }但是less自己就把它当表达式计算掉了，导致到浏览器那变成了 .mkt-hover{ width: calc(84%); }解决方法把calc（）里面的表...

2018-04-02 14:33:34 2045

原创 Object题

问题？？？var a = {};var b = {key: 'b'};var c = {key: 'c'};var d = [3,5,6];a[b] = 123;a[c] = 345;a[d] = 333;console.log('a[b]=',a[b]);console.log('a[c]=',a[c]);console.log('a[d]=',a[d]);答案...

2018-04-02 14:32:25 685

原创 Webpack "Invalid Host Header"

webpack-dev-server 在更新后启动项目报”Invalid Host Header” 错误。是由于webpack更新主要是新增了对 host header 的正确性检测，以屏蔽未经授权的访问。开发者需要在执行 webpack-dev-server 命令时手动添加 –public 选项，取值为授权的 host，否则就回出现问题解决方案官方提供了两个解决方案：执行

2018-02-02 11:15:54 1180

原创点击文字复制到剪切板

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title

2017-09-29 16:42:00 1979

原创获取远程html插入到本地的网页里面(java+react实现)

需求：通过编辑器生成的html被上传到阿里云的服务器，但是这个html 需要嵌入到另外的一个网页里面。环境前端： react后端： JavaJava代码@RequestMapping(value = "/getHtml", method = RequestMethod.POST)@UnNeedAdminId@Unauthorizepublic Object getHtml(@Requ

2017-09-15 10:01:34 3911

原创 webpack学习1

安装本地安装npm install --save-dev webpacknpm install --save-dev webpack@<version>对于大多数的项目，建议本地安装，这可以让我们更容易分别升级项目。全局安装npm install --global webpack安装最新版npm install webpack@betanpm install webpack/webp

2017-09-11 20:33:44 414

原创 intellij IDEA 中，.properties文件unicode转中文

在项目中，经常会碰到.properties 配置文件，但是文件内容确是 Unicode 编码的，如何转成中文。。。把图中红色的勾上

2017-09-04 19:09:05 3977

原创省市区三级联动去重

需求 : 在省市区三级联动中，如果只选择了区，那就存储区的编号；如果选择了市，那么不存储区级的编号，只存储市的编号；如果选择了省，那么只存储省级编号。function changeRes(checkedKeys) { let checkedList = checkedKeys; // 所有checkbox 勾选的编号 let data = []; let proFixLis

2017-09-01 17:43:29 689

原创 Application Server was not connected before run configuration stop, reason: Unable to ping server at

使用的是tomcat9 更换为 tomcat7后正常

2017-08-31 18:07:56 992

原创 Idea : Error:java: Compilation failed: internal java compiler error

在设置中修改 Java Complier 设置项，项目中使用的版本不一样，就会引起这个错误进行如下操作：

2017-08-31 11:16:35 508

原创 tips ：idea 没有tomcat了，怎么配置下

确定你使用的Idea 不是社区版，社区版是没有tomcat 配置的

2017-08-31 10:39:54 1788

原创 idea自动解析set/get方法的插件

idea — setting — plugins, 搜索栏中输入Lombok。如果出现No plugins found,Search in repositories, 就直接点开Search in repositories, 再次搜索Lombok, 点击安装重启 idea 就可以了

2017-08-31 10:36:58 15405

原创激活 datagrip Free JetBrains Products License Server.

opend the activation windowchoose the Activate new license with License serverfill the blank with http://xidea.onlinepress OK enjoy your ideas!

2017-08-30 11:50:23 19104

原创 dependencies与devDependencies之间的区别

–save-dev 和 –save 的区别我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如：–save-dev 安装的插件，被写入到 devDependencies 对象里面去–save 安装的插件，被写入到 dependencies 对象里面去package.json 文件里面的 devDependencies

2017-07-24 11:25:56 12123

原创 webstorm 2017 激活破解

2017选择“license server” 输入：http://idea.iteblog.com/key.php 2017.1选择“license server” 输入：http://idea.imsxm.com/

2017-07-13 09:51:09 742

原创 Object对象

http://javascript.ruanyifeng.com/stdlib/object.html概述在Object 对象上面部署一个方法部署在Object 对象本身Object.print = function(o){ console.log(o)}var o = new Object();Object.print(o) // Object {}部署在 Object.pro

2017-07-06 11:44:52 419

原创 call与apply

call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。二者的作用完全一样，只是接受参数的方式不太一样。理解obj.call(thisObj, arg1, arg2, ...);obj.apply(thisObj, [arg1, arg2, ...]);this 是个参数，普通的函数调用隐式传入 this ，

2017-06-27 15:28:38 336

原创网易云跟帖替换多说评论

多说的通知：因公司业务调整，非常遗憾的向大家宣布多说项目即将关闭。我们将于2017年6月1日正式关停服务，在此之前您可以通过后台的数据导出功能导出自己站点的评论数据。对此给您造成的不便，我们深表歉意，感谢您的一路相伴。WordPress自带的评论并不好用，如果网站已经备案也可以使用畅言系统，这里使用的是网易云跟帖登录或注册网易账号云跟帖网址：https://gentie.163.com/in

2017-04-28 17:12:02 2054 2

原创《JavaScript面向对象编程》笔记1（函数）

1、参数调用函数时： - 未传递参数，js 自动将其设定为 undefined - 传递过多的参数，js 会将多余的参数忽略每个函数内部都有一个内建的 arguments 数组（实际上并不是数组，而是一个类似数组的对象），它能返回函数所接收的所有参数。2、预定义函数parseInt() 将任何输入值转换为整数类型输出，转换失败返回NaN。第二个参数可设置进制，不指定第二参数默认为十进制（例外

2017-04-20 16:16:29 445

原创深入react技术栈-源码问题1

问题1 深入react技术栈源码第一次运行时报错--'NODE_ENV' 不是内部或外部命令，也不是可运行的程序或批处理文件。在运行第二章的代码时，执行npm install 后运行代码时，报 ‘NODE_ENV’ 不是内部或外部命令，也不是可运行的程序或批处理文件。解决方法找到 package.json 文件修改scripts其中的内容："scripts": { "start": "se

2017-01-16 20:28:51 2113

原创 @RequestMapping 用法详解之地址映射(转)

前段时间项目中用到了RESTful模式来开发程序，但是当用POST、PUT模式提交数据时，发现服务器端接受不到提交的数据（服务器端参数绑定没有加任何注解），查看了提交方式为application/json，而且服务器端通过request.getReader() 打出的数据里确实存在浏览器提交的数据。为了找出原因，便对参数绑定（@RequestParam、 @RequestBody、 @Reques

2017-01-16 20:06:16 369

Head First HTML and CSS

Tired of reading HTML books that only make sense after you're an expert? Then it's about time you picked up Head First HTML and really learned HTML. You want to learn HTML so you can finally create those web pages you've always wanted, so you can communicate more effectively with friends, family, fans, and fanatic customers. You also want to do it right so you can actually maintain and expand your web pages over time so they work in all browsers and mobile devices. Oh, and if you've never heard of CSS, that's okay--we won't tell anyone you're still partying like it's 1999--but if you're going to create web pages in the 21st century then you'll want to know and understand CSS., Learn the real secrets of creating web pages, and why everything your boss told you about HTML tables is probably wrong (and what to do instead). Most importantly, hold your own with your co-worker (and impress cocktail party guests) when he casually mentions how his HTML is now strict, and his CSS is in an external style sheet., With Head First HTML, you'll avoid the embarrassment of thinking web-safe colors still matter, and the foolishness of slipping a font tag into your pages. Best of all, you'll learn HTML and CSS in a way that won't put you to sleep. If you've read a Head First book, you know what to expect: a visually-rich format designed for the way your brain works. Using the latest research in neurobiology, cognitive science, and learning theory, this book will load HTML and CSS into your brain in a way that sticks., So what are you waiting for? Leave those other dusty books behind and come join us in Webville. Your tour is about to begin.

2016-11-02

JavaScript编程精解

2016-11-02

深入react技术栈源码

全面讲述React技术栈的第一本原创图书，pure render专栏主创倾力打造覆盖React、Flux、Redux及可视化，帮助开发者在实践中深入理解技术和源码前端组件化主流解决方案，一本书玩转React“全家桶” 本书讲解了非常多的内容，不仅介绍了面向普通用户的API、应用架构和周边工具，还深入介绍了底层实现。此外，本书非常重视实战，每一节都有实际的例子，细节丰富。我从这本书里学到了很多东西，强烈推荐！ ——阮一峰，蚂蚁金服技术专家，国内技术圈知名博主，《ES 6标准入门（第2版）》作者

2017-10-14

深入理解ES6-文字高清版

ES6是ECMAScript标准十余年来变动大的一个版本，其中添加了许多新的语法特性，既有大家耳熟能详的Promise，也有闻所未闻的Proxy代理和Reflection反射；既有可以通过转译器（Transpiler）等方式在旧版本浏览器中实现兼容的let、const、不定参数、展开运算符等功能，亦有无论如何都无法实现向前兼容的尾调用优化。深入理解ES6的特性对于所有JavaScript开发者而言至关重要，在可预见的未来，ES6中引入的语言特性会成为JavaScript应用程序的主流特性，这也是《深入理解ES6》的初衷。希望你通过阅读《深入理解ES6》可以了解ES6的新特性，并在需要时能够随时使用。

2017-10-14

HTML5游戏开发

2016-10-31

Java 8实战

2017-04-20

Android编程权威指南（第2版）2016年5月版.pdf

Android编程权威指南（第2版）2016年5月版.pdf )

2016-12-01

【迷你书】精通JavaScript开发.pdf

2016-11-02

你不知道的JavaScript上:中:下三卷（高清中文版）

你不知道的JavaScript上:中:下三卷（高清中文版）在互联网发展的早期，JavaScript 就已经成为了支撑网页内容交互体验的基础技术。那时 JavaScript 的作用可能仅仅是生成一些闪烁的鼠标轨迹或者烦人的弹出窗口，但是经过了大约 20 年的发展，JavaScript 的技术和能力都发生了天翻地覆的变化，现在的 JavaScript 毫无疑问已经成为了世界上使用范围最广的软件平台——互联网——的核心技术。

2018-01-16

HTTP权威指南

超文本转移协议（Hypertext Transfer Protocol，HTTP）是在万维网上进行通信时所使用的协议方案。HTTP有很多应用，但最著名的是用于web浏览器和web服务器之间的双工通信。, HTTP起初是一个简单的协议，因此你可能会认为关于这个协议没有太多好说的。但现在，你手上拿着的是却一本两磅重的书。如果你对我们怎么会写出一本650页的关于HTTP的书感到奇怪的话，可以去看一下目录。本书不仅仅是一本HTTP首部的参考手册；它是一本名副其实的web结构圣经。, 本书中，我们尝试着将HTTP中一些互相关联且常被误解的规则梳理清楚，并编写了一系列基于各种主题的章节，对HTTP各方面的特性进行了介绍。纵观全书，我们对HTTP“为什么”这样做进行了详细的解释，而不仅仅停留在它是“怎么做”的。而且，为了节省大家寻找参考文献的时间，我们还对很多HTTP应用程序正常工作所必须的、重要的非HTTP技术进行了介绍。在组织得便于使用的附录中，可以找到按照字母排序的首部参考（这些首部构成了最常见的HTTP文本的基础）。我们希望这种概念性的设计有助于读者对HTTP的使用。, 本书是为所有希望理解HTTP以及Web底层结构的人编写的。软硬件工程师也可以将本书作为HTTP及相关web技术的条理清楚的参考书使用。系统架构师和网络管理员可以通过本书更好地了解如何设计、实现并管理复杂的网络架构。性能工程师和分析人员可以从高速缓存和性能优化的相关章节中获益。市场营销和咨询专家可以通过概念的介绍更好地理解web技术的前景。, 本书对一些常见的误解进行了说明，推荐了“各种使用诀窍”，提供了便捷的参考资料，并且对枯燥且令人费解的标准规范进行了可读性很强的介绍。在这本书里，我们对Web正常工作所必须且互相关联的技术进行了详细的介绍。, 本书是很多对因特网技术充满热情的人经过大量工作写成的。希望对你有所帮助。

2016-11-16

CSS3实战pdf

CSS 3实战

2016-11-02

HTML5高级程序设计

2016-11-02

Yii+Framework+v1.1.10类参考中文手册(CHM版)

Yii+Framework+v1.1.10类参考中文手册(CHM版).chm

2015-01-14

php_and_mysql_web_development_4th_edition

2015-01-14

Effective JavaScript 编写高质量JavaScript代码的68个有效方法

2016-11-02

JavaScript面向对象编程指南

《JavaScript面向对象编程指南》内容包括：JavaScript作为一门浏览器语言的核心思想；面向对象编程的基础知识及其在JavaScript中的运用；数据类型、操作符以及流程控制语句；函数、闭包、对象和原型等概念，以代码重用为目的的继承模式；BOM、DOM、浏览器事件、AJAX和JSON；如何实现JavaScript中缺失的面向对象特性，如对象的私有成员与私有方法；如何应用适当的编程模式，发挥JavaScript语言特有的优势；如何应用设计模式解决常见问题等。, 《JavaScript面向对象编程指南》着重介绍JavaScript在面向对象方面的特性，展示如何构建强健的、可维护的、功能强大的应用程序及程序库。

2017-04-20

JavaScript面向对象编程指南.pdf

2016-10-31

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人