- 博客(22)
- 收藏
- 关注
RSS订阅原创 小程序购物车项目应用
首页1.页面制作index.wxmlindex.js文件index.wxss2.点击列表跳转至详情页面先新建详情页面，后跳转传参通过绑定事件传参在index.js页面中详情页面页面indexDetail.js接收首页传参通过 wx.setNavigationBarTitle方法动态改变nav的值indexDetail.wxss3.为了方便使用还可以对接口做封装与app.js同级建http.js文件网络请求封装方法参数1：method 请求方式 get/post（str
2022-09-30 10:47:06
847
2
原创 小程序语法
通过调用this.setData(dataObject)方法，可以给页面data中的数据重新赋值。事件：渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的行为，反馈到逻辑层进行业务处理。小程序中事件传参比较特殊，不能在绑定事件的同时为事件处理函数传递参数。在事件的event.target.dataset.info里面。通过tap事件来响应用户触摸事件。
2022-09-30 09:45:35
188
原创 小程序全局数据共享/分包
全局数据共享（状态管理）是为了解决组件之间数据共享的问题开发中常用全局共享方案有：vuex、redux、mobx等在小程序中，可以使用mobx-miniprogram配合mobx-miniprogram-bindings实现全局共享：mobx-miniprogram：创建Store实例对象mobx-miniprogram-bindings：把Store中的共享数据或方法，绑定到组件或页面中使用注意安装成功后，先删除，再重新构建npm。
2022-09-02 16:29:48
746
原创 小程序组件之间通信
在小程序中，用于实现组件之间的代码共享的特性，类似于vue.js中的”minxins“每个behavior都可以包含一组属性、数据、生命周期和方法。组件引用它时，它的属性、数据和方法会被合并到组件中。每个组件可以引用多个behavior，behavior可以相互引用调用Behavior方法可以创建一个共享的behavior实例对象，供所有组件使用1.新建一个文件2.需要使用的地方通过require()导入3.使用直接在xml中< view > {{6.同名字段的覆盖和组合规则。...
2022-09-01 16:41:40
660
原创 小程序组件、自定义组件
1.data数据用于组件模板渲染的私有数据，需要定义到data节点中2.methods方法事件处理函数和自定义方法需要定义到methods节点中3.priperties属性是组件的对外属性，用来接收外界传递到组件中的数据4.data和properties的区别用法相同，可读可写data更倾向于存储组件的私有数据properties更倾向于存储外界传递到组件中数据5.使用setData修改properties的值6.数据监听器。...
2022-08-31 10:05:10
144
原创 小程序生命周期
作用：允许程序员在特定的时间点，执行某些特定操作。如页面加载可以在onLoad生命周期c初始化数据。页面生命周期范围比较小，应用生命周期范围比较大，应用生命周期包含每一个的页面生命周期。小程序初始化完成时，自动执行此函数，全局只触发一次，可以做一些初始化gongz。由小程序框架提供的内置函数，伴随生命周期，自动按次序执行。：生命周期强调的时间段，生命周期函数强调的是时间点。应用生命周期函数：在过程中需要调用的函数。页面生命周期函数：在过程中需要调用的函数。指小程序中每个页面从加载-渲染-销毁。
2022-08-25 14:48:19
419
1
原创 微信小程序简介
小程序和普通网页开发区别1.运行环境不同网页运行在浏览器中，小程序运行在微信中2.api不同，因为运行环境不同，所以小程序中无法调用DOM和BOM的API,小程序调用微信环境提供的各种api，如地理定位、扫码、支付。3.开发模式不同，网页开发浏览器+代码编译器小程序有自己的一套标准开发模式。申请小程序开发账号、安装小程序开发者工具、创建和配置小程序项目。...
2022-07-28 10:00:46
91
原创 vuex用法
2.vue组件之间的数据传递1.store（仓库）：存数据每一个vuex应用的核心就是store（仓库）特点：*vuex的状态存储是响应式的*你不能直接改变store中的状态，使用vuex提供的方法2.创建仓库引入vuex Vue.use(Vuex)创建 const store =new Vuex.Store({放仓库数据state:{},修改方法})方法3：辅助函数 mapState(推荐)在main.js文件其他页面读数据mutation1.作用：修改state数据唯一的方法
2022-06-27 10:56:06
80
原创 node.js快速入门（二）
node.js快读入门node基础-包简介node基础-npmnode基础-包简介commonjs的包规范允许我们将一组相关的模块组合到一起，形成一组完整的工具commonjs的包规范由包结构和包描述文件两个部分组成-包结构：用于组织包中的各种文件-包描述文件：描述包相关信息，以供外部读取包结构：实际上是一个压缩文件，解压以后还原目录。符合规范目录，应该包含如下文件-package.json 描述文件-bin 可执行二进制文件-lib js代码-doc 文档-test 单元测试包描述
2022-01-18 14:44:19
301
原创 node.js快读入门（一）
node.js快读入门命令行窗口进程和线程node.js简介使用node执行js文件node整合webstorm命令行窗口-开始菜单-运行-CMD-回车-常用指令：dir：列出当前目录下的文件cd 目录名：进入指定目录cd .：表示当前目录cd …：表示上一级目录md 目录名：创建一个文件夹rm 目录名：删除一个文件夹文件名：打开该文件想要在其他地方也能打开文件配置环境变量（Windows系统中变量）path：所在的地址（高级设置），改完之后要重启原因：当我们在命令行窗口打开一个文
2022-01-17 16:13:00
288
原创 跨域解决方案
跨域问题的产生及价值意义跨域（非同源策略请求）同源策略请求 ajax/fetch跨域传输–历史：2013以前 之后ajax实现异步不刷新操作 之后xampp 修改本地的host文件，部署到web服务器上，实现同源–服务器拆分：web服务器：静态资源、data服务器：业务逻辑和数据分析、图片服务器–区分同源还是要跨域-协议-域名-端口号三者都一样就是同源，只要有一个不一样就是跨域JSONP跨域解决方案底层原理1.jsonp-script-img-link-iframe
2021-12-20 16:32:34
310
原创 JavaScript--对象篇
对象创建的三种方式1.利用字面量创建对象：var obj={};var obj={ uname:'小明', age:18, sex:'男', sayHi:function(){ console.log('hi~') }}//1.里面属性和方法我们采取键值对形式//2.多个属性或方法用逗号隔开//3.方法冒号后面跟的是一个匿名函数//使用对象1.调用对象属性 对象名.属性名console.log(obj.uname);2.调用对象属性还有另一种方法 对象名['属
2021-12-13 16:04:43
112
原创 JavaScript--函数篇
函数使用分为两步：1.声明函数 2.调用函数声明函数：function 函数名（）{ 函数体}function sayHi(){ console.log('hi~');}(1)function 声明函数的关键字 全部小写(2)函数是做某件事情，函数名一般是动词 sayHI(3)函数不调用自己不执行函数调用：函数名（）；sayHi();函数参数function getSums(start,end){ var sum=0; for(vae i=0;i&l
2021-12-13 14:57:26
894
原创 this指向四种绑定规则和箭头函数中
this指向四种绑定规则和箭头函数中this默认绑定规则隐式调用:谁调用就指向谁（隐式丢失，参数赋值）显示绑定：call、apply、bindnew绑定箭头函数练习js代码的历程：1. 语法分析（检查所有代码是否存在语法错误，若有直接报错，不执行）预编译（发生在代码执行的前一刻）解释执行（解释一句执行一句）函数预编译创建执行期上下文[Activation Object/ 作用域对象]（AO{}）找形参和变量声明，将形参和变量作为AO对象属性名（变量声明提前）将形参和实参统一函数声明
2021-12-10 18:44:50
365
原创 js数组方法总结
数组的方法基础push、unshift、pop、shift、splice、slice、concat、reverse、sort、join、toString、indexOf、lastIndexOf、includesvar list = [1,2,3,4,5,6]//1.push往数组的最后一个位置追加元素list.push(7）console.log(list)//[1,2,3,4,5,6,7]//2.unshift往数组的第一个位置追加元素list.unshift(0)console.l
2021-12-10 15:33:01
397
原创 ajax和axios基本理解
同步和异步同步：必须等待前面的任务完成，才能继续后面的任务异步不受当前任务的影响异步更新网站：1.我们在访问一个普通的网站时，当浏览器加载完HTML、CSS、JS以后，网站的内容就固定了。如果想让网站内容发生更改，就必须刷新页面才能够看到更新的内容。2可如果用到异步更新，情况就大为改观了。比如，我们在访问新浪微博时，看到一大半了，点击底部的加载更多，会自动帮我们加载更多的微博，同时页面并没有刷新。3.试想一下，如果没有异步刷新的话，每次点击“加载更多”，网页都要刷新，体验就太不好了。web前
2021-12-07 17:54:49
2211
原创 如何使用webpack优化开发/生产环境
webpack优化HMR 热模块替换/模块热替换HMR 热模块替换/模块热替换作用：一个模块发生变化，只会更新这个模块（而不是打包所有）提高速度
2021-12-07 10:15:55
412
原创 webpack基本使用
webpack是什么webpack是一种前端资源构建工具，一个静态资源打包器前端的所有资源文件（js/json/css/img/less/…）都会作为模块处理，根据模块的依赖关系进行静态分析，打包成对应的静态资源（bundle）。webpack五个核心概念Entry入口指示webpack以哪个文件为入口起点打包，分析构建内部依赖图Output输出指示webpack打包资源bundles输出到哪里，以及如何命名LoaderLoader让webpack能够去处理那些非JavaScript文件
2021-12-02 16:44:16
995
原创 npm包管理工具
npm包管理工具什么是npm安装npm工具npm的使用Package.json 属性说明下载的包的使用es6兼容性解决拓展yarn什么是npmnpm（Node Package Manager，即node包管理器）是Node.js默认的，以JavaScript编写的软件包管理系统npm 来分享和使用代码已经成了前端的标配官网：https://www.npmjs.comnpm被全球超过1100万开发人员所依赖拥有超过一百万个软件包，是世界上最大的软件注册表安装npm工具npm是Node.j
2021-11-30 11:14:52
723
原创 轻松掌握gitee使用
这里写自定义目录标题学习目标创建本地库并提交文件版本回退远程仓库git本地分支操作git远程分支操作本地分支冲突解决多人协调操作冲突标签管理学习目标创建本地库并提交文件初始化git本地仓库：git init在工作区添加文件，添加到暂存区：git add（从暂存区移除git restore --staged 文件名 或者git reset HEAD 文件名）提交文件到本地仓库：git commit（git diff HEAD --文件名比较修改前后的差别）显示日志：git log查看有哪些文
2021-08-11 15:36:10
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人