xkxnq的专栏

原创 前端面试题

同源策略（Same-Origin Policy）是浏览器安全机制，限制不同源（协议、域名、端口相同）的脚本交互。防止恶意脚本窃取数据。跨源访问需 CORS（跨域资源共享）或 JSONP 解决。JSON（JavaScript Object Notation）是一种轻量级数据交换格式，基于文本，易于读写。语法类似 JavaScript 对象，但独立于语言。用于前后端数据传输。。ECharts是一个基于JavaScript的开源数据可视化库，广泛应用于Web开发中，用于创建交互式图表。

原创 UniApp 常用UI库

UniApp 是一个基于 Vue.js 的跨平台开发框架，常用于开发微信小程序、H5、App 等应用。为了快速构建界面，开发者常使用一些 UI 库，这些库提供了预定义的组件（如按钮、列表、表单等），能显著提升开发效率。

原创 微信小程序开发难点以及解决方案

微信小程序开发的核心难点集中在性能、兼容性、API管理、用户体验、测试和安全等方面。通过上述解决方案（如分包优化、响应式设计、Promise封装等），并结合微信官方工具，开发者能有效提升开发效率和应用质量。建议从小项目开始实践，逐步积累经验。

原创 微信小程序配置文件

app.json：全局配置文件，定义整个应用的设置，如页面路由、窗口样式、底部标签栏等。page.json：页面级配置文件，每个页面单独使用，覆盖全局设置。：项目配置文件，用于IDE工具（如微信开发者工具）的项目设置。：搜索引擎索引配置文件，控制小程序内容是否可被搜索。其他：如分包配置在app.json中，Sass配置通过构建工具实现。这些文件使用JSON格式编写，放置在项目根目录或对应页面文件夹中。开发时，需确保语法正确，避免格式错误。

原创 微信小程序上线流程详细说明

原创 微信小程序订单支付流程(前端)

调用后端接口创建订单，生成唯一的订单号并返回必要信息（如订单金额、商品描述等）。需确保订单数据已持久化到数据库。通过后端请求微信支付统一下单接口，获取支付所需的。需处理支付成功/失败的回调。轮询或后端通知支付结果，更新订单状态。

原创 微信小程序商品结算功能

性能优化：分包加载减少首屏时间，使用缓存（如）提升体验。错误处理：所有API调用添加fail回调，引导用户重试。测试建议：在微信开发者工具模拟各种场景（如网络错误、无效输入）。扩展性：考虑使用云开发（如腾讯云）简化后端逻辑。

原创 微信小程序登录功能实现方案

2022年起微信调整用户信息获取策略，需使用。组件触发授权，直接调用。

原创 微信小程序 wx.request() 的封装

【代码】微信小程序 wx.request() 的封装。

原创 小程序常用api

1.用于向服务器发送 HTTP 请求，获取数据或提交表单。

原创 微信小程序购物车逻辑实现指南

数据管理：推荐使用全局store（如）确保状态一致性。性能优化：防抖处理减少无效请求，分包配置提升加载速度。用户体验：区分“加入购物车”和“立即购买”，实时展示数量。实际开发中，请结合后端API调整接口细节，并使用微信开发者工具调试。确保所有操作（如删除）有用户确认提示，提升健壮性。

原创 开通腾讯位置复位

使用wx.chooseLocation能够让用户选择地理位置，但是它返回的数据并没有包含省市区等编码数据，新增收货地址是需要传递省市区编码数据，因此，可以使用。，将返回的经度、纬度进行地址解析，转换成详细的地址。

原创 微信小程序列表数据上拉加载,下拉刷新

