小程序作为目前一种轻量、便捷的应用、目前应用越来越广泛了。很多没有开发经验的开发同学可能初次接触就是小程序开发，为了详细讲解下小程序开发的步骤，我会按照小程序的开发流程一步一步从零开始给大家介绍下如何开发支付宝小程序，后续教程中会更新最新版demo给到大家。今天我们所要讲的内容就是开发小程序前，我们必须要做的一些准备工作。下文将会从「小程序应用创建」、「小程序平台配置信息介绍」以及「小程序开发者工具介绍」三个方面展开讲解。 一、小程序应用创建众所周知，小程序最大的优势就是依赖于背后的平台，那么基于平台维度去产出的小程序的第一步就是要先进入支付宝开放平台。大家可以按照官方文档去进行入驻：[如何入

    今天写代码得时候，我又按照往常得习惯用了一个技术就习惯性把技术文档做成word.......并收藏起来,方便自己查阅，因为我自己记性比较差所以自己就偏爱这种方式记录点滴~~~，(导致自己收藏了好多~~~~)，感觉独乐乐不如众乐乐，就想着把一些技术分享给刚入行得朋友，因为这个也是我作为萌新刚毕业时候一点一点的积累起来的，希望可以帮助到别人。一：什么是WebSocketWebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议）它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的Websocket是一个持久化的协议二：we

实现button的icon属性自定义一个图标名称，这个自定义的图标名称会默认添加到button下i标签的class上，我们只需要设置i标签的样式就可以了##3.按钮上使用自定义的icon完整代码divclass="lookBtn">el-buttonicon="el-icon-my-message"size="mini"type="primary"@click="checkAllTask">查看任务el-button>div>样式代码::v-deep.el-icon-my-message{background:url('../../assets/images/lookMsg.png')cent

Material组件库中提供了多种按钮组件如ElevatedButton、TextButton、OutlineButton等，它们都是集成于ButtonStyleButton，所以他们大多数属性都和ButtonStyleButton一样。在介绍各个按钮时我们先介绍其默认外观，而按钮的外观大都可以通过属性来自定义，我们在后面统一介绍这些属性。另外，所有Material库中的按钮都有如下相同点：按下时都会有“水波动画”（又称“涟漪动画”，就是点击时按钮上会出现水波扩散的动画）。有一个onPressed属性来设置点击回调，当按钮按下时会执行该回调，如果不提供该回调则按钮会处于禁用状态，禁用状态不响应

代码实现了一个基本的滑动功能，通过鼠标按下、鼠标松开和鼠标移动事件来监听滑动操作。具体实现逻辑如下：在 onMounted 钩子函数中，我们为滚动容器添加了三个事件监听器：mousedown 事件：当鼠标按下时，设置 control.isDown 为 true，记录鼠标起始位置 control.startX 和滚动条位置 control.scrollLeft。mouseup 事件：当鼠标松开时，设置 control.isDown 为 false，表示鼠标已经抬起。mousemove 事件：当鼠标移动时，如果 control.isDown 为 true，则计算鼠标的滑动距离 walk，并将滚动容

一.控件TextView1.基础属性详解1. layout _ width ：组件的宽度2. layout _ height ：组件的高度3.id:为 TextView 设置一个组件 id 4. text :设置显示的文本内容5. textColor ：设置字体颜色6.textStyle：设置字体风格，三个可选值： normal （无效果）, bold （加粗）, italic （斜体）7. textSize ：字体大小，单位一般是用 sp 8.background：控件的背景颜色，可以理解为填充整个控件的颜色，可以是图片9. gravity ：设置控件中内容的对齐方向， TextView 中

一、小程序组件分类微信团队为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。小程序中的组件也是非常丰富的，开发者可以基于组件快速搭建出漂亮的页面结构。小程序中的组件其实相当于网页中的HTML标签，只不过标签名字不一样。官方把小程序的组件分为了9大类，分别是：①视图容器②基础内容③表单组件④导航组件⑤媒体组件⑥地图组件⑦画布组件⑧开放能力⑨无障碍访问官方地址：https://developers.weixin.qq.com/miniprogram/dev/component/二、表单组件1、按钮button示例代码：2、input输入框3、事件1、什么是事件事件是视图层到

今天在小程序开发中想要去除按钮的边框，直接使用border:none不起作用，选择器后加一个::after伪元素才行。例：button::after{border:none}

在微信小程序中，你可以使用button组件来实现一个带有点击效果的按钮，并在按钮中间添加一个大的+号图标。以下是一个示例代码：buttonclass="button">textclass="plus">+text>button>.button{width:100px;height:100px;border-radius:50%;background-color:#4A4A4A;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color0.3s;border:n

查看微信小程序官方文档，我们可以看到button有 通过设置 hover-class，实现点击态效果，我们可以增强小程序触感，提高用户交互感知度。话不多说，直接上代码.wxss文件/*点击效果*/.hover_btn{position:relative;top:3rpx;}.wxml文件测试1测试2测试3要丰富点击的样式的话，可以自己修改hover-class的样式