自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(192)
  • 收藏
  • 关注

原创 将h5项目转成uniapp小程序

将H5项目转成小程序

2023-06-20 17:57:08 1590 6

原创 判断对象中对象长度个数

判断对象中对象长度个数

2023-04-25 09:54:12 262 1

原创 下载或升级videojs报错:Super expression must either be null or a function, not undefined

下载或升级videojs报错:Super expression must either be null or a function, not undefined

2023-03-27 11:37:54 344

原创 小程序上传体验版,扫码登录白屏?

小程序上传体验版,扫码登录白屏,点击左上角才能回到首页。核实预览首页和代码首页是否一致。

2023-02-24 14:35:22 518

原创 fatal: origin does not appear to be a git repository fatal: Could not read from remote repository.

fatal: origin does not appear to be a git repository fatal: Could not read from remote repository.

2023-01-16 14:41:25 632

原创 uniapp 设置radio组件选中框大小

uniapp 设置修改 radio组件选中框大小

2023-01-07 15:21:41 295

原创 uniapp版本上线,线上版本上传图片操作失败

小程序发布新版本,线上版本图片上传失败。可选择图片但是在页面不回显,不报错。

2023-01-07 14:56:18 440

原创 uniapp评分操作uni-rate

uniapp评分操作uni-rate,常见使用

2023-01-06 17:15:33 990

原创 小程序从启动到发版

小程序项目从拿到手到发版流程

2023-01-04 16:16:47 212

原创 uniapp自定义tabBar,根据角色展示路由导航

uniapp自定义tabBar(custom-tab-bar),根据角色展示路由导航

2023-01-04 10:05:31 1378 8

原创 e.chooseFile is not a function问题,使用uni.chooseFile报错【TypeError: e.chooseFile is not a function】

在小程序项目中,使用uni.chooseFile报错【TypeError: e.chooseFile is not a function】

2023-01-03 10:02:35 3035

原创 使用uni.showActionSheet方法itemList数量超过6时,点击提示框不反应问题

使用uni.showActionSheet方法itemList数量超过6时,点击提示框不反应问题

2022-12-30 11:50:00 1514

原创 wx.chooseMessageFile小程序文件上传,小程序开发工具上可正常使用,手机上上传显示无内容

wx.chooseMessageFile小程序文件上传,小程序开发工具上可正常使用,手机上上传显示无内容

2022-12-12 10:40:47 2179 2

原创 小程序项目结构

小程序基本项目结构

2022-11-30 14:43:02 254

原创 小程序如何发布体验版?发布成功登录上请求不到数据?

小程序如何发布体验版?发布成功登录上请求不到数据?

2022-11-30 11:17:27 1319 1

原创 小程序运行到微信开发者工具切换页面白屏

小程序运行到Chrom,页面展示正常,运行到微信开发者工具时切换页面白屏问题。

2022-11-30 10:36:31 935

原创 小程序在HBuilder上运行到微信开发者工具,接口请求失败

小程序在HBuilder上运行到微信开发者工具上接口请求失败基础原因

2022-11-30 10:25:19 850

原创 canvas面试题

canvas

2022-08-18 22:28:35 1592

原创 echarts x轴文字过多显示不全问题

