- 博客(1050)
- 资源 (44)
- 问答 (6)
- 收藏
- 关注
RSS订阅原创 JavaScript进阶（二十九）： 走近 es6 之 new.target
源码阅读过程中，发现以下语句鉴于该语法为es6所有，项目在编译过程中，控制台报错误。按照常规处理，应用即可解决此类问题。在.babelrc的["es2015"]经过实践发现，build阶段依旧报错。故采用第二套解决方案，使用es5语法重写es6。
2023-10-26 09:37:10
514
1
原创 Vue进阶（幺陆伍）PhantomJS 实战讲解
在前期博文《Vue进阶（五十六）：vue-cli 脚手架 karma.conf.js 配置文件详解》中讲解了文件用于配置前端项目自动化测试信息。// 这里使用的是PhantomJS作为浏览器测试环境，这个插件支持 DOM, CSS, JSON, Canvas, and SVG 的解析其中，使用了PhantomJS作为无头浏览器测试环境。PhantomJS具体作用是什么呢？本篇博文带你一探究竟。
2023-10-16 17:28:06
687
原创 JavaScript进阶（二十六）：ES各版本特性详解
ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，所以它可以理解为是JavaScript的一个标准，但实际上后两者是ECMA-262标准的实现和扩展。
2023-10-13 14:36:20
3483
2
原创 JavaScript进阶（二十三）：立即执行函数（匿名函数）( ( ) { } ( ) )含义解析
return x*x;}(10));这是赋值语句；这是一个匿名函数；所谓的匿名函数是指它没有自己的名字，既不是拥有一个函数名，也不是将函数赋给一个变量地址用于日后的调用；为什么会有这样的函数呢，因为有时候只是临时地一次性地使用一个函数，用过了这个函数也就再没用了，那么这个时候就用到了匿名函数（当然，并不一定说只有一次性的才会用到匿名函数，还有其它的情况，不一一举例了。函数()这样的语句我们都知道是让一个函数运行，而括号中的值表示传值，比如：那么，程序执行到name();
2023-10-09 15:17:53
659
原创 Vue进阶（幺陆肆）babel 配置文件详解
项目开发阶段，使用可选链操作符?出现以下编译报错问题：分析：由于可选链操作符?是ES2020（即ES11）中推出的新语法，允许我们不需要校验当前属性的类型就可去尝试访问子属性。.b?.c;以上错误正是由于项目中无法解析可选链操作符等新的ES属性方法，如上图所示， 这时需要安装babel依赖,并添加到中。
2023-10-01 09:13:40
3479
1
原创 Vue进阶（三十六）：created() 详解
vue.js中created方法是一个生命周期钩子函数，一个vue实例被生成后会调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理不同逻辑。一般可以在created函数中调用ajax获取页面初始化所需的数据。通俗来说，生命周期就是Vue实例或者组件从创建到销毁所经历的一系列过程。虽然不太严谨，但是也基本上可以理解。
2023-09-18 17:28:25
1331
1
原创 跨平台应用开发进阶(二十七)安卓应用加固签名后应用无法打开问题分析及解决
在应用RN改造好系统功能进行功能验证阶段，发现使用梆梆加固对APP进行加固、签名后点击APP图标无法打开应用，且移动设备处于卡死状态。应用未进行加固签名的APP，应用可正常打开，且功能正常。故问题出在加固或签名环节。加固阶段，更换不同加固策略，发现应用策略A加固、签名后的应用图标无法正常打开，应用策略B加固、签名后的应用功能正常，故可将问题定位在加固环节中的加固策略A，签名环节应该无问题。继续深究下2个加固策略之间的差异性。
2023-09-15 10:10:43
622
原创 ReactNative进阶（二十一）开源插件 react-native-device-info 获取设备信息
项目开发过程中，需要获取设备信息，例如获取设备名称。可通过使用开源的第三方组件，该组件适用于iOS和Android双平台。在项目中可通过npm命令下载android需要在配置文件添加权限具体应用示例如下，有关更多获取设备属性方法详参。注⚠️：官方文档指出，在调用方法获取设备名称时，当版本号低于v3时，android需要在配置文件添加权限，若版本号不低于v3，权限可不添加。});总结：作者曾经调用方法获取设备名称，但获取值一直为undefined。
2023-09-12 15:07:13
1271
原创 安全生产：内存溢出和内存泄漏
内存（Memory）是计算机用于存储和访问数据和指令的设备。它是计算机系统中的一个重要组成部分，用于临时存储和处理数据。内存可以被看作是计算机的”大脑”，用于存储正在执行的程序和数据，以及中间结果和临时变量。计算机内存由一系列存储单元组成，每个存储单元都有一个少数的地址。这些存储单元可以存储二进制数据，包括程序指令和运行时数据。内存的主要特点是可以读取和写入数据，以及较快的访问速度。内存分为几个不同的层次。非常快速但最小容量的是处理器内部的寄存器，用于存储指令和数据的中间结果。其次是高速缓存Cache。
2023-09-08 17:25:50
438
原创 安全生产：CVE-2020-11022/CVE-2020-11023漏洞解析
代码安全扫描阶段，前端资源审计发现jQuery版本过低导致生产系统存在类风险。该类风险为应用安全缺陷类DXSS攻击，攻击者可以利用该漏洞注入恶意脚本代码，并在受害者的浏览器上执行。将导致受害者的个人信息泄露、账户被劫持、会话被劫持等安全问题。科运中心给出的解决方案是升级jQuery版本至3.5.0或更高版本。
2023-09-07 09:01:05
3817
原创 Vue进阶（三十三）Content-Security-Policy（CSP）详解
跨域脚本攻击（XSS）是最常见、危害最大的网页安全漏洞。XSS 攻击利用了浏览器对于从服务器所获取的内容的信任。恶意脚本在受害者的浏览器中得以运行，因为浏览器信任其内容来源，即使有的时候这些脚本并非来自于它本该来的地方。为了防止它，要采取很多编程措施（比如大多数人都知道的转义、过滤HTML）。很多人提出，能不能根本上解决问题，即浏览器自动禁止外部注入恶意脚本？这就是"内容安全策略"（，缩写CSP）的由来。CSP。
2023-09-05 17:25:30
6998
原创 Vue进阶（六十七）页面刷新路由传参丢失问题分析及解决
问题描述：Vue项目上线后，从A页面跳转至B页面，B页面通过data中接收来自A页面的参数信息，并在created页面生命周期调用服务接口serviceA，返回数据后进行B页面数据渲染展示。B页面刷新后，serviceA接口入参丢失且未做入参非空校验，导致serviceA全表查询，导致内存溢出。
2023-09-01 17:28:42
1690
原创 Vue进阶（幺捌柒）浏览器缓存问题解决
vue 项目打包部署上线之后，每一次都会有浏览器缓存问题，导致系统用户访问上个迭代批次的旧资源（css/js资源），若当前迭代批次项目包中不存在旧资源，系统就是出现404错误信息，需要系统用户手动清除缓存才能解决以上问题，导致用户体验非常不好。浏览器缓存（Browser Caching）机制是为了节约网络资源提升页面渲染性能，浏览器在用户磁盘上会对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，进而提升页面性能。
2023-08-24 17:29:31
6414
原创 ReactNative进阶（三十四）：Jenkins 流水线 组包 iOS 应用包 ipa Archive 阶段报错error: Multiple commands produce问题修复及思考
在应用RN开发跨平台APP阶段，从git中拉取项目，应用Jenkins进行组包时，发现最终生成的ipa安装包版本号始终与项目中设置的版本号不一致。
2023-08-16 10:44:24
2331
原创 专利进阶(三)：专利撰写资料汇总
在专利撰写前，需要首先了解专利撰写所需遵守的基本规则。可以借助的撰写工具是什么。文献检索在哪里？注意事项是什么？本篇博文会就以上问题进行逐一解答。专利撰写基本原则专利本身需遵循新颖性、创造性要求。应用什么技术方案，解决了什么技术问题，取得了怎样的技术效果。技术问题->技术方案->技术效果。专利撰写内容基本要求术语名称一致，步骤清晰，上下文连贯。
2023-08-12 16:19:56
328
原创 Vue进阶（幺叁陆）： transition标签实现页面跳转动画
在Vue项目开发过程中，应用全家桶vue-router实现路由跳转，且页面前进、后退跳转过程中，分别对应不同的切换动画。vue-router切换页面时怎么设置过渡动画？如何判断切换路由时是前进还是后退？每次切换时向左向右切换动画如何实现？可通过以下解决方案实现：给各个页面定义层级，在切换路由时判断用户是进入哪一层页面。如果用户进入更高层级路由那么做前进动画，如果用户退到低层级路由那么做后退动画。
2023-08-02 09:05:23
761
原创 iOS开发进阶（二）：走近iOS原生开发
在应用uni-app进行跨平台APP开发过程中，发现并不支持视频播放小窗功能，且插件市场提供的插件用户体验不好，遂决定自行开发uni-app原生插件。uni-app原生插件指的是将原生开发的功能按照规范封装成插件包，然后即可在uni-app前端项目中通过js调用开发的原生能力。有关iOS原生开发环境搭建步骤，详参博文《跨平台应用开发进阶(二十七) iOS原生开发环境搭建步骤详解。
2023-06-28 10:56:27
2420
原创 如何应对APP开发过程中客户灵活多变的需求变更
另一方面，开发团队因手握专业知识的储备，对实际开发的阻碍和可行性有更好的见解和标准，在交流时应本着严谨理性的态度给予客户专业知识的意见，而不是一味的顺着客户的思路走，导致app最终开发上出现各种各样的漏洞和新的问题，影响app产品的质量走向。总而言之，在企业APP软件开发过程中需求变更并不可怕，最重要的是需要合理的控制和应对，小修改，满足客户，提升客户满意度，大修改，重新评估，客户也是可以理解自己的需求变更的。首先应明确的是app开发过程中较小的、可以接受的需求，应帮助客户实现，提高客户满意度；
2023-06-13 11:28:48
42
原创 跨平台应用开发进阶(六十五)：小程序分包策略及实战讲解
微信小程序开发过程中，随着业务不断迭代，程序包的体积越来越大，使用分包加载是开发者必须面对的问题。正常情况下，小程序首次启动时，会将整个代码包下载下来，所以如果代码包过大，会影响小程序首次启动时间，因此微信官方对小程序代码包做了大小限制。
2023-05-20 20:27:34
1111
原创 跨平台应用开发进阶(六十四)：微信小程序开发技术栈原生开发 VS 跨平台开发
说到前端开发，就不得不说到跨端开发，因为它可以提高应用程序的效率并降低开发成本。uni-app是一种跨平台开发框架，基于Vue.js，并且可以在多个平台如微信小程序、支付宝小程序、H5等上运行。对于开发人员来说，这意味着他们可以使用同一个代码库来构建多个平台的应用，而不需要开发不同的代码库。
2023-05-18 10:55:02
1198
原创 跨平台应用开发进阶(六十三)：微信小程序开发
随着微信小程序越来越普及，开发人员们也在不断地寻求更高效且方便的开发方式。uni-app是一款由DCloud开发的跨平台工具，可以同时支持小程序、H5、App等多种平台的开发。那么，当使用uni-app开发微信小程序时，怎么进行调试呢？下面就来详细介绍一下。小程序的运行环境分成渲染层和逻辑层，其中WXML模板和WXSS样式工作在渲染层，JS 脚本工作在逻辑层。小程序的渲染层和逻辑层分别由2个线程管理：渲染层的界面使用了WebView进行渲染；逻辑层采用JsCore线程运行JS脚本。
2023-05-18 09:54:31
1154
原创 Vue进阶（贰幺零）：Vue 全局函数、组件、变量挂载方式
项目开发过程中，定义的方法、变量、组件如果被多处引用，就要考虑将其抽取为公共部分，提升代码复用度，便于维护。
2023-05-13 16:42:14
1475
原创 跨平台应用开发进阶(六十二)：如何把 uni-app APP项目转换成小程序
随着移动互联网的快速发展，移动应用已成为生活中不可或缺的一部分。与此同时，跨平台开发也得到越来越多的关注，因为它可以提高应用程序的效率并降低开发成本。Uniapp是一种跨平台开发框架，基于Vue.js，并且可以在多个平台如微信小程序、支付宝小程序、H5等上运行。对于开发人员来说，这意味着他们可以使用同一个代码库来构建多个平台的应用，而不需要开发不同的代码库。本文接下来将介绍如何把Uniapp转换成小程序，并提供一些有用的技巧和经验。
2023-05-12 11:04:43
3166
原创 跨平台应用开发进阶(六十一)：uni-app 跨平台技术开发框架可行性调研
答：uni-app采用Vue作为底层技术栈，为考虑平台兼容性，有些功能本身是H5不支持的，例如APP视频播放的小窗播放功能，需应用原生开发技术栈实现，也可通过插件市场插件实现，不过考虑到插件市场有大部分为个人开发者，插件功能测试充分性未知，插件质量不好保证。答：考虑到APP与小程序在组件和API、样式、事件绑定、数据绑定、路由实现方面的差异性，将APP现有功能搬到小程序，工作量大致为APP的80%。答：取决于插件是否支持源码查看，大部分插件是不支持源码查看的，只支持使用，不支持个性化修改。
2023-05-11 15:05:37
858
原创 专利进阶(二)：专利撰写常用技术及算法汇总（持续更新中）
专利撰写过程中使用已有技术或算法解决新问题非常常见，本篇博文主要梳理软件发明专利撰写过程中涉及的常用技术及算法。数字摘要是将任意长度的消息变成固定长度的短消息，它类似于一个自变量是消息的函数，也就是Hash函数。数字摘要就是采用单向Hash函数将需要加密的明文“摘要”成一串固定长度（128位）的密文。这一串密文又称为数字指纹，它有固定的长度，而且不同的明文摘要成密文，其结果总是不同的，而同样的明文其摘要必定一致。顾名思义，数字摘要是对数字内容进行Hash运算，获取唯一的摘要值来指代原始完整的数字内容。
2023-04-29 09:53:05
3188
原创 新技术加持下前端程序猿的未来在哪里？
随着新技术的不断涌现，前端开发工程师的工作方式及内容也在不断演进。未来，前端开发工程师需要持续学习和更新自己的技能，以跟进技术的持续发展。在新技术加持下，前端开发工程师的未来主要取决于以下几个方面：更加智能化的UI设计。人工智能、机器学习等技术的应用，可以让前端开发工程师更精准地了解用户需求，设计更具智能化的界面。支持更多移动设备和终端。移动端的市场规模越来越大，前端开发工程师需要不断学习和适应不同移动设备和终端的特性。更加丰富的特效和交互体验。随着WebGLCanvasSVG。
2023-04-29 09:50:25
1547
原创 跨平台应用开发进阶(五十九)：uni-app实现视屏播放小窗功能
在业务功能开发过程中，需要实现视频直播、播放小窗功能。鉴于目前通过接入火山webSDK实现视频直播、点播功能。需要火山协助配合改造实现小窗功能。uni-app插件市场也提供了若干插件，经试用效果并不友好。画中画悬浮窗（视频） Ba-VideoPip存在以下问题：其他的，例如画中画(全局)、支持为第三方播放器无缝添加、进度同步更新(andorid)原生系统自带播放器、支持为第三方播放器无缝添加画中画(全局) (ios)定价过高，且无任何用户提出使用效果，毕竟不是官方出品，实属不敢使用。
2023-04-12 15:17:12
1881
原创 跨平台应用开发进阶(五十八)：短链基本工作原理与实现方案
短链就是普通的长链（普通URL网址）经过一定的处理得到的一个简短且唯一的网址字符串。客户端访问短链网址服务器，短链网址服务器返回对应长链地址和302响应码，客户端收到响应后重定向访问长链地址服务器。以访问某平台短链为例：https://eficc.cicconline.com/s/qAE6Uq以上可以很清晰的看到整个短链跳转的过程。这里说一下响应码和响应码： 代表永久重定向，也就是第一次重定向以后就会从浏览器缓存中获取重定向地址，下次直接访问； 代表临时重定向，客户端每次都会重新请求后端获取重定向地址。了
2023-04-01 10:35:48
1848
原创 跨平台应用开发进阶(六十)：uniapp 获取设备唯一标识信息
应App个人信息保护与安全要求合规检查要求，需要实现当用户在不同移动终端上进行登录时应向用户进行信息提示或增大鉴别强度。那么，uniapp如何获取手机唯一标识，即使软件卸载重装后也不会变呢？目前实现方案是通过uni-app自带的设备信息获取方法。// 获取设备品牌、型号、设备 id 、系统名称、osVersion const {项目上线后，发现同一用户在升级APP并登录后，收到了登录不同设备的信息提示。通过排查发现是由于获取deviceId不同导致的。deviceId用于获取设备 id。由。
2023-03-24 20:19:57
15176
10
原创 跨平台应用开发进阶(五十七)：uni-app 通过 overrideUrlLoading 实现拦截 webview 窗口的 URL 跳转请求
项目需求：通过uni-app的webview嵌入H5页面，且webview的src为互联网页面访问地址，页面中涉及很多可点击链接，若不加限制，则可以在webview中随意跳转至其它外链地址，存在安全合规隐患。
2023-03-07 19:58:15
1971
原创 跨平台应用开发进阶(五十六)：应用渲染异常问题分析及解决
继前期iOS由于移动设备内存不足导致页面白屏问题之后，（详参博文《跨平台应用开发进阶(五十)uni-app ios web-view嵌套H5项目白屏问题分析及解决》）又发现APP在iOS系统运行过程中，会高频出现页面黑屏、黑色区块，白屏问题。
2023-03-06 10:50:32
1473
原创 跨平台应用开发进阶(五十五)：uni-app 获取设备信息及 APP 报无相应权限问题分析及解决
APP开发过程中，需要实现分享功能。系统分享组件；uniShare SDK调用；
2023-02-16 11:03:23
4593
原创 Android进阶(三十) Android APP调试工具：ADB
ADB是一个功能强大的命令行工具。通过它可以直接和模拟器或真机进行交互。它是一个具有客户端和服务器端的程序。客户端，它运行在开发机上，可以通过执行adb命令来唤起一个客户端。ADT插件以及DDMS也可以创建一个ADB客户端。服务端，它运行在你的后台进程，这个服务管理客户端和运行在模拟起或真机上的守护进程。守护进程，它运行在每台模拟器或真机的后台进程。当启动一个adb客户端的时候，客户端会首先检测是否已经有adb。
2023-01-28 10:23:42
1535
原创 跨平台应用开发进阶(五十三)：uni-app 通过webview方式嵌套H5实现图片点击下载
在项目开发过程中，遇到uni-app通过webview嵌套H5项目，实现H5中图片点击下载的需求。
2023-01-12 09:10:58
2144
原创 我的2022跨平台开发之旅暨跨平台APP开发经验总结
对于经常使用APP且技术性敏感的用户，在操作APP过程中，对于一个页面是native App还是hybird App实现，往往一眼就能识别出来谁是网页质感，谁是原生质感，在实际想法开发过程中，项目组在制定产品研发策略时，考虑到开发成本（时间、金钱）和上手难度，Hybrid App成为技术框架首选。因为Hybrid App只需要编写一套代码，便可以同步生成Android和IOS两个平台的APP，甚至能够部分兼容微信公众号和小程序。
2023-01-10 10:56:33
1066
原创 跨平台应用开发进阶(五十一)：HTML5（富文本内容）连续数字、字母不自动换行问题分析及解决
项目开发过程中，涉及在Web端维护富文本内容，通过APP端查看的相关的功能，功能描述大概如下：通过富文本编辑器添加的内容，通过view展示出来（这里用到了 Vue 的v-html指令）。
2022-12-27 16:23:33
1775
1
原创 跨平台应用开发进阶(五十)uni-app ios web-view嵌套H5项目白屏问题分析及解决
应用uni-app框架开发好APP上架使用过程中，发现应用经过长时间由后台切换至前台时，通过webview方式嵌套的H5页面发生白屏现象。在前端减少内存使用，最重要的就是图片渲染，尤其是大图片。在页面上不要渲染多张大图，比如从摄像头或相册选择多张图，并缩放尺寸渲染在页面上，虽然肉眼看起来手机屏幕上是几张小图，但实际上是多张大图只是被缩小，这种情况非常耗费内存。一张图片3m，9张这样的大图同时渲染到屏幕上，什么手机都受不了。一个缩略图控制在几k或十几k，才是合理的。详情页面展现多张大图并不受影响。
2022-12-21 19:42:26
9228
原创 跨平台应用开发进阶(四十九)由环境切换引发的页面通讯机制思考
APP开发完毕，app store上架审核前存在后台晚于APP发布的场景，鉴于APP首页页面渲染依赖于后台接口，且苹果上架审核人员对于页面渲染效果比较苛刻，故制定出应用启动时默认连接生产环境，通过接口查询识别到非发版版本时切换到UAT环境的应对策略。
2022-12-11 15:48:41
499
原创 跨平台应用开发进阶(四十七)APP字体库文件处理方案
有时候我们需要让网页加载自定义字体文件，但是通常的字体格式（TTF、OTF）体积太大了，这就需要我们将其转换为更小体积的字体文件格式（WOFF2）。之前我尝试使用类似 CloudConvert 的在线工具去转换 OTF 字体文件，但是不知道为何转换出来的字体损坏了，无法使用。经过多方面研究，现在我找到了一种本地压缩字体可行的方法，因此分享给大家。
2022-12-09 10:20:06
1053
原创 跨平台应用开发进阶(四十六)webview方式嵌套H5应用加载慢解决方案
项目中通过方式嵌套H5应用时，出现页面加载慢的用户体验问题。尤其当应用第一次加载H5应用时，页面白屏大致有3-4s！经过分析发现，h5页面第一次加载时会下载页面静态资源（包括图片、字体库文件、css样式文件、js脚本等），后续加载时浏览器引擎在缓存机制的作用下会直接加载缓存信息，渲染较快。老生常谈，从输入URL到页面展示，发生了什么？我们可以在控制台输入 来获取 （FP：文档中任意元素首次渲染时间）和 （FCP：也就是我们常说的白屏时间 ）当然了，这两个值也不是固定的，比如在第一次打开页面和第二次
2022-12-07 20:33:14
5836
Vue下textarea文本框根据内容自适应改变高度
2020-10-20
BackToTop.zip
2019-11-05
dubbo-admin-2.5.4 Web管理平台.zip
2018-04-29
dubbo-monitor-simple-2.5.3.zip
2018-04-29
w3c标准html5手册
2017-08-28
Chart.js实现饼状图添加文字
2017-08-28
Icon制作神奇-Greenfish Icon Editor3.31官方中文版
2017-04-25
iOS集成听云uni-app插件JS资源文件
2022-10-12
基调听云App移动应用性能管理产品采用SDK方式实现对App的**崩溃、卡顿、超时**等性能问题进行采集，并能对真实用户体验数据
2022-10-11
react-native实现ios横屏全屏展示
2024-03-13
react-native实现ios横屏全屏展示
2024-03-05
谁是第3w [face]monkey2:012.png[/face]
2021-03-24
学无止境[face]monkey2:005.png[/face]
2021-03-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人