分类 WEB前端 下的文章

在VS Code中配置使用通义灵码插件

**“通义灵码”**是一款基于阿里云通义代码大模型打造的智能编码助手产品,产品于2023年10月31日云栖大会上,正式对外发布。 #### “通义灵码”主要功能: 核心使用场景:代码智能生成和研发智能问答。 1. 行级/函数级实时续写:根据当前语法和跨文件的代码上下文,实时生成行、函数建议代码。 1. 自然语言生成代码:通过自然语言描述想要的功能,可直接在编辑器区生成代码,编码心流不间断。 1. 单元测试生成:支持根据 JUnit、Mockito、Spring Test、unit test、pytest 等框架生成单元测试。 1. 代码注释生成:一键生成方法注释及行间注释,节省写代码注释的时间,并能够有效提升代码可读性。 在 Visual Studio Code (VSCode)...

继续阅读 »

uniapp vue3小程序版本更新升级提示

在uni-app开发过程中,应用的版本更新是一个常见的需求。当开发者发布了新版本的小程序后,希望用户在下一次打开旧版小程序时能够收到更新提示,引导用户更新到最新版本。本文介绍了基于uniapp vue3开发的微信小程序迭代更新版本后,用户使用小程序时提示其升级版本。 **版本说明:** 基于uniapp vue3 ts **实现方式:** 在uniapp小程序的App.vue文件中,在onLaunch或onShow生命周期钩子中检测版本更新,我是在onLaunch里面判断的。代码如下: ```javascript onLaunch: function () { // uni.hideTabBar() console.log('App Launch') const ...

继续阅读 »

uniapp getBLEDeviceCharacteristics 10004 苹果IOS

**异常背景:**基于uni-app低功耗蓝牙(BLE)API实现蓝牙通讯,android真机测试getBLEDeviceCharacteristics获取特征值成功,同样代码苹果ios真机获取getBLEDeviceCharacteristics失败并返回10004错误 **分析与解决思路:** **1、**注意uuid大小写问题,如果uuid是小写的,请全部改为大写的试试。 **2、**如果首次连接OK,重连失败,看其它博主分享过: 个人猜测微信会缓存当前设备的所有 serviceId 和对应的 characteristicId ,当我们调用断开连接(wx.closeBLEConnection)或者异常断开后,会清空缓存列表。而发送数据(wx.writeBLECharacteristi...

继续阅读 »

uni-app vue3引入jsencrypt实现加密解密(PHP后端)

uniapp vue3版本引入jsencrypt实现加密解密,uniapp 引入jsencrypt实现前端加密及PHP后端解密 ### uniapp中引入使用示例: ```javascript import JSEncrypt from '/utils/jsencrypt.js' const publicKey =`公钥`; const encryptor = new JSEncrypt(); encryptor.setPublicKey(publicKey)//encryptor.setPrivateKey(RSA的私钥); let passwordEncry = encryptor.encrypt('123456');//encryptor.decrypt(解密的内容); ...

继续阅读 »

css ~ , + >

**A~B (波浪号)** 选择前面有A元素的所有B标签 为相同父元素中位于A标签后的所有B元素设置样式 两种元素必须拥有相回的父元素,但是B不必真接紧随A出现 **A>B (大于号)** 是CSS3特有选择器,表示选则A元素的子元素中所有B元素 与AB的区别 A B 选择所有后代元素,但是A>B 只选择一代 **A,B (逗号)** 同时选择A B 两个类,对其应用相同的CSS样式 **A+B(加号)相邻兄弟选择器** 选择紧接在另一个元素后的元素,二者有相同的父元素 例:增加紧接在h1元秦后出现的段落的边距

继续阅读 »

ajax获取Response Headers响应头信息