1.上拉加载数据，数据 = 下一页数据 + 前面的数据（[...this.data.list, ...data.records）2.当用户上拉加载过快时，会不停的调用接口，需要节流阀isLoading。3.上拉加载到最后一页的判断，isFinish。

原创 小程序地址用户拒绝授权之后再授权的处理流程

【代码】小程序地址用户拒绝授权之后再授权的处理流程。

原创 微信小程序地理定位功能

在调用wx.getLocatio()时需要在app.json中配置permission 字段，并使用scope.useLocation 声明收集用户选择的位置信息的目的，wx.chooseLocation() 接口不需要配置该字段，可以直接进行调用。配置完成后，调用wx.getLocation,wx.chooseLocation接口。小程序管理后台：[开发] - [开发管理] - [接口设置]中开通该接口权限。前提条件：需要先申请开通，暂时只对部分类目的小程序开放，需要通过审核。

原创 微信小程序登陆(前端逻辑)

服务器根据。

原创 小程序中状态管理Redux

【代码】小程序中状态管理Redux。

原创 小程序 状态管理 mobx-miniprogram 和 miniprogram-compute

是针对微信小程序开发的一个简单、高效、轻量级状态管理库，它基于Mobx状态管理框架实现。可以实现全局共享的状态，并自动更新视图组件，从而提升小程序的开发效率使用需要安装两个包：和。

原创 js获取 本月、当前时间 本季度 上月等时间

获取当前年月日export const getCurrentDate = (time) => { let data = new Date(time); let y = data.getFullYear(); let m = data.getMonth() + 1; m = m < 10 ? '0' + m : m let d = data.getDate(); ...

原创 ant desgin vue 兼容IE9以上配置

vue cli3搭建项目，ant-design-vue@1.4.1在babel.config.js文件下加入安装npm install babel-polyfill --save 或者 cnpm install babel-polyfill --savemodule.exports = { presets: [ '@vue/app', // 兼容配置 [ ...

原创 vue公告横向滚动组件封装

新建组件scroll.vue <template> <div class="wrap"> <ul id="marquee"> <li v-for="(item,index) in lists" :key="index">{{item}}</li> </ul> </div>...

原创 vue的图片上传、裁剪，显示的vue-cropper

安装npm install vue-cropper使用main.js里面上传按钮<div class="search-icon" > <label for="inputId" > 上传 </label> <input ...

原创 echars 圆圈刻度百分比

效果如下： export scale= (number, text) => { let opti...

原创 vue3.0 UEditor 配置，及打包后编辑器路径不对的问题

1.第一步：下载Ueditor相关静态文件2.修改ueditor文件夹，引入项目中下载文件后解压——重命名为 UEditor，vue3.0下，放在public文件夹下面3.安装模块 vue-ueditor-wrapnpm i vue-ueditor-wrap -D4.将vue-ueditor-wrap引入你要使用的组件或页面中1、 import VueUeditorWrap ...

原创 echars世界地图，显示指定的国家散点图

效果如下1.下载:npm install echarts --save2，引入世界地图 在 main.js 文件里引入 ( 这里是 Vue3.0 的模板 )import echarts from 'echarts'Vue.prototype.$echarts = echartsimport '../node_modules/echarts/map/js/world.js' // 引...

原创 js 复制input 内容

<div> <input type="text" ref="ipt" v-model="value"> <button @click="copy">复制</button></div><script>methods: {export default { data() { return { ...

原创 vue网页分享，qq,微信，微博

1.分享到QQ空间接口：https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息 2.分享给QQ好友接口：http://connec...

原创 webapp项目vue框架点击按钮实现微信好友分享，朋友圈分享

<template> <divclass=""id="share"v-for="(items,index)instrands":key="index"@click="wxShare(index)"> <imgv-if="index==0"src="../assets/img/gg/wChart.png"alt...

原创 vue 使用antd design vue 配置全局的axios的loading

vue 使用antd design vue 配置全局的axios的loadingimport Vue from 'vue'import axios from './assets/js/axios'Vue.prototype.$ajax = axios;在axios.js文件中设置一个axios拦截器import axios from 'axios'import store from ...

原创 前端页面开发常用网址

1.MDN开发者文档网址:https://developer.mozilla.org/zh-CN/2.菜鸟教程:https://www.runoob.com/html/html-tutorial.html3.W3CSchool:https://www.w3school.com.cn/4.JavaScript教程网：https://zh.javascript.info/5.web开发...

转载 vc开机自启动代码

很多监控软件要求软件能够在系统重新启动后不用用户去点击图标启动项目，而是直接能够启动运行，方法是写注册表Software//Microsoft//Windows//CurrentVersion//Run。参考程序可以见下：(查找程序目录的执行文件，存在则进行添加注册表操作)  //实用代码一int C***Dlg::CreateRun(void){//添加以下代码 HKEY

原创 获取当前工程目录下的ini文件方法

CString strPath,Path="";//获取当前工程文件全路径GetModuleFileName(NULL,strPath.GetBufferSetLength（MAX_PATH+1),MAX_PATH); //释放获取的空间,此时strPath里为工程文件的全路径strPath.ReleaseBuffer();//获取最后一个“/”的位置int

转载 学习vc的心得

让程序只运行一次在源程序中的应用程序类的初始化函数【InitInstance()】中，添加以下代码：CreateMutex( NULL, FALSE, "Application Mutex" );// 添加互斥量if(GetLastError()==ERROR_ALREADY_EXISTS)    return FALSE;注意：要在函数的开始处添加代码。  改变对话框

转载 windows外部命令大全

windows外部命令大全windows外部命令大全通常大家学习的命令基本上都是内部命令。所以内部命令的文章也提多的，但有关外部命令的却很少。其实外部命令也是同样不可忽视的。今天我就给大家总结一下外部命令windows内部命令--------dir del cdwinver---------检查Windows版本    wmimgmt.msc----打开window