- 博客(33)
- 资源 (5)
- 收藏
- 关注
原创 redux搭配react-redux实现简易购物车
1.创建reducereg:./shopcarList/shopCarList.jsconst initState = [ //初始状态 { id: 1, name: "apple", allnum: 10, num: 0, remainnum:10, price: 5 }, { id: 2, name: "apple2", alln
2022-04-06 14:40:59 551
原创 js正则表达式
正则表达式的两种创建方式:第一种:[abc],查找字母a,字母b,字母c第二种:[^abc],查找非字母a,非字母b,非字母c第三种:[0-9],查找数字0,1,2,3,4,5,6,7,8,9第四种:[a-z],查找a,b,c,d,e,f,g,h,i,…等26个小写英文字母第五种:[A-Z],查找A,B,C,D,…等26个大写英文字母第六种:[A-z],查找A,B,C,D,…,a,b,c,d等26个大写英文字母及26个小写英文字母第七种:A|B|C,查找元素A,B,C第八种:.
2022-04-06 14:38:11 9743
原创 redux的bindActionCreators理解
actionCreatorsexport function addTodo(text) { return { type: 'ADD_TODO', text }}export function removeTodo(id) { return { type: 'REMOVE_TODO', id }}得到的对象为:{ addTodo : text => { type: 'ADD_TODO', text
2022-04-06 14:36:59 148
原创 react hooks的应用&&react-router-dom hooks的应用
react hooks的应用useContext(context)import React, { useContext } from 'react'const bgcolor = { bgf: {background: "red"}, bgs: {background: "blue"}}const themeContext = React.createContext(bgcolor.bgf);//创建以bgcolor.bgf为默认值context上下文export defaul
2022-04-06 14:24:39 287
原创 react笔记一:使用ref、高阶函数复用、函数回调来获取表单输入的数据
过时的refimport React from 'react';class login extends React.Component { constructor(props) { super(props); this.state = { name: '', password: "", } this.refsname=React.createRef();
2021-11-18 17:56:44 888
原创 自定义滚动条
1.滚动条的设置,如果想要实现下面这个滚动效果2.css样式如下: ::-webkit-scrollbar { //设置滚动条的宽高 width: 10px; height: 10px; background: transparent; overflow: visible; } ::-webkit-scrollbar-button:vertical:sin
2021-06-16 11:19:03 572
原创 小程序template跟wxs的学习
模板template1.定义模板(testTemp.wxml)<template name="testTemp"> <view>{{title}}</view></template>2.使用模板template.wxml:<import src="testTemp.wxml"></import> //导入testTemp.wxml模板<text>使用template</text>
2021-05-12 15:18:17 281
原创 小程序自定义组件Component的学习
1.properties(组件的对外属性)父组件parent.json: //引用自定义组件{ "usingComponents": { "zdyC":"zdyC/zdyC" }}-------------------------------------------------------------------------------------父组件parent.js:.
2021-05-12 11:51:41 203
原创 小程序路由的EventChannel学习
1.父组件logs.jslogs.wxml:<view> 这是log页面 <view bindtap="gotoChild">跳转到子页面</view> <view bindtap="getData">获取数据</view></view>-----------------------------------------------------------------------------------logs.js:P
2021-05-10 16:48:59 193
原创 css动画笔记
css3过渡transition:transition-property transition-duration transition-timing-function transition-delay值 描述 默认值 例如 transition-property 指定CSS属性的name,transition效果 transition-property: none|all|property; none 没有属性会获得过...
2021-03-22 11:20:38 133
原创 正则表达式笔记
正则表达式常用方法:test()test() 方法用于检测一个字符串是否匹配某个模式.如果字符串中有匹配的值返回 true ,否则返回 false。RegExpObject.test(string)常用方法:exec()exec() 方法用于检索字符串中的正则表达式的匹配。如果字符串中有匹配的值返回该匹配值,否则返回 null。RegExpObject.exec(string)常用方法:match()match() 方法将检索字符串 String Object,以找到..
2021-03-01 15:13:33 133
原创 Git的基本使用
优点1.git是分布式的SCMgit 的学习,SVN是集中式的2.git每个历史git 的学习版本存储完整的文件,SVN存储文件差异3.git可离线完成大部分操作,SVN则相反4.git有着更优雅的分支和合并实现5.git有着更强的撤销修改和修改版本历史的能力6.git速度更快,效率更高git的安装与简单配置git 的安装https://git-scm.com/git 使用40个16进制的SHA-1 Hash 来唯一标识对象。git 分为blob,tree,commit,tag ,git
2021-02-26 10:38:25 198
原创 hide,hidden,display:none,visibility的区别
display是css中的样式,规定元素是否显示style="display:none":不可见,不占用内存空间visibility是css中的样式,规定元素是否可见style="visibility:hidden" :不可见,占用内存空间hide()实际上是设置了css中的display:none,show()实际上是设置 了css中的display:blockcss里面的display会覆盖html中的hidden属性eg:<div class="box" s..
2021-02-26 10:12:36 2539
原创 bookstrap的栅格系统
bookstrap的环境bookstrap的使用1)布局容器 .container (固定宽度)/.container-fluid(100%)2) 栅格系统随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列
2020-12-29 11:26:06 285 1
原创 插件笔记
什么是插件插件,是可被添加到小程序内直接使用的功能组件。目录结构一个插件可以包含若干个自定义组件、页面,和一组 js 接口plugin 目录:插件代码目录。 plugin├── components│ ├── hello-component.js // 插件提供的自定义组件(可以有多个)│ ├── hello-component.json│ ├── hello-component.wxml│ └── hello-component.wxss├── pages│
2020-12-21 23:07:49 207
原创 小程序自定义组件扩展笔记
Behavior() 构造器提供了新的定义段 definitionFilter ,用于支持自定义组件扩展。第一个参数使用该 behavior 的 component/behavior 的定义对象第二个参数该 behavior 所使用的 behavior 的 definitionFilter 函数列表在下面的官方例子中:beh第一个参数:test,第二个参数:[beh2,beh3 ]beh2第一个参数:beh,第二个参数:[beh4 ]beh3第一
2020-12-14 17:57:33 206
原创 小程序抽象节点笔记
什么是抽象节点有时,自定义组件模板(selectable-group.wxml)中的一些节点,其对应的自定义组件不是由自定义组件本身确定的,而是自定义组件的调用者确定的。这时可以把这个节点声明为“抽象节点”。个人理解:就像在地(自定义组件.wxml)里挖了一个坑(节点,节点也是自定义组件),但是这个坑要种什么是由地主来决定的,eg:index.json: { "usingComponents": { "selectable-group":"../selectable-group/se
2020-12-14 16:01:15 546
原创 小程序纯数字字段笔记
纯数字字段什么是纯数字字段被记录在 this.data 中,仅在当前组件内部使用,而不参与任何界面渲染过程如何定义纯数据字段在Component构造器的options 配置pureDataPattern(正则表达式)在data中的数据字段匹配该正则表达式的将成为纯数字字段eg:Component({ options: { pureDataPattern: /^_/ // 正则表达式,指定所有 _ 开头的数据字段为纯数据字段 }, data: {
2020-12-14 14:53:38 254
原创 自定义组件的behaviors笔记
问题:关于behavior数据共享,两个组件混入behavior,a组件修改了data,b组件如何同步?https://developers.weixin.qq.com/miniprogram/dev/extended/utils/mobx.html
2020-12-09 15:26:05 467
原创 自定义组件的组件模板跟样式笔记
组件的模板跟样式模板组件模板组件模板wxml的写法与页面模板wxml相同模板wxml数据绑定eg:<component-tag-name prop-a="{{dataFieldA}}" prop-b="{{dataFieldB}}"> //自定义组件并传递两个数据:propA,propB Component({ //在自定义组件的properties中接收传递的参数 properties: { propA: String, propB: S
2020-12-07 11:27:51 288
原创 小程序dom节点操作
wx.createSelectorQuery()1.返回值是SelectorQuery 对象实例,SelectorQuery对象实例方法有selectwxml:<view class="txt">aaa</view>js: onLoad: function (options) { const query=wx.createSelectorQuery(); //创建一个SelectorQuery 对象实例 query.select('.txt').
2020-12-03 15:49:29 2845
原创 wxs
wxsWXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构个人理解:就是减少与逻辑层的通信,在wxml页面上调用wxs 暴露出来的方法来完成界面的交互。下面是实现一个div触摸移动的实例:movable.wxs:var startX = 0var startY = 0var lastLeft = lastTop = 50function touchstart(event, ins) { //console.log(JSON.stringif
2020-12-02 16:39:55 199
原创 websocket(多个客户端)
1.websocket是html5开始提供的一种浏览器和客户端进行全双工通讯的网络技术现很多网站为了实现即时通讯,所用到的技术是轮询polling,使用websocket,浏览器和服务器只要做一个握手的动作,在两者之间形成快速通道实时通讯,可以保持与客户端的长连接节省资源:互相沟通的header大概2Bytes推送信息:不需要客户端请求,服务器可以主动传送数据给客户端微信小程序的websocketwebsocket.wxml:<input bindchange="sendMsg"&
2020-11-02 23:49:50 5196 1
原创 小程序的扩展能力的扩展组件tabs的使用
1.微信小程序没有找到可以构建的NPM包,请确认需要参与构建的npm在miniprogramroot目录解决链接:https://www.jianshu.com/p/fc650d9250942.npm引入小程序官方WeUI组件库weui-miniprogram解决链接:https://blog.csdn.net/weixin_43922774/article/details/100535452...
2020-10-26 14:19:21 4807 6
原创 小程序菜鸟的父子组件传值、父子组件方法调用的学习
父子组件传值父组件给子组件传值wxml: 父组件.wxml: <view> <child title="我是父组件传进来的标题"/><child /> </view> 子组件.wxml: <view class="child">{{title}}</view>子组件在.js中的properties接收父组件传给子组件的数据: properties: { // title:String
2020-08-12 11:59:46 533
原创 小程序菜鸟的模板(template)学习
小程序菜鸟的模板template学习新建template(header.wxml)<template name="header"> <view class="title">{{title}}</view></template>引用模板header.wxml <import src="../../template/header.wxml"/> <template is="header" data="{{title:'头
2020-08-12 10:32:40 281
原创 小程序菜鸟的camera学习
创建camera上下文this.ctx= wx.createCameraContext开始照相(利用创建的上下文) this.ctx.takePhoto({ quality:"high", success:res=>{ console.log(res) } })录像(利用创建的上下文)开始录像 this.ctx.startRecord({ success:res=>{ console.log(res) } })结束录像 thi
2020-08-10 16:57:44 292
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人