**ajax type HEAD获取Response Headers信息,ajax通过Response Headers头信息获取服务端时间** **常用场景:**基于服务器端标准时间做倒计时业务使用。 PS:常见开发人员使用本地时间做倒计时参考时间,在客户端时间不准确时会产生歧义或bug。 **示例如下:** ```javascript //jquery引用注意,ajax done需要1.5版本之后支持 $.ajax({ url: "//lab.fity.cn/time/time.gif", type: "HEAD" }).done(function(data, textStatus, jqXHR) { oncallback(jqXHR) }).fail(funct...

继续阅读 »

IM语音消息amr文件web网页播放

#### 网页_h5页面播放amr音频编码文件 最近部门在迭代升级IM即时通讯工具过程中,规划新增语音发送,通过综合评估音频文件编码格式定为amr(amr格式文件体积很小,更有利于多端传输。微信语音格式也是该格式)。 音频文件编码格式确定后,主要是解决在网页端的播放(及录制)问题,通过对比选择使用:benz-amr-recorder组件支持amr文件的播放。 benz-amr-recorder:纯前端解码、播放、录音、编码 AMR 音频,无须服务器支持,基于 amr.js 和 RecorderJs。 **参考:** https://github.com/BenzLeung/benz-amr-recorder 注意:由于使用了 amr.js 做编码和解码,因此 js 文件(压...

继续阅读 »

validate校验bootstrap-select无效问题_错误提示不隐藏消除问题

**解决jquery validate校验bootstrap-select、select2、selectpicker无效问题_错误提示不隐藏消除问题** ```javascript //解决validate校验bootstrap-select、select2、selectpicker无效问题_错误提示不实时动态隐藏消除问题 $("#user-add .selectpicker").change(function(){ $(this).valid(); }); $("#user-add").validate({ //ignore: ":hidden:not(select)",//解决select校验问题 ………… }); ```

继续阅读 »

uniapp小程序版本更新升级提示

在uni-app开发过程中,应用的版本更新是一个常见的需求。当开发者发布了新版本的小程序后,希望用户在下一次打开旧版小程序时能够收到更新提示,引导用户更新到最新版本。本文介绍了基于uniapp开发的微信小程序迭代更新版本后,用户使用小程序时提示其升级版本。 uniapp vue2代码如下: ```javascript onLaunch: function() { // console.log('App Launch') //微信小程序版本更新提示 const updateManager = uni.getUpdateManager() updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的...

继续阅读 »

AdmnIX前端网站后台管理模板框架

**AdmnIX**是一款基于Bootstrap的轻量级、响应式前端后台管理框架,采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术,提供诸多可重新组合的UI组件。同时,遵循极简体验、简单灵活、兼容性好、自适应触屏手机的原则,面向所有层次的前后端程序,帮助企业极大的提高工作效率,节省开发成本,提升品牌形象。始于2018年初,为敏捷WEB应用开发和简化企业应用开发而诞生。由于页面是利用业余时间出于兴趣进行整合,请勿对它的品质太过于苛求。 ![](https://felixway.cn/usr/uploads/2018/08/20180806033101.png) ![](https://felixway.cn/usr/uploads/2018/08/20180806033102.jpg...

继续阅读 »

JQuery 插件的编写

#### jquery的插件机制 为了方便用户创建插件,jquery提供了$.extend()和$.fn.extend()方法。 $.extend(object) ,用于扩展jQuery类本身,也就是用来在jQuery类/命名空间上增加新函数,或者叫静态方法. 例如 jquery内置的 ajax方法都是用$.ajax()这样调用的,有点像 “类名.方法名” 静态方法的调用方式。 ``` $.extend({ minValue: function (a, b) { // 比较两个值,返回最小值 return a < b ? a : b; } }); //调用 var i = 100; j = 101; var min_value ...

继续阅读 »

下拉刷新/上拉加载更多/上滑加载更多-移动端

**元素容器** `` **下拉载入更多处理方法** ```javascript var page=2;//从第二页请求数据 Zepto(function($){ $(window).scroll(function(){ if(($(window).scrollTop() + $(window).height() > $(document).height()-40)){ ajaxData(); } }); }) //定义ajax请求数据方法 可以考虑公用 function ajaxData(){ $.get("/mobile/get_list/news/",{page:page},function(result){ ...

继续阅读 »