qq_38140894-CSDN博客

原创 js对象面试题

1、如何判断js对象是否存在某个属性？hasOwnProperty()const obj = {a: 1, b: 2};obj.hasOwnProperty('a'); // trueobj.hasOwnProperty('c'); // false使用undefined判断// 该方法存在一个问题，如果属性的值就是undefined的话，该方法不能返回想要的结果const obj = {a: 1, b: undefined};obj.a !== undefined; // tru

2022-05-07 22:28:31 264

原创微信小程序相关

微信小程序登录过程1.通过 wx.login() 获取到用户的code判断用户是否授权读取用户信息，调用wx.getUserInfo 读取用户数据。2.由于小程序后台授权域名无法授权微信的域名，所以需要自身后端调用微信服务器获取用户信息。appid , appsecret3.通过 wx.request() 方法请求业务方服务器，后端把 appid , appsecret 和 code 一起发送到微信服务器。appid 和 appsecret 都是微信提供的，可以在管理员后台找到。4.微信服务器

2022-05-06 12:39:57 205

原创字符串方法

toLowerCase():将字符串中的字母转成全小写。如：strObj.toLowerCase();toUpperCase():将字符串中的字母转成全大写。如：strObj.toUpperCase()；charAt(index):返回指定下标位置的一个字符。如果没有找到，则返回空字符串；indexOf:返回一个字符串在原始字符串中的索引值(查找顺序从左往右查找)。如果没有找到，则返回-1；lastIndexOf:在原始字符串中，从右往左查找。如果没有找到，则返回-1；substring(参数1，

2022-05-05 15:34:56 117

转载数组的方法

shift() ;删除数组中第一个元素，并将长度减1.pop():删除数组中最后一个元素，并将长度减1.unshift():往数组前面添加一个或多个数组元素，长度要改变。如：arrObj.unshift(“a”,”b”,”c”);push():往数组结尾添加一个或多个数组元素，长度要改变。如：arrObj.push(“a”,”b”,”c”);concat() : 方法用于连接两个或多个数组, 不改变原数组。返回一个新的数组。reverse() 逆向排序, 原数组也被逆向排序了toString(

2022-05-05 14:55:14 79

原创 let、var、const的区别

var 在代码块中有变量提升的作用（定义提升，但是赋值没有，所以会是undefined）let 是在块级作用域中起作用（比如 if（））有暂时性死区，在声明之前不能赋值var fullName = 'fanfan' function fn(){ console.log(fullName) //undefined var声明的会提升到函数作用域的最前，但是声明会提升，赋值不会 if(false){ var

2022-05-05 14:25:10 55

原创 Promise

PromisePromise是异步编程的一种解决方案，创建异步对象，当异步对象中的异步操作执行完成之后，再执行想要执行的东西。特点1、对象的状态不受外界影响（3种状态）Pending状态（进行中）Fullfilled状态（已成功）Rejected状态（已失败）2、一旦状态发生改变就不会再变（两种状态改变：成功或者失败）Pending -> FulfilledPending -> Rejected创建Promise实例// 三个状态 pending fulfilled

2022-05-05 11:34:54 53

原创实现一个Loader

在项目文件夹下创建一个文件error-loader.jsLoader本质上是一个函数,参数content是一段字符串,存储着文件的内容,最后将loader函数导出就可以提供给webpack使用了.//error-loader.js//loader函数module.exports = function (content){ console.log(this.query); // { name: 'hello' } return content;}webpack的配置文件在设置rules

2022-05-04 23:12:24 1145

原创浏览器(跨域)

浏览器主要组成部分：用户界面：包括地址栏、前进后退按钮、书签菜单等。除了浏览器主要窗口显示的您的请求页面外，其他现实的各个部分都属于用户界面浏览器引擎：在用户界面和呈现引擎之前传送指令渲染引擎：负责显示请求的内容。如果请求的内容是HTML,它就负责解析HTML和CSS内容，并将解析后的内容显示在屏幕上网络模块：用于网络调用，比如HTTP请求，其接口与平台无关，并为所有平台提供底层实现。用户界面后端：用于绘制基本的窗口小部件，比如组合框和窗口。其公开了与平台无关的通用接口，而在底层使用操作系统的用户

2022-05-04 23:10:48 1961

原创【webpack、plugin、loader】

webpackwebpack是一个用于现代JavaScript应用程序的静态模块打包工具解决了：模块依赖问题，在我们写代码时，会有模块相互依赖问题，顺序问题，手动管理模块依赖，webpack解决了这个先后问题代码编写问题，在现在项目中会有typejs、sass等预编译语言，webpack会将这些转为js、css开发效率问题，提供了热加载功能，在编写代码是不需要手动去刷新页面项目优化问题，打包上线的时候对代码进行压缩优化，保证项目性能webpack中loaderloader 让 webp

2022-05-04 22:09:19 2253

原创【css知识点】

行内元素/块级元素行内元素的特点：和相邻的行内元素在一行上高度和宽度无效，但是水平方向上的padding和margin可以设置，垂直方向上无效（左右右外边距，上下无）默认宽度就是本身内容的宽度行内元素只能容纳纯文本或者其他行内元素（a标签除外）注意只有文字才能组成段落，因此类似p、h1~h6 dt等里不能放放块级元素，因为她们都是文字块级标签，里面不能再存放其他块级标签；链接里不能再存放链接行内块级元素特点：在行内元素中有几个特殊的标签，img input td 是可以设置它们的宽高以及

2022-05-03 22:24:11 123

原创【vue知识点】

1、this.$set() (Vue.set())在vue中直接给一个数组项赋值，vue并不能检测到变化 //在vue中给对象数组项赋值，没办法赋值，vue渲染不出来 this.dataForm.arr1= [1,2] //用$set给对象的数组项赋值，则能渲染出来 this.$set(this.dataForm,'arr1', [1,2])2、vue computed 和 watch 的区别和运用的场景computed ：是计算属性，依赖其他属性的值，并且comput

2022-03-11 18:02:01 128

原创 axios无痛刷新

vue axios请求新的token，无痛刷新import {serialize} from '@/util/util'import {getStore} from '../util/store'import NProgress from 'nprogress' // progress barimport errorCode from '@/const/errorCode'import router from '@/router/router'import {Message} from 'ele

2021-12-14 15:51:49 674

原创【vue下载base64格式的图片】

1、创建downLoad.js文件class Download { //引用调用的方法，传入文件名称和bas64格式的文件 downloadFile(fileName, content) { let aLink = document.createElement('a'); let blob = this.base64ToBlob(content); //new Blob([content]); let evt = docum

2021-12-14 14:34:33 2184

原创 vue生成海报

vue生成海报1、引入插件npm install qrcodejs2 --savenpm install html2canvas --save//在需要的地方引入import VueQrcode from '@xkeshi/vue-qrcode'import html2canvas from 'html2canvas';2、html海报中背景图片，这里用的是本地路径，如果是用线上路径生成的海报背景图空白，也不能用backgroud:(url)<div class="backImg"

2021-12-14 14:23:31 1539

原创【键盘/支付】h5键盘以及拉起微信/支付宝支付功能

这里写自定义目录标题生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入<div class="container" id="newsInfoPreview" v-cloak>  <div clas

2021-12-14 10:40:44 1251 1

qq_38140894的博客