解决方案:换行 (this.barChart.getComponent(XAxis) as XAxis).axisLabel = {interval: 0, formatter(value) { let ret = ''; const maxLength = 12; // 每项显示文字个数 const valLength = value.length; const rowN = Math.ceil(valLength / maxL

2022-05-07 11:50:51 419

原创 当前时间转换成日期格式

let time = new Date(); // 当前时间 let y = time.getFullYear(); // 年 let M = time.getMonth() + 1; // 月 let d = time.getDate(); // 日 let h = time.getHours(); // 时 let m = time.getMinutes(); // 分 let s = time.getSeconds(); // 秒 co...

2022-04-18 15:43:20 1306

原创 滚动条不占位 overlay属性

overflow-y: overlayoverflow的值为overlay,它的行为与auto相同的,但是在溢出时出现滚动条的展示方式有区分,overlay是覆在……上面,它是不占位的;例如:在表格中使用overflow-y: overlay:滚动条是不占位的,而滚动条占位会使数据整体向某个方向移动;注意:在Chrome浏览器中受支持;若设置后在火狐浏览器中滚动条不生效,在写一个overflow: auto;,火狐浏览器中无法像谷歌浏览器里那样overlay;...

2022-04-08 14:21:02 7493

原创 正则去掉双引单引号

.m.replace(/\"/g, '')

2021-12-29 17:28:36 1044

原创 css选择器

1、选择第n个,n代表数字:nth-child(n){ }2、偶数标签:nth-child(2n){}:nth-child(even){ }3、奇数标签:nth-child(2n - 1){ }:nth-child(odd){ }4、【负方向范围】选择第1个到第5个:nth-child(-n + 5){ }5、【正方向范围】选择从第5个开始的,直到最后:nth-child(n + 5){ }6、【限制范围】选择第2个到第8个,取两者的交集:nth-child(-n+8):nth-c

2021-12-23 15:07:09 682

原创 修改input框中placeholder

placeholder颜色调整:/* WebKit browsers 适配谷歌 */input::-webkit-input-placeholder { color: #BDCADA;} /* Mozilla Firefox 4 to 18 适配火狐 */input:-moz-placeholder { color: #BDCADA;} /* Mozilla Firefox 19+ 适配火狐 */input::-moz-placeholder { color: #B

2021-09-08 11:39:46 3237

原创 svg图标更换颜色

当面临一个项目拥有多套肤色时,图标更建议使用svg格式,不同色系不同图标颜色;给svg图标添加class <div class="column-item"> <div class="cp-pointer flex-box" (click)="gogogo(1)"><!-- <img class="cp-l mr10 cp-icon" src="assets/images/schematwo.pn

2021-09-06 14:43:22 1889

原创 NG-ZORRO中input输入框上添加前缀或后缀图标或文字

import { Component } from '@angular/core';@Component({ selector: 'nz-demo-input-presuffix', template: ` <nz-input-group [nzSuffix]="suffixTemplateInfo" [nzPrefix]="prefixTemplateUser"> <input type="text" nz-input placeholder="Enter

2021-08-31 10:27:21 1396

原创 Angular NG-ZORRO 如何修改默认样式

类名等 前加::ng-deep;//会全局修改该组件的样式,也就是会把别人的样式给修改了,以你修改的为主了**加粗样式**类名等 前加:root;//试过没有效果类名等 前加:host /deep/;//不会全局修改类名等 前加:host ::ng-deep;//组合在一起用也可以,不会全局修改...

2021-07-02 14:21:38 654

原创 改变Antd Angular 默认样式

类名等 前加::ng-deep;类名等 前加:root;类名等 前加:host /deep/;在审查元素中找到对应的类名或id,然后直接在自己的css文件中用相同的名字定义样式就可以直接替换了。 ::ng-deep .ant-input-group-addon{ background-color: @tabs-card-head-input-background; border: 1px solid @tabs-card-head-input-background;

2021-06-22 16:02:15 373

原创 图片以base64格式显示出来

图片转码:http://www.jsons.cn/img2base64base64的图片可以直接显示在网页上面<img class="cp-icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWIAAAEfCAYAAAB74MxlAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJX

2021-06-22 10:19:09 13011

原创 css点击按钮改变样式

:active,元素被点击时变色,但颜色在点击后消失 .mybtn:active { color: #4FA9FD; border: 1px solid #4FA9FD; }:focus, 元素被点击后变色,且颜色在点击后不消失 .mybtn:focus { color: #4FA9FD; border: 1px solid #4FA9FD; }由于div等元素无法接受键盘或其他用户事件,即不支持:foc

2021-06-21 14:12:30 24848

原创 ng-zorro - angular UI中 Form表单

Form表单具有数据收集、校验和提交功能的表单,包含复选框、输入框、下拉选择框等元素。需要与Angular表单结合使用,可自由选择 响应式表单或模板驱动表单。表单提供了三种排列方式:水平排列:标签和表单控件水平排列;(默认)垂直排列:标签和表单控件上下垂直排列;行内排列:表单项水平内排列。表单项nz-form-item表单项用于区分表单中不同的区域,包含表单域和表单标签(可选)。所有nz-col的参数在nz-form-item上均可直接使用。表单标签nz-form-label用于

2021-06-16 18:25:04 1815

原创 免费简历,ppt模板

免费简历模板个人简历模板:https://sc.chinaz.com/jianli/word.html免费PPT模板51PPT:http://www.51pptmoban.com/zt/yuanchuang/优品PPT:https://www.ypppt.com/moban/list-4.html

2021-06-02 17:51:50 275

原创 360浏览器兼容模式代码

在页面head加:<meta http-equiv="X-UA-Compatible" content="IE=11">告诉浏览器最少使用IE11的内核去解析 能解决IE7内核下的很多问题;在head标签中添加一行代码:<html> <head> <meta name="renderer" content="ie-comp"> </head> <body> </body></html>可

2021-06-01 10:23:54 910

原创 css height属性中的calc方法

若父盒子是100%的高度,盒子里面的head部分固定位140px,内容部分始终为剩余的全部高度,height: calc(100% - 140px);切结"+或-"两边要有空格 不然不生效如何让一个侧边栏垂直方向全尺寸拉伸? height:calc(100% - 10px)...

2021-05-31 13:16:05 502

原创 Angular生命周期

当 Angular 实例化组件类并渲染组件视图及其子视图时,组件实例的生命周期就开始了。生命周期一直伴随着变更检测,Angular 会检查数据绑定属性何时发生变化,并按需更新视图和组件实例。当 Angular 销毁组件实例并从 DOM 中移除它渲染的模板时,生命周期就结束了。当 Angular 在执行过程中创建、更新和销毁实例时,指令就有了类似的生命周期。当你的应用通过调用构造函数来实例化一个组件或指令时,Angular 就会调用那个在该实例生命周期的适当位置实现了的那些钩子方法。Angular .

2021-05-12 18:32:09 983

原创 RxJS介绍

RxJS 是一个库,它通过使用 observable 序列来编写异步和基于事件的程序。它提供了一个核心类型 Observable,附属类型 (Observer、 Schedulers、 Subjects) 和受 [Array#extras] 启发的操作符 (map、filter、reduce、every, 等等),这些数组操作符可以把异步事件作为集合来处理。 可以把 RxJS 当做是用来处理事件的 Lodash 。核心概念在 RxJS 中用来解决异步事件管理的的基本概念是:Observable .

2021-05-10 15:20:43 703

原创 视图封装模式

官网:在 Angular 中,组件的 CSS 样式被封装进了自己的视图中,而不会影响到应用程序的其它部分。通过在组件的元数据上设置视图封装模式,你可以分别控制每个组件的封装模式。 可选的封装模式一共有如下几种:ShadowDom 模式使用浏览器原生的 Shadow DOM 实现(参阅 MDN 上的 Shadow DOM)来为组件的宿主元素附加一个 Shadow DOM。组件的视图被附加到这个 Shadow DOM 中,组件的样式也被包含在这个 Shadow DOM 中。(译注:不进不出,没有样式

2021-05-10 13:50:59 186

原创 Angular组件传值

整一段代码到 twoer.component.html<div class="modal fade show d-block" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-c

2021-05-10 10:05:42 704 3

原创 使用vuex页面刷新后数据丢失了(vuex数据持久化)

vuex的状态储存是响应式的,当我们使用vuex进行全局状态管理时,vue组件从store中读取状态的时候,若store中的状态发生变化,那么相应的组件也会得到高效刷新,vuex存储的数据只是在页面中,相当于我们定义的全局变量,刷新之后,会发现之前获取的vuex状态的数据消失了,里面的数据就会恢复到初始化的状态。因为,刷新页面后,vuex会重新更新statevuex存取值一般都是放在computed计算属性中,但是页面一刷新数据就没了。computed: { insurDatalist() {

2021-05-08 10:42:48 1160

原创 vscode中vue项目代码有颜色的插件

下载插件Vetur就这

2021-05-08 10:23:56 2351

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除