peijiajing的博客

原创 uniapp 传对象参数

//点击的时候uni.navigateTo({ url:'../mine/index_info?item='+JSON.stringify(item)})//另一个页面接收时候onLoad(options) { this.option=JSON.parse(options.item) }

原创 观察者模式（微信小程序自制侦听属性）

话不多说，上来就是代码 //app.js为整个项目设置监听属性，让每一个页面的js文件都能使用watch:{}结构 //app.js为整个项目设置监听属性，让每一个页面的js文件都能使用watch:{}结构 setWatcher(data,watch){ // data - 各个页面的数据区 // watch - 各个页面的watch对象 Object.keys(watch).forEach(key=>{ this.observer(data,

原创 vue项目配置生产环境和发布环境的接口地址的跨域问题

config>index.js文件夹'use strict'// Template version: 1.3.1// see http://vuejs-templates.github.io/webpack for documentation.const path = require('path');module.exports = {//生产环境 dev: { // Paths assetsSubDirectory: 'static', assetsPub

原创 uni-app的三种调取接口的方法

uni-app中调取接口的三种方式：1、uni.request({ url:'', data:'', method:'', //get、post、delete header:{}, success:res=>{}, fail:()=>{}, complete:=>{} })2、...

原创 Vue + ECharts 实现图表导出为图片功能详解

Vue + ECharts 项目中实现图表导出功能的完整方案

原创 uniapp做的APP和安卓苹果做的什么区别

核心区别：Uniapp是“一次开发多端部署”的跨平台框架，安卓（原生Java/Kotlin）、苹果（原生Swift/Objective-C）是单独开发的原生APP，核心差异集中在开发效率、性能体验、适配灵活度上。

原创 Vue 生成 PDF 完整教程

Vue 生成 PDF 完整教程，在 Vue 中生成 PDF 主要分为两种方式

原创 浏览器 Web Bluetooth API使用方法

前端浏览器连接蓝牙

原创 vue表格不分页情况下点击查看更多数据

前端表格不分页情况下查看更多数据

原创 Vue二进制数据渲染成图片

前端二进制数据渲染成图片

原创 JavaScript 的try使用方法和应用场景

中强大的错误处理机制，合理使用可以构建出健壮、可靠的应用程序。关键是要理解何时使用它，以及如何提供有意义的错误处理和恢复策略！

原创 JavaScript 顶层 Await

1、阻塞效应：顶层 await 会阻塞模块的解析和依赖模块的执行。3、服务器端渲染：在 SSR 环境中要特别注意异步模块的加载。4、树摇优化：某些打包工具可能对顶层 await 的支持有限。2、循环依赖：要小心由顶层 await 引起的循环依赖问题。示例 1：API 数据预加载。示例 2：功能检测和回退。示例 3：应用初始化。

原创 ES6知识点详解和应用场景

由于ES6特性较多，我们挑选最常用和最重要的特性进行详解。let 和 const箭头函数模板字符串解构赋值默认参数剩余参数和扩展运算符对象字面量增强Promise模块化（import/export）类（Class）迭代器和生成器SymbolSet和Map异步函数（Async/Await）ES6（ECMAScript 2015）是 JavaScript 语言的重大更新，引入了许多强大的新特性，极大地提升了开发效率和代码质量。应用场景：知识点详解2. 箭头函数应用场景：知识点详解3.模板字符串应用场

原创 JavaScript 运算符详解

JavaScript 提供了丰富的运算符，用于执行各种操作。下面我将全面介绍各类运算符的用法、解释和使用场景。

原创 JavaScript所有运算符的用法以及使用场景

JavaScript中常见的运算符，掌握它们对于编写JavaScript代码至关重要

原创 JavaScript右移位运算符

JavaScript右移位运算符

原创 监护仪专业术语一览表

原创 unapp的uni.setBLEMTU蓝牙通讯设置最大传输单元失效，每次只能传输20个字节

【代码】unapp的uni.setBLEMTU蓝牙通讯设置最大传输单元失效，每次只能传输20个字节。

原创 canvas绘制哆啦A梦

【代码】canvas绘制哆啦A梦。

原创 JavaScript中引用数据类型的浅拷贝

而为引用数据类型变量只开辟用来存储指向数据本身的地址的空间，即引用数据类型变量在内存中存储的是数据的地址，并不是数据本身。在本段代码中，第一句声明变量a并赋值为15，第二句声明变量b并将变量a的值赋给变量b，即变量b的值来源于变量a。紧接着改变变量b的值为100，继续输出两个变量的结果为：15,100。这就是说变量a存储的是数组[10,20,30]的引用（即地址），当把变量a赋值给变量b时，是把a中存储的数组的地址赋给了变量b，即变量b中存储的也是数组的引用，也就是说变量a和b同时指向了一个数组。

原创 webgl入门

3)gl.STENCIL_BUFFER_BIT 清空模板缓存区。2)gl.DEPTH_BUFFER_BIT 清空深度缓存区。1)gl.COLOR_BUFFER_BIT 清空颜色缓存。

