一个网络搬砖的斜杠青年

原创 Vue-多页面跳转去掉.html后缀的解决办法

Vue-多页面跳转去掉.html后缀的解决办法首先我要问你个问题，为什么加载网页会默认执行index.html?index.html其实本意是导航页，也就是在这个页面上包含了网站上的基本连接，可以理解为，你访问一个地址，默认打开的就是这个页面。在public文加下放置的是静态文件入口，所以他访问的就是这几个文件，通过访问文件夹的方式，在内部改为index.html，则优化了访问页面跳转页面是去掉.html的效果把每个页面都放到单独的文件夹上，主页的index.html放到‘根目录’上。每个文

原创 deno 安装第三方库解决any问题

deno 安装第三方库解决any问题

原创 otf转ttf并实现字体压缩

otf转ttf并实现字体压缩

原创 去除浏览器自动填充账号密码功能简单并100%有效

他是根据input标签的type属性进行算法计算，满足条件会自带上次输入过的账号密码（目测：type="text"后紧接着type=“password”）的极容易出现填充。先在页面不使用type=“password”，欺骗浏览器我没有使用密码框。当我实际输入密码时，获取焦点（focus）把自身input的type属性再改成“password” ------ “告诉浏览器，我不是密码框”保守点：把前面的账号也改一下，欺骗浏览器说：“我不是账号框”// 长得样式跟text一样。

原创 vue + typescript 检测高德地图AMap 类型

vue + typescript 检测高德地图AMap 类型

原创 vue3+ts+@vuemap/vue-amap实现获取当前用户位置并解析地址信息

vue3+ts+@vuemap/vue-amap实现获取当前用户位置并解析地址信息

原创 基于vue3+typescript+vite二次封装axios总结（已经在实际项目上线）

该文章api由 UomgAPI平台 提供；技术在进步；我也也要跟上技术的步伐，自己总结了下二次封装axios的经验；支持ts（已经在实际项目上线）通常我们的项目会越做越大,页面也会越来越多,如果页面非常的少,直接用axios也没有什么大的影响,那页面组件多了起来,上百个接口呢,这个时候后端改了接口,多加了一个参数什么的呢?那就只有找到那个页面,进去修改.整个过程很繁琐不易于项目的维护和迭代.这个时候如果我们统一的区管理接口,需要修改某一个接口的时候直接在api里修改对应的请求......

原创 react redux实现自动保存本地存储函数

