Yetian_2000的博客

原创 Arkts开发父子组件创建和通信

Entry和@Component修饰。Button(“子组件按钮”)组件同页面文件的结构相同都加。父组件Parent.ets。子组件 Child.ets。

原创 回滚远程仓库代码

注意：最重要的一定要保证回滚操作前有备份，总之在做任何可能影响到数据的操作之前，确保你有备份或另外的分支保留了当前的工作状态。

原创 提高性能的常用方法

5、使用缓存，或者nedb本地数据库服务—加快请求响应速度。4、使用防抖节流：控制滚动点击，等一些事件执行。1、使用keepalive缓存组件。2、使用异步加载组件。

原创 flex布局弹性盒子详解

flex-flow：是flex-direction和flex-wrap的缩写属性，用于指定弹性容器的主轴方向和换行方式。align-content：定义弹性容器内的多行弹性项在交叉轴上的对齐方式。flex-wrap：用于定义弹性容器里的弹性项是否应该换行。align-items：定义在交叉轴上弹性项的对齐方式。space-around：弹性项在交叉轴上平均分布排列，每行之间有空隙。对齐方式（align）：设置弹性项在弹性容器内的对齐方式。stretch：默认值，弹性项在交叉轴上被拉伸填满弹性容器。

原创 less和scss语法详解

比较好的博客文章：Less使用语法（详细）：https://blog.youkuaiyun.com/weixin_44646763/article/details/114193426。SCSS基本语法：https://www.jianshu.com/p/4efaac23cdb6。4、使用extend实现继承。5、混合器 mixin。

原创 移动端中如何做单位的自适应

1、在html文件中写上js执行：监听窗口变化，DOMContentLoaded 和 resize（加载完成和窗口变化）--------执行计算字体的大小。区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。

原创 项目中安装vant报错解决办法

错的原因可能是 ：npm 版本问题，npm 的不同版本对不同的组件库等命令不兼容，对命令的要求更严格；这里可选择下载最新的 npm 解决问题，或者采用如下的解决方案：安装2.x的版本的vant依赖。参考资料：https://blog.youkuaiyun.com/m0_58893670/article/details/125395437。

原创 【无标题】

1、taro项目运行npm run dev:weapp会在dist目录下编译成微信小程序的代码格式，然后使用微信小程序开发者工具打开，就能展示出来你所写的页面。

原创 taro的底部tabbar参数样例

