- 博客(64)
- 收藏
- 关注
RSS订阅
原创 微信小程序中获取openid
在微信小程序中获取openid定义 openid是每一个微信的唯一的id，用来区别当前微信是否是之前的微信获取步骤获取微信的code——使用wx.loginwx.login({ success(res) { if (res.errMsg == 'login:ok') { this.data.code = res.code; console.log(this.data.code); // 获取到当前code 有了code之后，才能够进行获取当前的openid
2022-01-04 16:50:28
3113
1
原创 将字体颜色设置为渐变色 --字体倾斜--数组转字符串--旋转（一些样式的设置）
将字体颜色设置为渐变色 --字体倾斜--数组转字符串--旋转（一些样式的设置）
2022-06-23 11:52:47
401
原创 小程序组件中的监听事件
微信小程序中，如果进行使用了component级的组件的话，在一些情况下，父组件中使页面中的数据进行变化，子组件中的数据不会一起变化，由此可以使用该方法
2022-06-09 16:32:41
2405
原创 js -- 小数点后留两位，多删，少加
小数点后留两位，多删，少加需求：计算获取到的价格中的总价，之后保留两位小数// 计算总金额let allPlice = 0res.result.list.forEach(item => { // 循环对总价格进行计算 allPlice += Number(item.totalAmountTax) this.setData({ allplice: allPlice })})let a = String(this.data.allplice).i
2022-03-25 16:44:22
272
原创 左滑显示隐藏内容--微信小程序
微信小程序list列表中，左滑出现隐藏内容需求：在微信小程序中，列表上有时为了方便或者美观，会将删除、修改以及查看等按钮放在list的右边，进行隐藏起来，只有左滑时才能够出现，对此进行一个实现想法：出现两个view，list列表的view和需要隐藏按钮的view，list列表的view放在按钮view上面，进行遮挡，list列表左滑，按钮出现操作：wxml:<view class="container"> <view class="container_div" wx
2022-03-24 17:10:06
751
原创 微信小程序中进行公共数据的存储使用
微信小程序中进行公共数据的存储使用目的：将一些需要在多个页面进行使用的内容，存储到公共的数据库（app.js）中，使用时进行获取，在使用的页面进行一些简单的增删改查认识：公共的数据应该存放在微信小程序中的app.js中使用方法：...
2022-03-22 10:35:45
7564
原创 微信小程序中进入外部网络页面
微信小程序中进入外部网络页面实现功能：点击某个按钮，调用外部网络接口，页面上显示外部网页的内容方式：微信小程序中提供了组件web-view,官方文档中的解释为---承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。注：该组件每一个页面中只能够出现一次，且由于会铺满整个屏幕，导致该页面上的其他内容无法进行显示，所以使用时，这个页面中只存放这一个组件就可以了实现代码：// wxml中的内容<view wx:for="{{atu}}" wx:key="index"
2022-03-17 10:15:04
2507
原创 报错： TypeError: Cannot read property ‘forceUpdate‘ of undefined
报错 TypeError: Cannot read property ‘forceUpdate’ of undefined百度之后发现，报这种错误主要是uniapp中没有进行应用标识（appid）的配置，配置方法如下：根目录下找到该文件进行配置在登录状态下，点击重新获取，即可拿到uni-app的应用标识，点击微信小程序配置，配置小程序appid刷新小程序页面，可以正常运行…...
2022-02-22 17:41:01
1854
原创 固定页面进行局部滑动
页面固定进行局部滑动需求：内容在固定大小屏幕上，屏幕不可以进行滚动，屏幕中有高度不固定的盒子，盒子大小将全屏撑满，盒子内的内容可滚动该问题分三步最大屏幕进行固定不固定高度盒子必须将屏幕撑满不固定高度盒子可滚动首先第一步很好理解，为page添加以下样式page { width: 100%; height: 100vh; overflow: hidden;} // 屏幕固定完成第二步，不固定高度盒子的设置，要对不定高度的盒子进行设置，整个屏幕的高度，减去其他的内容的高度，剩
2022-02-21 17:07:54
808
原创 报错 ReferenceError: regeneratorRuntime is not defined
报错 ReferenceError: regeneratorRuntime is not defined解决报错，首先要知道为什么会报着个错误，regeneratorRuntime 本身在微信小程序中也没有进行定义，那就只有可能是语法的错误了，有事没事找百度，百度上说是当下的微信开发者工具不支持ES的新特性，我页面代码中的async、await是ES6中的新特性，所以会出现这种报错解决方法：微信开发者工具中 => 详情 ==> 本地设置 ==> 开启增强编译 完成~·
2022-02-14 10:15:37
2973
1
原创 vue中使用antd时a-table拉伸效果
antd中a-table的拉伸效果在使用组件时，我们常用的组件中element-ui中的table是自带拉伸效果的，然而在antd中是没有该效果的，那么我们就需要借助外力来实现a-table的拉伸效果第一步安装插件vue-draggable-resizable，在antd中我们需要使用该插件来实现拉伸npm install --save vue-draggable-resizable@2.1.0 // 安装时不加版本号安装的是最新版本，但是我们需要使用的是2.1.0的只有这个版本能够看到最
2022-02-07 10:29:13
1689
原创 vue中的mixins属性
vue中的mixins属性mixins 混入在我们使用组件化进行开发的时候，有一些情况下会存在相同的代码逻辑，我们需要对相同的代码逻辑进行抽取，例如：在开发过程中，一个组件已经渲染完毕，却想要继续向内部添加数据，这个时候为了不影响代码的正常运行，就可以使用mixins进行混入使用方法：先新建一个minins文件夹，该文件夹中存放的是混入文件（js文件），文件与main.js文件同级以数组的方式进行引用：import mixin1 from "./mixins/mixin1" //
2021-11-16 21:34:29
399
原创 ts中的面向对象
ts中的面向对象把数据及对数据的操作方法放在一起，作为一个相互依存的整体——对象。类：就是对象的模型，可以通过类去创建对象，规定一个对象中都有哪些属性、方法 class Person { static name:string = 'dog', // 在属性前使用static关键字，可以定义属性 ==> 静态属性 readonly age:number = 2 // 使用readonly定义的属性，为只读属性，无法进行修改 art:string = 'bto' // 没有
2021-11-14 23:28:07
634
原创 ts中的一些类型的使用
ts中的object{} 用来指定对象中可以包含那些属性 语法：{属性名：属性值；...属性名？：number ==> 可选属性，可有可无} 改良之后的语法： {[变量名：string]: any} ==> 表示任意类型的属性使用：fn(){ name:string, age:number, frend?:string // 可有可无}let a = new fn('小咪',2)let a = new fn('小黄',2,'小黑')...
2021-11-14 19:50:18
953
原创 将md文件转化为html样式，在页面中进行渲染
将md文件转化为html样式，在页面中进行渲染安装 vue-markdown-loader主要是为了将markdown文件解析并编译成html文件npm install vue-markdown-loader -D安装 vue-loader 、vue-template-compiler将文件渲染成vue组件npm install vue-loader -Dnpm install vue-template-compiler -D安装 github-markdown-c
2021-11-10 11:56:37
1753
1
原创 typescript初试
ts初学ts即typescript和我们之前所学习的JavaScript相比，JavaScript是一种弱类型的语言，也就是说，它对于数据的类型是比较宽松的，不去过度的限制数据的类型，其次它是一种比较优秀的语言，不论是哪种语言，只要是可以使用js进行实现，在最后都会转化为js语言，如同我们之前所学习的scss，最终会生成css，js也是同样的，基于js的typeScript同样也是这样的，最终运行后，会生成js文件，ts文件的出现，主要是js是有一些局限性的，对于一些动辄几百上千个页面的文件，js就显得
2021-11-09 18:54:23
642
原创 vuex中安装固化工具
vuex中安装固化工具控制台安装：npm/cnpm i vuex-persistedstate --save其他方式：将固化工具进行引入Vue.use(Vuex)import vuexPersist from 'vuex-persist'plugins:[ new vuexPersist({ storage: window.localStorage, }).plugin]...
2021-11-04 21:43:14
184
原创 理解Object.defineProperty方法（面试）
理解Object.defineProperty方法语法Object.defineProperty(obj, prop, descriptor)obj：需要定义属性的对象prop：需要定义的属性descriptor [dɪˈskrɪptə®] ：属性的描述描述符返回值：返回此对象descriptor [dɪˈskrɪptə®] 描述符在JS中对象具有两种属性，分别是数据属性和访问器属性，所以其描述符也根据属性分类，分为数据描述符和访问器描述符。在使用描述符时，必须是两种形式之一
2021-10-24 20:10:07
177
原创 使用图表插件（echarts）
使用图表插件（echarts）安装运行依赖npm install echarts(加上' - -save' 是开发依赖，不加是运行依赖，我们需要的是运行是依然在的，所以安装的是运行依赖)安装完成后可以打开官方文档，查看使用方法可以根据自己的需求，看看需要如何使用，由于我是在vue中使用的，所以需要在项目中引入echarts使用的是按需引入第一步：导入echartsimport * as echarts from "echarts";import _ from "lodash";第二步：
2021-10-21 11:50:46
249
原创 富文本插件使用方法
富文本插件使用方法一般情况我们在很多时候，都能够遇到使用富文本的内容，以便编辑内容时更加得心应手，那富文本插件该怎样使用呢？第一步：打开浏览器中的Vue CLI在运行中输入 vue ui 回车第二步：安装依赖 vue-quill-editor第三步：配置富文本内容在main.js中输入// 使用富文本 import VueQuillEditor from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'qu
2021-10-21 09:03:00
257
原创 vue中对axios进行封装
vue中对axios进行封装先在vue中安装axios在src文件中添加一个http文件，在其中创建一个request.js（中写封装的axios）文件将axios导入进去axios中提供的常用的内容：公共url（服务器地址）超时时间请求头请求方法：get pust delete put请求拦截 加载效果，特殊的请求头响应拦截 取消加载效果 对错误码进行拦截封装axios的内容// 自动变为开发地址或发布地址 （除此之外还有 法2）let baseUrl = ""; if(
2021-10-09 18:44:31
370
原创 vue中使用element-ui
vue中使用element-uinpm 安装npm 的方式安装，它能更好地和 webpack 打包工具配合使用。npm i element-ui -S完整引入import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({ el
2021-10-08 19:56:30
158
原创 http中的状态码
http中的状态码状态码是什么：http状态码的作用是服务器告诉客户端当前响应的状态，通过状态码就能判断和分析服务器的运行状态状态码的分类：状态码的第一位数字决定了不同的响应状态比如：第一位是1 表示收到web浏览器请求，（告诉客户端已经收到了请求）请求正在处理第一位是2 表示请求成功第一位是3 表示重定向 完成请求，需要进一步操作第一位是4 表示客户端提交的请求有误第一位是5 表示服务器错误，表示服务器不能对请求的数据进行处理常见状态码：100：客户端继续发送请求，这是临时响
2021-10-08 12:01:43
122
原创 回调地狱 总结
回调地狱回调地狱 简单说，就是函数作为参数层层嵌套在使用 JavaScript 时，为了实现某些逻辑经常会写出层层嵌套的回调函数如果嵌套过多，会极大影响代码可读性和逻辑，这种情况也被成为回调地狱解决1 拆解 function 将各步拆解为单个的 function解决2 通过 Promise 链式调用的方式解决3 通过genenter函数解决4 async / await// 回调地狱函数 let a = function fn() { setTimeout(()
2021-10-07 17:20:58
180
原创 注册一个全局自定义指令
注册一个全局自定义指令 v-my-text全局自定义，写在main.js中Vue.directive("myText",{ // name：指令名，不包括 v- 前缀。 bind(el, binding, vnode, oldVnode){//只调用一次，指令第一次绑定到元素时调用。(只要使用当前 指令就一定会触发bind方法 console.log("====>bind====>el",el); console.log("====>
2021-10-07 11:32:12
1066
原创 call apply bind 区别
call apply bind 区别相同点call apply bind 都可以进行传参，更改this的指向区别call apply 的区别在于传参，call传参时是以参数的形式进行的，除第一个是进行this改变指向的，之后的每一个都是进行传参的apply的传参是以数组的形式进行的，有两个参数，第一个是改变this的指向，第二个是一个数组的形式进行传参call apply和band的区别band 调用时自己创建了一个函数称为绑定函数，band函数中的第一个参数作为更改this指向的函数之后的
2021-10-05 20:33:04
164
原创 js中的面向对象
面向对象把数据及对数据的操作方法放在一起，作为一个相互依存的整体——对象。对同类对象抽象出其共性，形成类。类中的大多数数据，只能用本类的方法进行处理。类通过一个简单的外部接口与外界发生关系，对象与对象之间通过消息进行通信。程序流程由用户在使用中决定。对象即为人对各种具体物体抽象后的一个概念和面向过程一样,都是一种编程思想;(万物皆对象)JS本身也是一门面向对象的语言; js就是基于面向对象的编程思想构造出来的;我们经常去研究一些JS的内置类(Number,String,Object,Ar
2021-10-05 19:15:56
179
原创 Promise
PromisePromise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejec
2021-10-03 18:04:24
82
原创 async await
async awaitasync可以作用在任何方法前，返回值是一个Promise对象(回调函数也可以使用async)var centents = async () => { return 555 } centent().then(res=>{ console.log(res); })函数内部return的返回值, 会成为then回调函数的参数async作用的方法,如果内部出现报错,可以被promise的catch方法捕获常规使用,一般
2021-10-01 22:33:43
149
原创 ajax 相关内容
ajax的请求过程ajax请求方法–步骤5步创建XMLHttpRequest 对象（异步调用对象） let xhr = new XMLHttpRequest()设置事件监听：xhr.onreadystatechange = function() {}创建http请求： xhr.open(‘请求方式’,‘请求地址’,是否同步请求,用户名称,密码) 是否同步请求默认为false 用户名称与密码不需要传入发送请求数据：xhr.send(null)；数据请求的方式：GET
2021-09-30 19:01:17
88
原创 js中的函数 -------自执行函数
js中的函数js中的函数分为 普通函数 匿名函数 function () {} 具名函数 function fn() {} 构造函数 function Fn() {} let arr = new Fn() 自执行函数 (function fn() {}) () 箭头函数 generator函数自执行函数的几种写法 // 第一种写法 (function (a){
2021-09-23 18:51:05
178
原创 let var const 区别
let var const 区别let val const的区别let const 语法和 var一样都是用来声明变量的var声明的变量存在变量提升 let/const声明的变量不存在变量提升console.log(a); // undefinedconsole.log(b); // 报错 Cannot access 'b' before initialization 不能再使用前调用 var a = 1;let b = 1;var声明的变量不存在暂时性死区 let/const声明的变量存
2021-09-23 16:36:04
106
原创 RESTful API(风格)
什么是RESTful API？根据请求方式的不同，同一个接口就有不同的返回值和作用请求方式有：GIT 请求数据post 发送请求DELETE 删除PUT 修改// OPTION get 和post传参的区别get 传参 通过URL问号进行传参POST 在请求中直接发送数据传递数据大小的区别GET传递的参数数据比较小，2k（url的长度限制：url本来是没有长度限制的，但是浏览器是有限制的）POST 严格意义上来说没有大小限制，（JSON FORM BASE64 音视频转化为二
2021-09-10 12:02:19
98
原创 继承的方法（二）组合继承
组合继承就是构造函数继承和原型链继承的综合，选取了两类的优点主要过程是① 子类构造函数执行父类构造函数（为了将父类构造函数的内容转化为私有）；② 子类构造函数上实例化父类构造函数（将父类构造函数中的内容赋值给子类的原型）； function Parent() { this.x = 11; this.x1 = {} } Parent.prototype.getx = x; function Child()
2021-09-09 20:32:46
216
原创 继承的方法(一) 原型链的继承
继承1.原型链继承就是子类，实例，继承父类的属性和方法原型链继承，就是让子类的原型指向父类的实例 // 父类构造函数 function Parent(x){ this.x = x; } //父类原型 Parent.prototype.getX = function (){ console.log("getX",this.x) } //子类构造函数 function Child(y){ this.y = y; } //子类
2021-09-08 20:04:58
269
原创 原型和原型链
原型和原型链原型：原型分为显示原型和隐式原型；prototype：每个函数都有一个prototype属性，称为显示原型_ proto _：每个实例对象都有一个_ proto _属性，被称为隐式原型，隐式原型指向prototypeconstructor：每个prototype都有一个constructor函数，指向它所关联的函数 原型链:获取对象属性时，如果对象中没有该属性，就会到原型中找（_ _proto_ _）如果还是找到就到 原型的原型中去找，直至找到，如果找到最底层[object
2021-09-08 16:25:04
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人