- 博客(26)
- 收藏
- 关注
RSS订阅原创 ①call,apply,bind；②new的特点；③防抖和节流_@jie
一、call,apply,bindcall,apply,bind都是用于改变this指向的区别：传参不同call用逗号分隔的形式传参函数名.call(目标对象,参数1,参数2,...参数n)例如：getName.call(obj,'王五',25,'北京')apply参数用数组的形式传递函数名.apply(目标对象,[参数1,参数2,...参数n])例如：getName.apply(obj,['王五11',25,'上海'])bind用逗号形式传参getNam
2020-08-31 22:32:02
85
原创 细说数组常用遍历的方法_@jie
前言本文主要介绍数组常见遍历方法：forEach、map、filter、find、every、some、reduce，它们有个共同点：不会改变原始数组。一、forEach：遍历数组var colors = ["red","blue","green"];// ES5遍历数组方法for(var i = 0; i < colors.length; i++){ console.log(colors[i]);//red blue green}// ES6 forEachcolors...
2020-08-28 23:18:41
180
原创 JS数据类型（8种）_基础篇_@jie
JS数据类型：基础概念请注意：JS的数据类型有8种。在ES5的时候，我们认知的数据类型确实是 6种：Number、String、Boolean、undefined、object、Null。ES6 中新增了一种 Symbol 。这种类型的对象永不相等，即始创建的时候传入相同的值，可以解决属性名冲突的问题，做为标记。谷歌67版本中还出现了一种 bigInt。是指安全存储、操作大整数。（但是很多人不把这个做为一个类型）。JS数据类型：JS 的数据类型有几种？8种。Number、String、Bool
2020-08-27 21:03:44
374
原创 vue 中递归组件的用法_@jie
概念：组件是可以在自己的模板中调用自身的，不过他们只能通过name选项来做这件事。使用vue框架，我们会发现export default 导出的对象中有一个name属性，这个name属性是一个比较重要的属性，而且属性好处不止这一处。用法：1.首先我们要知道，既然是递归组件，那么一定要有一个结束的条件，否则就会使用组件循环引用，最终出现 “max stack size exceeded”的错误，也就是栈溢出，那么我们可以用v-if=false作为递归条件的结束，当遇到v-if为false时，组件将不
2020-08-26 23:09:32
676
原创 vue修改vant自带的样式_@jie
今天用vue写页面时，发现使用vant的有些UI组件，而又不能满足自己的样式，修改CSS样式还是无效。css一般都会使用sass或者less，加了scoped后修改的样式不起作用，即使加了important也没用。在vue项目中，当style 标签有scoped属性时，它的 CSS 样式只作用于当前组件中的元素，父组件的样式将不会渗透到子组件中。解决办法：1.对于css语法起作用使用深度选择器，使用 >>> 操作符，将scoped样式中的选择器“深入”，即影响子组件上述代
2020-08-24 22:37:15
6149
1
原创 解决vue项目格式报错问题_@jie
vue项目格式报错问题：简述问题：写项目过程中格式一直报错，如下图：第一步：在项目根目录下创建名为vue.config.js文件，如下图：第二步：js文件中的内容，如下图：代码如下：module.exports = { lintOnSave:false,//禁用ESlint devServer:{ open:true,//启用项目自动打开浏览器 // proxy:"http://localhost:8080" }}最后，重新启动项
2020-08-24 20:29:31
1969
原创 Vuex_学习记录_@jie
VueX 是一个专门为 Vue.js 应用设计的状态管理构架，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。Vuex有五个核心概念：state, getters, mutations, actions, modules。state：vuex的基本数据，用来存储变量geeter：从基本数据(state)派生的数据，相当于state的计算属性mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。每个 mutatio
2020-08-21 23:47:40
91
原创 过滤器_学习记录_@jie
Vue.js 允许自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：html:<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"></div>
2020-08-20 20:42:53
100
原创 vue给不同环境配置不同打包命令_学习记录_@jie
第1步：安装cross-envnpm i --save-dev cross-env第2步：修改各环境下的参数在config/目录下添加test.env.js、pre.env.js。修改prod.env.js里的内容，修改后的内容如下：'use strict'module.exports = { NODE_ENV: '"production"', EVN_CONFIG:'"prod"', API_ROOT:'"/apis/v1"'}分别对test.env.js和pre.env.js文
2020-08-19 21:36:48
222
原创 利用webpack搭建vue开发环境_@jie
1、什么是Webpack本质上，Webpack 是一个现代 JavaScript 应用程序的静态模块打包器（static module bundler）。在 Webpack 处理应用程序时，它会在内部创建一个依赖图（dependency graph），用于映射到项目需要的每个模块，然后将所有这些依赖生成到一个或多个 bundle。webpack 解决什么问题？Webpack 可以做到按需加载。像 Grunt、Gulp 这类构建工具，打包的思路是：遍历源文件→匹配规则→打包，这个过程中做不到按需加载，即
2020-08-17 23:13:37
222
原创 空元素_牛客网刷题知识点
一个**空元素（empty element）**可能是 HTML，SVG，或者 MathML 里的一个不能存在子节点（例如内嵌的元素或者元素内的文本）的element。HTML，SVG 和 MathML 的规范都详细定义了每个元素能包含的具体内容（define very precisely what each element can contain）。许多组合是没有任何语义含义的，比如一个 <audio> 元素嵌套在一个 <hr> 元素里。在 HTML 中，通常在一个空元素上使用
2020-08-17 19:53:47
104
原创 vue总结(一) _@jie
一、Vue常用的指令1、v-text 主要用来渲染纯文本内容，类似于原生JS的innerText <div v-text="msg"></div> // msg 的值为纯文本，不会解析标签2、v-html 主要用来渲染带有html标签的文本内容，可以渲染原生HTML标签 <div v-html="msg"></div> // msg 的值可以是HTML标签，会解析标签3、v-if 主要用来实现条件渲染，会根据条件是否成立来决定是否渲染
2020-08-15 20:56:46
155
1
原创 小程序_收藏功能_学习记录
今天整理了小程序中收藏功能的编写方法，因为未涉及到后端，所以我是通过小程序中的缓存来模拟此功能wxml中的代码如下：<view> <image catch:tap="handleClickShow" wx:if="{{isShow}}" src="sc1.png" /> <image catch:tap="handleClickShow" wx:else src="sc2.png" /></view>view中包裹的是两张图片，一张是点赞
2020-08-14 22:41:27
748
原创 微信小程序购物车_数量加减功能_学习记录
wxml：<!-- 主容器 --> <view class="stepper"> <!-- 减号 --> <text class="{{minusStatus}}" bindtap="bindMinus">-</text> <!-- 数值 --> <input type="number" bindchange="bindManual" value="{{num}}" />
2020-08-13 23:30:55
537
原创 登录页的业务逻辑_学习记录
//logs.jsconst util = require('../../utils/util.js')//引入鉴权工具方法const { register, checkHasLogin, userloginOut } = require('../../utils/auth.js')//读取后台api接口const { getUserDetail, getUserBalanceDetail, getOrdersStatus } = require('../../http/api.js')Pag
2020-08-12 23:08:39
212
原创 minapp-api-promise
微信小程序所有API promise化，支持await、支持请求列队.核心代码Fock自wepy框架如何使用：如果你的小程序代码配置了工作流环境（比如webpack），可以通过npm下载安装代码npm install minapp-api-promise --save引入代码import WXP from 'minapp-api-promise'如果没有使用任何脚手架，用官方提供的微信开发者工具开发，请拷贝项目dist目录下的wxp.js文件到你的项目目录 引入代码import WXP f
2020-08-12 00:12:22
360
原创 小程序登录获取token_利用minapp-api-promise插件
官方文档小程序登录流程的介绍：即先发起wx.login请求，得到code后经第三方服务器想微信服务器发送请求获取openid，assessToken等敏感信息，这里我们需要以assessToken作为登录状态保持的依据。基于token的登录状态情况分类：1.首次登录小程序，本地存储中还不存在token，即需要发起登录请求得到token，并存到本地存储2.小程序本地存储中已存在token，但是已过期，即需要再次发起登录请求以获得token，并覆盖掉本地存储中原先的token3.小程序本地存储中存在
2020-08-11 23:53:02
755
原创 小程序请求API接口，网络请求封装_学习记录
新建文件夹utils,在目录下新建api.js// 这是公共请求地址export const API_URI = '公共地址' function fetchApi(type, params, method) { return new Promise((resolve, reject) => { wx.request({ url: `${API_URI}/${type}`, data: params,
2020-08-09 00:06:35
356
原创 小程序 rich-text 处理显示_学习记录
小程序 rich-text 处理显示VIEW<view class="richText"> <rich-text nodes="{{richTextHTML}}" bindtap="tap"></rich-text></view>JSonShow: function () { var self = this; self.data.richTextHTML = self.data.richTextHTML.replace(/\&l
2020-08-08 20:58:44
216
原创 微信小程序生命周期、页面生命周期、组件生命周期--简洁版
1. 生命周期 App（全局）位置：项目根目录app.js文件App({ onLaunch (options) { // console.log('小程序初始化') }, onShow(options) { console.log('监听小程序启动或切前台') }, onHide() { console.log('监听小程序切后台') }, onError(msg) { console.log('错误监听函数') }, o
2020-08-07 23:06:54
117
原创 微信小程序组件的生命周期--详解
组件生命周期组件的生命周期，指的是组件自身的一些函数，这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。其中，最重要的生命周期是 created attached detached ，包含一个组件实例生命流程的最主要时间点。组件实例刚刚被创建好时， created 生命周期被触发。此时，组件数据 this.data 就是在 Component 构造器中定义的数据 data 。 此时还不能调用 setData 。 通常情况下，这个生命周期只应该用于给组件 this 添加一些自定义属性字段。
2020-08-07 22:43:49
2355
原创 微信小程序父组件调用子组件方法
微信小程序父组件调用子组件方法假如我们已经有了一个自定义组件toast组件里面有个方法控制toast的显示假如我要在登录界面引用toast，那如何调用自定义组件的方法控制toast显示？1.首先在登录的json页面引用组件2.在登录的wxml页面引用组件（一定要设置id）3.在登录页的js页面的生命周期中获取组件（图中的传入的参数就是第2步设置的组件id）4.用(this.toast.方法名)即可调用自定义组件的方法...
2020-08-07 22:01:56
2959
原创 微信小程序_template模板与component组件的区别和使用_学习记录
前言：除了component，微信小程序中还有另一种组件化你的方式template模板，这两者之间的区别是，template主要是展示，方法则需要在调用的页面中定义。而component组件则有自己的业务逻辑，可以看做一个独立的page页面。简单来说，如果只是展示，使用template就足够了，如果涉及到的业务逻辑交互比较多，那就最好使用component组件了。一. template模板:模板创建：建议单独创建template目录，在template目录中创建管理模板文件。由于模板只有wxm
2020-08-06 20:17:50
268
原创 微信小程序_生命周期_学习记录
小程序生命周期1. 整体小程序的生命周期： App({ onLaunch() {}, 监听小程序初始化，只触发一次 onShow(){},小程序启动或切换到前台运行 onHide(),小程序切换到后台运行 })2. 小程序页面级别的生命周期： Page({ //页面创建完，只触发一次，通常获取后台数据或接收另一个页面的传参时使用 onLoad() {}, //进入页面就会
2020-08-05 20:04:12
293
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人