代码参考样例{ pagePath: “pages/index/setting”,text: “我的”,

原创 【无标题】

创建taro项目

原创 使用fetch请求解析服务端响应的数据

前端是：electron + react写的。后端代码：node.js 写的。

原创 前端js中使字符串代码运行

js执行字符串脚本

原创 ts获取枚举对应类型

ts获取枚举对应的类型

原创 指定行数 多余文字省略展示样式

【代码】指定行数 多余文字省略展示样式。

原创 taro框架中：Taro.pxTransform（）使用

taro

原创 less 中的循环（each 方式）

111

原创 解决因为在此系统上禁止运行脚本。（的问题）

解决系统禁止执行脚本的问题

原创 js创建svg元素并插入到html中使用createElementNS

动态创建svg在插入html中

原创 文本编辑器vscode编译运行c++文件（.cpp）

1、安装插件vscode中搜索c++插件2、新建一个目录，并在这个目录中新建一个.cpp文件并按c++格式写入代码3、用编译main.cpp文件vscode的终端中选择Run Build Task…选择g++生成活动文件4、生成运行的exe文件后，终端中可以输 ./main回车就会打印出代码中输入的内容...

原创 mac终端的bash和zsh命令的切换

1、查看你的终端shell是zsh还是bash输入命令:echo $02、切换成bash输入命令： chsh -s /bin/bash3、切换成zsh输入命令： chsh -s /bin/zsh

原创 mac访达中显示隐藏的文件夹和文件

mac查找隐藏的操作文件

原创 idea社区版中使用tomcat部署Maven搭建的web项目

背景：由于社区版的idea中没有提供tomcat server用于部署项目，故不能用tomcat服务部署web项目的war包用于开发调试可以使用社区版的插件smart tomcat来部署，步骤1、idea——>Settings(mac为Preferences)——>Plugins——>Smart Tomcat——>Install2、idea右上角点击Edit Configurations选择本地安装的Tomcat目录第6步和第12步为选择要部署的项目路径，注意这里

原创 从服务器接收到请求到对应后台接收到请求

负载均衡对于大型的项目，由于并发访问量非常大，所以往往一台服务器是吃不消的，一般会有若干台服务器组成一个集群，然后通过配合反向代理实现负载均衡。这里实现负载均衡的方式有很多种，我们以比较熟悉的反向代理负载均衡为例，先来看看它的调度算法：1.weight(轮询)​ 接收到的请求按照顺序逐一分配到不同的后端服务器，即使在使用过程中，某一台服务器宕机，nginx会自动将这台服务器剔除队列，请求受理的情况不会受到任何影响。在这种方式下，可以给不同的后端服务器设置一个权重值，用于调整不同的服务器上请求的分配率

原创 监听路由“$route“

原创 keep-alive(某一个页面我从部分路径过来，需要缓存，但从另一部分路径过来，不能缓存页面，需要刷新)（下篇）

keep-alive(某一个页面我从部分路径过来，需要缓存，但从另一部分路径过来，不能缓存页面，需要刷新)（下篇）这个问题，我在西部利得的项目种遇到：在trade-buy-form页面因为有三个步骤：a.签署合同 b.视频双录 c.购买下单。场景1：在第三个步骤“购买下单”中如果，在这个页面我中途跳转到开通汇款页面，从开通汇款返回trade-buy-form页面需要保持之前的页面显示，即缓存页面，不能刷新页面。场景2：从产品详情页，点击申购按钮，跳转到trade-buy-form页面需要刷新页面，这

原创 keep-alive(某一个页面我从部分路径过来，需要缓存，但从另一部分路径过来，不能缓存页面，需要刷新)（上篇）

keep-alive(某一个页面我从部分路径过来，需要缓存，但从另一部分路径过来，不能缓存页面，需要刷新)这个问题我从网上找到一个比较好的方法解决：https://blog.youkuaiyun.com/GraffitiBoy/article/details/106812435关键代码如下表：父组件//首先添加v-if,并且写个祖宗方法让其子页面调用v-if销毁创建的方法<template> <div id="app"> <keep-alive v-if="isR

原创 匿名函数使用Arguments.callee实现递归

函数实现递归是一个很就是函数内根据一定的条件不断的调用函数本身实现循环，但是这种递归有一个条件就是该函数必须有名字，如下可以实现一个没有名字函数的递归(function (b){ var x= b || 0; console.info(x); if (x<3) { arguments.callee(x+1); }})()其中arguments.callee是实现函数自己调用自己的关键...

原创 关闭小程序，跳回到h5。你们是通过url跳转返回到h5吗？

不是跳回 你打开小程序会覆盖你的h5 你关闭以后正常来说是不会对你的h5有影响

原创 微信小程序开放能力web-view使用之h5页面与小程序页面交互传值？

111111

原创 在vue项目中checkbox，写点击事件不能选中或者取消选中。（原因分析）

1.checkbox，写点击事件不能选中或者取消选中：1.因为investorStateList是个数组，不是一个简单数据类型，vue不能监听到变化，并且改变视图，所以需要使用强制更新视图 .2.或者checked绑定简单的数据类型也可以。...

原创 完善开发流程

标准的开发流程：1.. 开需求会需要，根据细节点一个个过。不确定的点，后面确定了再开会确定（最好不要发邮件的形式）2.后台接口开发完了，需要和前端，核对功能接口文档。3.前端与后台都开发完了，需要讲解开发的功能。（项目经理与测试参与，查看功能是否准确）4.测试开用例评审，讲解测试用例。5.发测前，开发根据用例，自测功能。恒生开发流程需要完善的地方：1. 环境有问题，都是测试在弄，但总是要弄好久，出现了问题他们也不知道怎么回事。也不好定位出问题。（希望这些事后台来完成）2. 开发应该有自己

原创 滚动踩的几个坑

不能写成contentH == (scrollTop + viewH)，存在兼容性问题，不同的浏览器。if(contentH - (scrollTop + viewH) < 10 ){}写成这样更加合理。2。scrollTop实现动画的缓慢滚动，这个不是css无法使用动画函数，所以只能通过定时器来实现。要监听某个元素的滚动，必须满足两个条件，第一：该元素必须设置了overflow，第二：该元素不能是body，否则使用$("#xx").scroll()监听不到滚动。...

原创 使用extend在jquery对象上，增加属性和方法。

这种模式可适用于任何实例和对象中去扩展方法和属性。$.extend({ getbanner: function (){ congdole.log(1111) }})

原创 关于vuex中store存储数据，页面刷新，数据丢失问题

由于页面store中数据在页面刷新时会存在页面数据丢失的问题，所以建议不要再这里面存储用户公共数据，如果一定要存，可以在初始化定义state数据时从浏览器缓存中取，避免这个问题。一般建议数据存储在浏览器缓存中。...

原创 接口封装需要考虑的问题。

import axios from 'axios'// import qs from 'qs'import store from '@/store'import router from '@/router'import { Message } from 'element-ui'import config from '@/static/config.json'// isSTip:操作成功的提示// isFTip:操作失败的提示// isDownload:是否下载文件 // 1.疑问：为什么

原创 postMessage，父传子的iframe示例（亲测有效）

父窗口<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script src="./js/jquery.js" type="text/javascript"></script><script type="text/javascript"> function post(

原创 小知识总结

姓名的：正则表达式 //真实姓名必须以汉字或字母开头，允许空格_-.·等字符 var pattern = /^[\u4E00-\u9FFFa-zA-Z][\u4E00-\u9FFF\w\_\-\.\·\s]{1,49}$/; var arr = pattern.test(str);v-decorator：antd表单的校验指令v-decorator这个哪来的自定义指令：antd表单的校验指令v-decorator的使用，这个可以双向绑定值。有点类似v-model，

原创 canvas绘制瓦片地图示例

注意这里的图片需要自己加下，图片命名规则是x1y1 x1y2 x1y3 x2y1 x2y2 x2y3 x3y1 x3y2 x3y3 这样的9张图片<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script src="./js/jquery.js" type="text/javascri

原创 接口封装需要考虑的问题

接口封装API接口1.请求的config参数配置2.请求拦截器，（主要配置信息：1.特殊字符转码，2.token追加在请求头的headers.Authorization 3.后台接收什么类型的数据结构，确定是否要用qs.stringfly）3.或者是响应拦截器的配置（也可以不写，直接在axios.then ().catch() 里面配置）（主要做的事情：针对后台返回不同的格式文件进行统一处理，比如blob, html格式文件，arraybuffer）...

原创 关于axios中qs使用详解

axios请求在正常情况下是使用json数据提交，qs.stringfly()处理的数据是（form-urlencoded 表单数据提交格式：比如：name=“你好”&id=12）qs.parse()处理的数据是，以对象形式提交：{ name:‘nihao’, id=12 }所以是否要使用qs取决于后台需要我们提交的数据格式是什么样的。...