react redux实现自动保存本地存储函数./AuthUpdataLocalStorageFn.js/** * @说明 自动更新本地存储函数 或 返回当前本地存储的状态数据 * @param {*} state 状态数据 * @returns 状态数据 */const AuthUpdataLocalStorageFn = (state) => { if (state) { // 更新本地存储 localStorage.setItem("_state", JSON

原创 vue ts click中的事件类型怎么写？

为事件处理器添加类型

原创 高德地图H5 定位失败报错 geolocation time out. Get ipLocation failed解决方案

此坑踩得我挺难受的，搞了三天需求进入页面，获取用户具体经纬度并且获取当前位置信息；问题在PC电脑调试没问题。到移动端设备上报错GetipLocationfailed解决方法思路高德获取不到我就用。

原创 vue3 setup 使用 getCurrentInstance

vue3 setup 使用 getCurrentInstance

原创 搞懂JS静态继承的方式有哪些

搞懂js静态继承看我就行了

原创 js继承笔记

原创 微信小程序iPhone X 在map组件自定义cover-view时不换行处理

微信小程序iPhone X 在map组件自定义cover-view时不换行处理加入行高.safety_monitoring>.map_view>map .marker_wrapper .info .add { display: block; white-space: pre-wrap; word-break: break-all; line-height: 40rpx; word-wrap: break-word; /* white-space: pre-line;

原创 微信小程序ios时间展示NaN问题解决办法

微信小程序ios时间展示NaN问题解决办法后台数据返回的日期格式2012-02-21 18:30⬇️正常逻辑let d = '2012-02-21 18:30'let date = new Date(d)console.log(date)//Tue Feb 21 2012 18:30:00 GMT+0800 (中国标准时间)// ……你的逻辑ios部分(返回null)let d = '2012-02-21 18:30'let date = new Date(d)console.log

原创 微信小程序 view失去焦点实现方式

微信小程序点击其他元素，当前view隐藏实现方法（自测有用）需求：点击设备的三个小点点，展示删除按钮。点击其他任意处时，让这个按钮隐藏。实现思路：用一个模拟元素，接收点击“任意处位置”的tap事件。先看架构：<view class="item" bindtap="_clickItem"> <view class="title"> <view class="name">{{name}}</view> <view class=

原创 win11系统安装vue脚手架出现的问题

导航：https://www.cnblogs.com/irobotzz/p/12336767.html报错信息????npm ERR! code 1npm ERR! path C:\Users\50865\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\bufferutilnpm ERR! command failednpm ERR! command C:\Windows\system32\cmd.exe /d /s /c node-g

原创 微信小程序踩坑日记-微信小程序首次加载样式错乱问题

微信小程序踩坑日记-微信小程序首次加载样式错乱问题在实际开发项目中，遇到了个棘手的问题，就是在某些因素下，进入小程序发现有些样式发生偏移、错乱等问题问题原因：-未知（估计是组件的问题）↓解决办法：将组件拆分，原有组件中的样式迁移到当前的wxss文件下即可解决首屏加载样式错乱问题...

原创 wow.js一款不需要jq的动画插件（附加源码），你值得拥有

wow.js一款不需要jq的动画插件，你值得拥有wow.js依赖animate.css，超赞的css动画库的结合，满足各种需求兼容表ie6、ie7等老旧浏览器不支持css3动画，所以没有效果；而wow.js也是用的querySelector方法，ie低版本会报错使用方法引入文件<link href="css/animate.min.css">js文件在文当最下面↓↓html<div class="wow slideInLeft"></div>&lt

原创 一起学习吧 重新手写数组上的filter方法

// 原型上更改// 原型上更改Array.prototype.filter = function (fn) { // 这个参数不是 function if (typeof fn !== "function") { throw new Error('not function') } // console.log('this:'+this);//this:调用者 此时是 [1,2,3] if (!Array.isArray(this)) {

原创 小程序封装异步请求

异步封装// @/util/async.jsconst $http = (op) => { let header = { "Content-Type": op.method.toUpperCase() == 'POST' ? "application/x-www-form-urlencoded" : "application/json" }; return new Promise((fn1, fn2) => { wx.request({

原创 小程序价格联动

小程序价格联动 （核心）<view class="item" wx:for="{{list}}" wx:key="index"> <view class="left" data-index="{{index}}" bindtap="clickCheck"> <checkbox value="{{item.g_id}}" checked="{{item.checke}}" /> </view> <view cla

原创 小程序自定义顶部导航笔记（干货）

app.js代码onLaunch() { let _this = this;// 自定义顶部导航 navigationBar // const that = this; // 获取系统信息 const systemInfo = wx.getSystemInfoSync(); // 胶囊按钮位置信息 const menuButtonInfo = wx.getMenuButtonBoundingClientRect(); console.log('m

原创 uniapp实现原生商品分类（小程序的思路也一样）

uniapp实现原生商品分类实现后的效果：需求分析：一个典型的商品分类，点击左侧导航，实现右侧分类动态跳转功能，并编译到小程序。（最基础的移动端商品分类）来认识一个原生组件：scroll-view官方定义：可滚动视图区域。用于区域滚动。主要用到这三个关键属性搭建结构<view class="goods_list"> <view class="class" @click="click"> <view class="item" data-id="uid1"&

原创 二级域名+宝塔面板nginx+node后端无法访问后端静态资源解决问题

二级域名+宝塔面板nginx+node后端无法访问后端静态资源解决问题首先，要有个二级域名整个二级域名宝塔面板添加二级域名网站修改nginx配置场景：我需要一个二级域名专门写接口使用，其中就遇到了代理后的静态资源不能访问，所以就有了以下文章，仅供参考。首先，要有个二级域名首先，二级域名是什么，例如www.xxx.com是一级域名。可以理解 例如a.xxx.com就是二级域名整个二级域名我使用的是腾讯云的产品，阿里云也类似有域名的下面有个解析点击添加记录（自定义个前缀 我的是m和api，

翻译 ES6面向对象部署隐私属性

面向对象部署隐私属性完成一个例子，例子内容是写一个面型对象，这个面向对象完成的效果是执行2次dec方法后会输出一句话，其中这个面向对象中我把属性隐藏了，外面WeakMap存放隐私数据首先，WeakMap只接受对象作为键名（null除外），不接受其他类型的值作为键名。其次，WeakMap的键名所指向的对象，不计入垃圾回收机制const _counter = new WeakMap();//隐私属性计时器const _action = new WeakMap();//计时器倒计时后多少 我在执

原创 整理遍历对象属性一些方法

整理遍历对象属性一些方法1 for…infor…in循环遍历对象自身和继承的可枚举属性（不含Symbol属性）let obj = {foo1:1,foo2:2,foo3:3}for( let attr in obj ){ console.log(attr)//foo1 foo2 foo3}2 Object.keys(obj)Object.keys返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名。let obj = {foo1:1,foo2:

原创 mongoose populate关联一个对象数组里的某个属性字段

mongoose populate关联一个对象数组里的某个属性字段schema↓var articleSchema = new mongoose.Schema({ title:String,//文章标题 type:{ type:mongoose.Schema.Types.ObjectId,//关联类型集合 ref:'types' },//文章类型 author:{ type:mongoose.Schema.Types.Ob

原创 函数的内置属性（arguments）

函数的内置属性（arguments）//arguments.length 检测函数的参数个数 //函数运行时不会验证传递给函数的参数个数是否等于函数定义的参数个数，开发者定义的函数都可以接收任意个数的参数（最多可接受255个），而不会引起任何错误，任何遗漏的参数口可以以undefined传递给函数 ， 多余的参数将忽略 function sum(x,y){ ...

原创 深度了解 JavaScript 中 三目运算符

深度了解 JavaSCript 中 三目运算符初次写文章留作纪念三目运算符 的写法 及体征通过一个简单的案例，让你更深层的了解判断类型的三目运算符的应用 分为 单条件 和 多条件 两种类型。单条件语法多条件语法布尔表达式 ? 表达式true执行 : 表达式false执行布尔表达式1 ? 表达式1true执行 : (布尔表达式2 ? 表达式2的true执行 : 两个表达...