- 博客(20)
- 收藏
- 关注
RSS订阅转载 微信小程序 -- 修改checkbox/radio样式
直接把代码粘贴在 .wxss文件内修改checkbox样式/* 重写 checkbox 样式 *//* 未选中的 背景样式 */checkbox .wx-checkbox-input{ border-radius: 50%;/* 圆角 */ width: 40rpx; /* 背景的宽 */ height: 40rpx; /* 背景的高 */}/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */checkbox .wx-checkbox.
2021-06-16 10:03:52
291
原创 web前端 -- 微信小程序总结
3 组建的公共属性1 id，2 class，3 style4 hidden，组件是否显示，类似vue的v-show<view hidden=”{{true}}”>111</view>5 data-*自定义属性名，事件传参中使用<view data-age=”45”>111</view>4 数据和页面绑定1 定义data数据Page({data:{age:18}})2 页面中使用data<...
2021-06-04 18:36:47
882
原创 web前端 -- es6总结
ES6 let 与 constlet：明的变量只在 let 命令所在的代码块内有效，只能声明一次，不存在变量提升。const：声明一个只读的常量，一旦声明，常量的值就不能改变。ES6 promisepromise是es6新增的一个对象，它许诺未来会执行某个操作，它的出现是为了解决异步请求层层嵌套引起的地狱回调问题。resolve：使状态走向成功，调用then方法；reject：使状态走向失败，调用catch方法；promise共有3个状态，分别是：pending，ful..
2021-06-04 14:26:57
353
原创 Vue -- Vue总结
Vue定义vue是一个数据和视图双向绑定的，m-v-vm前端渐进式框架，不兼容ie8及以下版本，因为它用了ie8无法模拟的es5特性。渐进式框架：按需引用，初学者可以根据自己的需要，使用多少，引用多少，学习多少，不必一下全部搞懂才能使用。Vue3安装创建vue3 项目命令并运行：vue init webpack 项目名这里需要进行一些配置，一路默认回车即可cd 项目名cnpm run dev$ vue init webpack 项目名# 这里需要进行一...
2021-06-04 11:33:52
609
原创 web前端 -- jQuery总结
jQuery 简介jQuery 是一个 JavaScript 库；极大地简化了 JavaScript 编程；很容易学习。jQuery 安装使用云上的jq（CDN）：1、进入网站：http://www.jq22.com/jquery-info122；2、根据自己的需要，选择一个版本，复制script标签粘贴进自己的项目即可。CDN（内容分发网络）使用本地jq：也可以把jq下载到本地，放在任意目录下，正常引用即可。jQuery语法语法：$(选择符).事件文档..
2021-06-03 14:37:27
306
原创 web前端 -- JavaScript总结
JavaScript的简介js全称JavaScript，它是一门具有面向对象能力的，在浏览器上执行的，客户端脚本语言。JavaScript的引入放在 <script>标签之间<script>alert(“hello world !”);</script>放在外部js文件中<script src=”a.js”></script>script标签的几个属性charset：可选。编码方式。可忽略。s...
2021-06-02 17:42:31
504
1
原创 web前端 -- css总结
CSSCSS 指层叠样式表 (CascadingStyleSheets)CSS创建1内联样式<p style="color:#f00;"></p>2内部样式<style type="text/css">p{color:#f00;}</style>3外部样式<link rel="stylesheet" type="text/css" href="mystyle.css">4 impor...
2021-06-01 15:35:27
238
原创 web前端 -- html总结
HTML 指的是超文本标记语言:HyperTextMarkupLanguage； 块级元素：<h1>~<h6>, <p>, <ul>, <table>； 行内元素：<span>； 行内块级元素：<iframe>, <b>, <td>, <a>, <img>； HTML字符实体：空格： 小于号：< 大于号：>人...
2021-05-28 15:47:02
428
原创 微信小程序 -- 长按图片保存到相册
wx.showActionSheet：显示操作菜单；wx.downloadFile：下载文件到本地；wx.saveImageToPhotosAlbum：保存图片到系统相册；wxml：<image src="图片地址" catchlongpress="handleLongPress"></image>js：Page({ data: { }, onLoad: function (options) { }, // 长.
2021-05-28 12:05:08
243
原创 微信小程序 -- 分页
js:commentData：存放请求接口的数据的数组；isPageHave：用来判断是否存在下一页；onReachBottom：微信小程序自定义的页面上拉触底事件；提示：如果在使用scroll-view时，onReachBottom事件不生效时，使用scroll-view的bindscrolltolower事件来执行页面上拉触底事件。Page({ data: { // 存放请求接口数据的数组 commentData: [],
2021-05-28 11:50:19
685
原创 微信小程序 -- setData（删除）
wxml:绑定数组元素的id和下标（index）<view data-id="{{item.id}}" data-index="{{index}}" bindtap="handleDel">删除</view>js:listDataDel：原数组数据listData：删除后并更新的数组数据handleDel(event){ var idx = event.currentTarget.dataset.index; var _this1 = th
2021-05-28 11:30:02
1005
原创 微信小程序 --- setData（点赞）
点赞效果：wxml:绑定数组元素下标（index）和id，根据接口数据返回是否已点赞状态（like）。<view class="fabulousBox" bindtap="handleFabulous" data-id="{{item.id}}" data-index="{{index}}"> <
2021-05-28 11:23:26
183
原创 uniapp -- tabBar
tabBar : 底部tab切换当设置 position 为 top 时，将不会显示 icon。 tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。 代码跳转到 tabbar 页面，只能使用uni.switchTab，不能使用uni.navigateTo、uni.redirectTo；使用navigator组件跳转时必须设置open-type="switchTab"。 navigationStyle :导航栏样式，仅支持 default/cu.
2021-05-27 18:06:09
729
原创 微信小程序 -- tab切换（无滑动效果）
wxml:<view> <view class="tab"> <view class="{{ currentIndex == index ? 'tabStyle' : '' }}" wx:for="{{ tabs }}" wx:key="item" bindtap="switchTab" data-index="{{ index }}">{{item}}</view> </view> <view wx:if="...
2021-05-27 17:29:32
321
原创 微信小程序 -- tab切换（滑动效果）
wxml:<view> <view class="swiperTab"> <view class="swiperItem {{currentIndex==0 ? 'active' : ''}}" data-index="0" bindtap="swichNav">Tab1</view> <view class="swiperItem {{currentIndex==1 ? 'active' : ''}}" data-index.
2021-05-27 17:11:50
599
原创 微信小程序 -- 锚点跳转（scroll-view）
一、前端简介1、什么是前端？前端是Web前端开发工程师的简称，主要是利用HTML,CSS,JS等技术，同时结合后台开发技术对产品进行开发。2、什么是HTML？（1）是超文本标记语言（hyper text marked language）。（2）是网页的骨架，作用是显示所有能看到的网页元素，包括：文字，图片，超链接，表格，视频，声音等。（3）具有通用性，不限操作系统。二、开发工具简称三、常用的html标签1、块级元素 （1）html，网页开始的位置（2）h.
2021-05-27 15:33:45
407
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人