娜娜Cina的博客

修改小程序外部组件样式方法一、全局修改二、局部修改在开发微信小程序时会用到外部组件，例如vant组件，而其中的模板样式可能不符合本项目开发需求，就需要对样式进行修改。包括两种方法：一、全局修改；二、局部修改。一、全局修改以修改vant组件中的下拉菜单van-dropdown-menu的样式为例，直接修改miniprogram_npm\@vant\weapp\dropdown-menu\index.wxss文件中的样式，例如将.van-dropdown-menu__item里面的justify-con

微信小程序在模板语法中使用indexOf无效问题解决一、全局：通过wxs文件扩展二、局部：总结想要在小程序的wxml文件中使用indexOf作为判断条件，会发现indexOf语句无效，这是由于小程序的mastache语法不支持js的方法。（https://blog.csdn.net/qq_34568700/article/details/111043327）可以通过wxs微信小程序脚本语言来结合js语法构建页面结构。一、全局：通过wxs文件扩展新建一个wxs文件：// 扩展支持split和enc

小程序使用echarts的配置前言一、echarts关系图配置二、解决echarts X轴显示不全问题三、Echarts提示框（tooltip）位置设置1.给echarts图表的提示框tooltip中的数值添加%号2.设置提示框位置3.设置提示框位置随鼠标移动，并解决提示框显示不全的问题前言小程序中使用echarts，需要在index.json中全局引入组件，之后在html中创建<ec-canvas>组件并使用即可。<!-- 在页面中创建<ec-canvas>组件 --

小程序：定位到页面某一块元素——锚点方案补充需求：在点击某一块内容之后跳转到页面的指定位置。方案将整个页面最外层的view替换为scroll-view，高度设置为页面内容的高度（windowHeight）, 不能设置为100%，那是整个页面的高度，包括屏幕之外看不到的地方。<scroll-view class="container" style="height:{{systemInfo.windowHeight}}px;" scroll-y="true" scroll-into-view=

微信小程序：模仿树形控件——画三角形前言一、前端样式二、css1.底边在左的三角形2.底边在上的三角形前言微信小程序没有像vue这样的框架，页面需要展现一个树形结构，于是就自己写了一个，而ui又没有控制数据展开与关闭的小三角形图标，于是就利用css在前端画了一个三角形。一、前端样式用一个空的view标签来表示三角形。index.wxml: <view class="triangleL"></view> <!-- 底边在左的三角形 --> <vie

微信小程序页面之间传参问题：wx.navigateBack返回上一页面如何传参？JS如何通过url传递并接收json类型参数？前言一、返回前一页面并传参二、URL传参1. url传递json类型数据2. 获取数据前言页面之间传参安全性不强，但有时对于无需加密的数据这种传输方式难以避免。首先对于具有前后关系的页面，如何在后一个页面交互属性改变之后返回的上一级页面也跟着改变？其次，在需要跳转页面的场景中，如果需要传的参数是一个json类型，该如何传参和接收参数呢？一、返回前一页面并传参在小程序中所有页

微信小程序前端标签使用Trick：如何使用转义字符、input标签属性、open-data使用、富文本图片内容溢出前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言微信小程序前端会比web增加更多的限制，下面来看几个标签的使用~一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport m

js小白操作：js节流、判断空值、判断数组最大最小值、判断map为空的情况、字符串转intJs基础操作一、判断空值 undefined 和 null二、判断map为空三、取数组最大最小值二、使用步骤1.引入库2.读入数据总结Js基础操作公司要求写微信小程序前端，这才开始真正接触前端语言，目前小程序已完成。决定从头梳理一下基础以及开发中的小技巧。本篇就先讲讲开始使用js语言，不熟悉的基础知识。一、判断空值 undefined 和 nulljs中使用typeof判断值的类型。判断数据类型是否为un

npm安装、使用及遇见的问题：微信开发者工具构建npm提示没有可以构建的npm包npm安装、使用及遇见的问题cpm安装与更新使用npm包构建npm问题：没有可以构建的npm包npm安装、使用及遇见的问题微信小程序支持使用 npm 安装第三方包。npm是世界上最大的软件注册表。来自各大洲的开源开发人员都使用npm共享和借用软件包，许多组织也使用npm来管理私人开发。npm由三个不同的组件组成：网站命令行界面（CLI）注册表使用网站发现软件包，设置配置文件以及管理npm体验的其他方面。CLI