- 博客(52)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 关于uniapp的picker的使用
最近入职的一家公司是基于uniapp开发app的，很多东西不懂，最近遇到一个关于picker选择的问题要求二级联动，左边选择省份，右边选择市但是picker的原生的选择只有这样的三级联动，没有选择省然后再选择市这样单独选择的模式然后我去uniapp的官网查看了 picker的描述和属性：mode属性：它有五个属性值mode = selector 表示普通选择器属性名...
2020-04-15 22:58:19
31536
4
原创 超详细保姆级vue3和代码规范项目搭建
每个npm包中都有一个package.json文件，如果要发包的话，package.json中的version就是版本号了。version字段结构为：'0.0.0-0’分别代表：大号.中号.小号-预发布号，对应majon.minor.patch-prereleasenpm中version的类别及描述:major。
2023-07-08 15:53:56
2596
2
原创 vue3组件二次封装Ui处理
在Vue开发中，我们常常需要使用UI框架提供的组件。但是UI框架的组件可能并不符合我们的需求，这时候就需要进行二次封装。下面是一些关于Vue组件二次封装Ui处理的技巧：子组件代码：父组件使用：如果使用props接收弊端：因为vue2和vue3有些不同咱分开讲：vue2的介绍和使用：上面感觉很难懂：简单来说就是**** 接收传递过来的props的值。** 当 inheritAttrs：true 继承除props之外的所有属性；inheritAttrs：false 只继承class属性vue2的代码：fat
2023-04-14 14:30:28
1053
1
原创 vue 组件封装单向数据流
在 vue 组件中，为了保证数据的单向流动，我们通常会将数据定义在父组件中，通过 props 传递给子组件。子组件通过事件向父组件发送数据，保证数据的单向流动。
2023-04-06 19:07:20
1129
原创 vue如何兼容https和webdatas协议
总之，要在Vue项目中实现兼容HTTPS和Webdatas协议，我们需要在前端和后端进行一些配置。您可以在不同的浏览器和设备上测试您的项目，并确保它可以在各种环境下正常运行。在此示例中，我们将Axios的默认基本URL设置为我们的Webdatas协议的地址，并设置了一个授权头，该头包含我们的访问令牌。要在Vue项目中实现兼容HTTPS和Webdatas协议，我们需要在前端和后端进行一些配置。我们需要在Vue项目中配置Webdatas协议，以使用HTTPS协议进行传输。在Vue项目中，我们可以在。
2023-03-12 11:12:35
779
原创 electron项目的webview实现数据隔离，不同的webview登录同一个网页实现不同账号登录
webview 有partition 它就是出来会话数据问题的，直接对应不同的 partition名称即可。注意值为string。解决过程： 考虑electron的session隔离。解决： 多个网页打开对应多个webview即可。
2023-03-09 15:47:41
1586
原创 手写Promise并且手写async/await的实现原理手写实现
async/await 是一种简化异步操作的语法糖，使异步代码更加易读易维护。掌握其原理和实现步骤有助于更好地理解其使用方法和优化异步代码。
2023-02-26 00:08:52
533
1
原创 Preparing lint-staged... Running tasks for staged files... ❯ package.json — 8 files ❯ src/
✔ Preparing lint-staged…⚠ Running tasks for staged files…❯ package.json — 8 files❯ src/**/*.{js,vue,ts} — 4 files✖ vue-cli-service lint [ENOENT]↓ Skipped because of errors from tasks. [SKIPPED]✔ Reverting to original state because of errors…✔ Cleani
2022-02-20 14:33:59
3026
原创 民族列表JSON(可直接复制)
module.exports = { list: [{ "id": "01", "name": "汉族" }, { "id": "02", "name": "蒙古族" }, { "id": "03", "name": "回族" }, { "id": "04", "name": "藏族" }, { "id": "05", "name": "维吾尔族" }, { "id": "06", "name"
2021-12-20 17:32:08
1107
原创 mac 设置 nginx 代理
安装 nginx百度即可打开nginx 进行配置vi /opt/homebrew/etc/nginx/nginx.confLast login: Fri Dec 10 18:05:41 on ttys005zhangyangguang@zhangyangguangdeMacBook-Pro ~ % vi /opt/homebrew/etc/nginx/nginx.confzhangyangguang@zhangyangguangdeMacBook-Pro ~ % nginx -s reloa
2021-12-13 08:31:06
1256
原创 手写promise原理——高阶函数实现——函数柯里化原理——实现通用柯里化函数——函数订阅发布模式实现——手写观察者模式
1. 高阶函数// 高阶函数： 如果一个函数的参数是一个函数（回调函数也是高阶函数的一种）// 如果一个函数返回 一个函数 当前函数也是一个 高阶函数 // 扩展当前业务代码 function say(a,b){ console,log("say",a,b);}// 给某个方法添加方法 在执行之前调用 Function.prototype.before = function(callback){ // let _this = this; // 让this 指向say //ret
2021-12-07 14:23:19
709
原创 ES6 总结和 vue 双向绑定原理解析与实现
let和 constvar 声明的变量 (污染全局变量)var a = 1;console.log（window.a);// let 的话 为 underfin变量提升console.log(a); // function varvar a = 1; // let 或者 const 变量不提示 (var 是underfund let 是 not de fined )重复声明 var a = 1; var a = 2; // let 是报错let 作
2021-10-21 09:22:30
285
原创 uniapp使用百度地图 (vue 使用 vue-baidu-map)及坐标转换
最近有个需求是对GPS的坐标在unaip中展示对坐标转化因为拿到的是 GPS 坐标 uniapp 的map是腾讯的，但是腾讯的地图转换数据有限制和处理方面是异步，最后考虑用百度地图 。需要百度地图的keyuniapp 安装 npm包 官网uniapp 咱装 npm包支持了解百度地图 2.0 的参考类 百度地图参考类 地址...
2021-08-05 21:16:14
11076
12
原创 vue js对input输入数字后两位(金额输入框)
js控制input框只能输入数字和一位小数点和小数点后面两位小数html代码 <input id="money" type="number" step="1" pattern="number" class="form-control" placeholder="￥ 输入付款金额" aria-label="Example text with button addon">js代码// 金额计算 $("#money").on('input propertychange',fu
2021-04-05 10:24:06
852
原创 小程序转跳小程序及带参，-出现开发版小程序已过期,请在开发者工具重新扫码问题
小程序转跳小程序及带参需求： 从一个小程序转跳到另外一个小程序解决思路： 小程序有对应的 API wx.navigateToMiniProgram(Object object)使用限制：需要用户触发跳转从 2.3.0 版本开始，若用户未点击小程序页面任意位置，则开发者将无法调用此接口自动跳转至其他小程序。需要用户确认跳转从 2.3.0 版本开始，在跳转至其他小程序前，将统一增加弹窗，询问是否跳转，用户确认后才可以跳转其他小程序。如果用户点击取消，则回调 fail cancel。参数介绍
2021-03-12 14:40:39
4143
原创 js计算精度（加减乘除）确保计算不失去精度
加：function dcmAdd(arg1,arg2){var r1,r2,m; try{r1=arg1.toString().split(".")[1].length;}catch(e){r1=0;}try{r2=arg2.toString().split(".")[1].length;}catch(e){r2=0;}m=Math.pow(10,Math.max(r1,r2));return (accMul(arg1,m)+accMul(arg2,m))/m;}减：function
2020-09-28 15:14:00
822
原创 一键拨打电话（html,小程序，uniapp）
最近看到一个好玩的东西，打算记录一下通过一行代码，一键播打电话，打算总结一下对于js的一键拨打电话：一键拨打电话<a href="tel:13764567708">一键拨打电话</a>这是最常用的拨打电话方式，显示电话号码，提示并且一键拨打一键拨打电话...
2020-07-29 16:59:57
3097
3
原创 js实现input输入的数字只能大于等于1 （适用于uniapp小程序）
最近写了个小程序有个input输入框要求只能输入大于1 的数字<template> <input class="inputPrice" :maxlength="maxLength" type="digit" v-model="currentPrice" @input="checkPrice"></template><script> export default { data() { return { maxLength: 5,
2020-07-28 15:29:57
4106
1
原创 uniapp的请求封装（含post ,get,put ,delete）
最近使用uniapp写小程序，但是没有合适的数据请求，于是自己熬夜写了一个。下面是对于代码的解释:请求的初步封装export default class request { // 配置项 constructor(options) { //请求公共地址 this.baseUrl = options.baseUrl || ""; //公共文件上传请求地址 this.fileUrl = options.fileUrl || ""; //默认请求头 this.header =
2020-06-10 18:04:47
10365
2
原创 vue中使用深度选择器修改第三方UI库默认样式时，/deep/报错不生效
在vue项目中，引用了第三方UI库(如vant-ui)，此时想在某个组件里面更改vant-Ui的样式，而不影响全局，发现直接用它里面组件的类名去修改无效果。这时候想到了用深度选择器解决这个问题，但是发现使用了 /deep/报错这很可能是使用了scss编译的问题然后改成 >>> 也是不报错了但是也不生效的，最后发现 可以改成 ::deep深度选择器总结： 官方深度选择器解释：深度选择器一般用于组件开发，修改组件内的某些样式深度选择器表示种类：“/deep/”“>
2020-06-04 14:11:09
3439
原创 简单粗暴修改vant组件nav-bar的title(标题的字体颜色)
最近我有人问我关于vant组件的nav-bar的标题颜色需要改但是不会，我去网上找了一下，发现都很复杂然后我发现通过深度选择器可以修改nav-bar的标题的字体颜色代码：<template> <view> <demo-block title="基础用法" class="reset"> <van-nav-bar title="标题" left-text="返回" right-text="按钮" left-arrow @clickLeft="onCli
2020-06-04 13:51:01
14652
2
原创 随机数组中出现最多的元素，如果一样多都获取
下班回家，有一盆友，问我一道面试题，要求获取一个随机数组的出现最多的元素，如果又好几个元素和最多的一样多，就最多的全部获取下面是代码：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2020-05-27 22:15:46
196
原创 小程序的生命周期和触发条件和应用场景
全局生命周期onLaunch 小程序初始化完成时（全局只触发一次）onShow 小程序启动，或从后台进入前台显示时触发onHide 小程序从前台进入后台时触发onError 小程序发生脚本错误，或者 api 调用失败时触发，会带上错误信息页面生命周期onLoad 页面加载时触发，只触发一次onShow 页面显示/切入前台时触发。onHide 页面隐藏/切入后台时触发（点击关闭按钮）onReady 页面初次渲染完成时触发。只触发一次onUnload 页面回退时触发（点击回退..
2020-05-22 23:24:44
922
原创 java小白初入-白皮书术语
简单性：java相对c++简单小，java是支持小型机器上独立运行的软件面对对象面对对象是一种程序设计，它将重点放在数据(对象)和对象的接口上分布式java有一个丰富的列程库，用于处理像http和FTP之类的TCP/IP协议。健壮性：java编译器可以检测，许多语言在运行的时候才能检查出来的问题java非常强调进行早期的问题检测i，后期动态的(运行)检查安全性：java要适用于网络/分布式环境，需要注意安全。 java可以构建防病毒，防篡改的系统一开始java就设计成可以防范各种攻击
2020-05-19 22:31:44
99
原创 小程序的WXML动态模板语法详解
WXML动态模板语法详解对于WXML的动态语法，简单的分类为：数据绑定条件渲染列表渲染事件处理数据绑定基础数据绑定组件值数属性绑定：插值表达式的信息可以插入到属性中插值表达式内部支持计算对象操作： 访问对象中的属性值(对象名称.属性名称）这是wxml的相关代码：<view> 你好，{{uname}}</view> <!-- 属性的值也可以是动态的 --><view data-uid='{{uid}}' class='{{c
2020-05-12 14:53:57
1270
2
原创 小程序静态资源的处理
当写完小程序部分功能，想在移动端试试效果，进行预览的时候，发现有错误的提示消息发送错误是因为小程序对小程序的代码包体积有一定的要求， 要求不能大于 2048kb (就是不能超过2M)但是项目的一些静态资源占用的空间是很大的，实际项目中图片资源都是通过服务器返回，而非本地资源，所以 2M 的大小可以满足大部分的需求咱们可以通过配置 project.config.json 文件，可以忽略某些文件（如图片等）以减少预览发布资源所占空间的大小"packOptions": { "ignore": [
2020-05-10 19:14:56
6695
原创 小程序客服的开通和使用
微信小程序的 button 自己带有对应的微信开通的功能，只需要给 button 添加 open-type=“contact” 属性1. 首先设置对应的代码，在小程序内添加客服消息按钮组件，用户可在小程序内唤起客服会话页面，给小程序发消息；因为button有对应的属性 只要给button设置即可，也可以选择用组件的方式。<view><contact-button type="default-light" size="20" session-from="wea
2020-05-10 18:18:40
819
3
原创 小程序的基本布局
wxml 指的是 wei Xin Markup Language, 微信团队以 XML 为基础，定义的一套用实现小程序页面布局的标记语言 ，与HTML 非常的类似常用标签wxml 有一套自己的标签（组件 ） 比如from ,input ,textarea ,button ,audio, video,view ,text 等等。他们的含义与html类似，view可以和HTML中的div对应，text可以与HTML中的span对应。关于view和text的使用效果：代码：<!--pages
2020-05-08 21:10:24
1617
原创 小程序项目结构和相关基本配置
小程序分类服务号：给企业和组织提供更强大的企业服务和用户管理能力，帮助企业快速实现全新的公众号服务平台。shiyhong订阅号： 为媒体和个人提供一种新的传播方式，构建与读者之间更好的沟通与管理模式。小程序：一种新的开放能力，可以在微信内被便捷地获取和传播，同时具有出色的使用体验。企业微信：企业的专业办公管理工具。支持用企业微信添加客户微信，帮助企业实现统一管理客户关系，并且与微信支付，...
2020-05-07 15:24:46
217
原创 js基础
js初体验轻量级脚本编程语言js作用：与用户交流互动 简称交互js引入方式内嵌式：demo学习阶段外链式：工作使用行内：一般不用js注释// ctrl+/ 单行注释 ，一般做简单的说明 说明；/* ctrl+shift+/ 多行注释可以回车写很多的注释函数、功能：介绍用多行注释；*/js输入输出//输入信息(带有引导信息) 小括号内用单引号或双引号，只...
2020-05-06 20:44:57
160
原创 css代码实现滚动轮播效果
用简单的css代码实现滚动轮播效果以前做滚动轮播，都是用js实现的，最近发现可以通过css3的一些新特性实现滚动轮播效果。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width...
2020-05-01 22:58:17
1750
原创 echarts折线图的使用和相关属性
折线图的使用<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>折...
2020-04-29 21:15:22
1177
原创 设置圆的渐变色
对于颜色渐变css有着对应的属性字体颜色渐变 .tongji-header{ width: 150px; height: 30px; font-family: MicrosoftYaHei; font-size: 18px; font-weight: normal; ...
2020-04-28 22:33:29
1165
原创 背景图自适应浏览器窗口
对于图片大小小于浏览器窗口的可以设置div高度为览器可视窗口的高度div { position:absolute; top:0; left:0; height:100%;}注意： 这里要设置body的高度和框度为100%，才能生效如果图片较大做背景图 * { margin: 0; padding: 0; } ...
2020-04-25 17:23:26
406
原创 WEB API 与 jQuery 对比
概念的对比什么是： web ApIAPI 就是接口的意思 web api 就是前端接口 程序接口说白了 就是一套别人已经封装好的方法和属性 我们只需要调用就能有对应的功能作用： 减少我们写的代码 和逻辑 为了偷懒什么是： jQuery用javascript 写的一个文档 也就是 javascript库说白了 就是还有人 觉得 原生的一些 API...
2020-04-19 08:26:23
461
原创 Es6语法总结（部分）
Es6量产含义特指ECMAScript2015泛指ES2015之后的新特性， ES2018 ES2019let和constlet和var的区别不能重复定义没有变量提示(var定义的变量是有变量提升的)，必须先定义在使用全局变量不会附加到window对象的属性中具有块级作用域 (除了对象字面量外其它的都是代码快)单独的快作用域书写形式： { 这是块级作用域}自...
2020-04-19 08:20:57
160
原创 移动端布局整合
动画 2D 3D效果transform动画属性是css3新特性添加后的作用让页面有2d 3d效果 让页面更丰富2D 3D都属于动画效果 所以都要 transform 前缀 transform 本身有动画的词义2D和3D 的区别就是少一个z轴 所以下面的所有共同属性都少z轴的一些特性2D 3D 共有特性坐标系作用： 确定移动 旋转的方向水平向右是x轴 垂直向下是y...
2020-04-19 08:14:03
327
zhangyguang.rar
2020-06-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人