原创 4、TS函数的类型

/如果表明函数类型，再使用的时候以表明的函数为准。

原创 3、TS中的类型断言

【代码】3、TS中的类型断言。

原创 2、TS中的基础讲解

每个ts文件饾建议添加 export { } ，解决ts文件报错问题 模块化的问题我们在学习ts的工程中主要学习ts如何写类型，（ts关注的是类型，不是业务逻辑）TS的类型都是在变量后面来写，：后面跟类型 =后面是值 （TS语法，不是js对象） let myName: string = ‘hello world’1、.ts的目的是什么？从安全角度来考虑使用（考虑我在赋予结果的时候是否会发生错误）

原创 1、搭建TS开发环境（利用rollup）

rollup安装：npm i rollup typescript rollup-plugin-typescript2 @rollup/plugin-node-resolve -D。code-runner 如果是js文件 内部会直接采用 node + 文件名来执行此文件,如果是ts文件 需要通过ts-node 来直接执行。tsc–init 初始化ts的配置文件。vscode插件来实现代码的运行。

原创 pc端字体为什么到12像素以后不生效

【代码】pc端字体为什么到12像素以后不生效。

原创 使用CSS实现滚动吸附效果

【代码】使用CSS实现滚动吸附效果。

原创 html根据图片变换背景色

【代码】html根据图片变换背景色。

原创 htnl根据轮播图图片切换背景色

【代码】htnl根据轮播图图片切换背景色。

原创 vue2的响应式思想-依赖收集系统

【代码】vue2的响应式思想-依赖收集系统。

原创 vue的渲染器的实现

【代码】vue的渲染器的实现。

原创 js startsWith() 方法和endsWith()方法

【代码】js startsWith() 方法和endsWith()方法。

原创 vue3插件的使用方式

函数类型写法：根目录建一个 plugins_function.js。对象类型写法：根目录建一个 plugins_object.js。

原创 uniapp中mixin的局部混入用法

新建一个bluetooth.js。

原创 vue3自定义指令 时间格式化指令

1、建立一个directives目录，利用index全部导出，主要逻辑在 format-time.js中2、main.js中用import {//引用 import registerDirectives from './directives/index.js';//把app传过去 registerDirectives(app);3、建立一个index.is4、建立一个 format-time.js。

原创 js数组冒泡排序

let arr=[10,30,20,50,60,15,80]; let temp;//临时变量 for(let i=0;i<arr.length;i++){ for(let j=i+1;j<arr.length;j++){ if(arr[i]>arr[j]){ temp=arr[i]; arr[i]=arr[j]; arr[j]=temp; } } } c..

原创 js获取时间

运行看结果 年月日时分秒 要啥自己拼接 // 处理图表数据，用数据补充阴影 let time = new Date(); // 获取年月日时分秒 this.year = time.getFullYear(); this.month = Number(time.getMonth()) + 1; this.day = time.getDate(); this.hour = time.getHours(); this.minute = time

原创 移动端rem

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>rem</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"

原创 uniapp循环多选

代码运行 看效果<template> <view class="content"> <view :class="item.checked ? 'a' : ''" @tap='dianji(index)' v-for="(item,index) in arr2" style="width:100upx;height: 50uxp;border: 1px solid red;margin-top: 20upx;"> {{item.name}} </v

原创 uniapp - 小程序版本自动更新

App.vue onShow: function () { //新版本更新 if (uni.canIUse('getUpdateManager')) { //判断当前微信版本是否支持版本更新 const updateManager = uni.getUpdateManager(); updateManager.onCheckForUpdate(function (res) {