自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(290)
  • 收藏
  • 关注

原创 GitHub双重验证后Push代码上传出错:Support for password authentication was removed on August 13, 2021

参考

2025-06-04 12:23:46 39

原创 iconfont阿里巴巴矢量图标库设置颜色

项目设置里,把彩色去掉重新下载代码即可。

2024-10-24 11:41:30 482

原创 微信小程序canvas 生成二维码图片,画图片,生成图片,将两个canvas结合并保存图片

需求实现步骤如下。

2024-10-21 12:14:58 1382

原创 小程序this.getOpenerEventChannel()当前页面与navigateTo页面之间数据通信

注意:在实际使用中,请确保页面 A 已经打开,并且页面 B 是通过wx.navigateTo打开的,否则this.getOpenerEventChannel()可能无法正常工作。3、如果页面是通过wx.redirectTo或wx.switchTab打开的,你可以考虑使用wx.navigateBack来回退页面,并在回退前通过事件或者全局变量进行通信。2、如果你需要在页面关闭时通知打开它的页面,可以考虑使用全局变量或者wx.setStorage/wx.getStorage来实现。

2024-10-01 21:50:19 1781

原创 微信小程序自定义navigationBar顶部导航栏(背景图片)适配所有机型,使用tdesign-miniprogram t-navbar设置背景图片

一定要设置,不然页面会出现一个原生的导航栏,一个自定义的// app.json文件此处选择在app.js文件(小程序启动时)计算并存储在全局变量中// 获取系统信息// 胶囊按钮位置信息// 导航栏高度 = 状态栏高度 + 44。

2024-09-20 12:22:50 3031

原创 npm install速度慢,install超时报错----npm换源;npm i npm install区别

问题:我的项目npm install之后特别慢,然后还超时报错。我确定我的npm版本和node版本是匹配的,没有问题的。然后我就想应该npm的官方源的问题,官方源在外国加载慢。然后我就开始换源。对于 NPM,下载完后不换源的话,下载依赖包就相当的慢,最后超时下载失败也经常发生。这时候我们就要改一下 NPM 的 registry 配置,换成国内的镜像源。

2024-08-30 16:13:35 938 1

原创 nvm安装、永久配置、node安装、npm安装(mac m1安装node错误问题)、nvm常用命令

nvm安装和永久配置

2022-11-27 04:05:43 1439

原创 nvm常用命令

nvm常用命令

2022-11-22 11:21:25 439

原创 安装tsc,command not found: tsc 找不到该命令

一般出现这种情况是由于没有配置对tsc的环境变量导致的。配环境变量也有些麻烦,用npx就可以解决这个问题。1、先初始化 tsc。2、查看是否安装成功。

2022-08-31 18:07:23 6931

原创 el-form的二次封装,el-form嵌套使用

背景:公司项目的每一个页面基本上都有el-form。而且不同的el-form里面有部分el-form-item是相同的,于是就想把这部分相同的el-form-item封装成一个el-form即组件d2-page-form。为什么要封装成一个el-form?d2-page-form是页面原来的el-form的子组件。在封装组件A的过程中,又想到了把el-form二次封装,这样就可以满足页面中不再写el-form、el-form-item的html代码了,直接封装一个组件,给组件传入对应的属性就可以了。....

2022-08-26 11:40:00 2599

原创 软考高项案例分析

一、案例分析概述经典案例分析按内容分:1、找茬题2、理论知识题3、计算题按题型分:1、问答题2、判断题、选择题、填空题案例分析基本答题规则:建议先看子题目,了解考的是什么知识域的内容,再读题干文字。对于计算题,要写出公式和主要计算步骤。对于问答题,要采取列点的方式写出要点,一条一个采分点。答案要注意归纳和提炼,用词要尽量简洁、要使用专业用语。严禁长篇大论。 6. 字迹工整,卷面整洁,不超出答题红框范围。把控时间,全面做题案例分析破解之法案例分析找茬题解题思路:先从五

2022-04-21 18:02:17 2576

原创 微信小程序上传体验版本,提示“85045:ext_json 有不存在的路径”

问题:我是原生小程序开发,当我设置小程序分包之后,再上传体验版本,就一直提示85045:ext_json 有不存在的路径。上传之前没分包的版本,就没事,于是把问题锁定分包的配置问题。ext_json 有不存在的路径,我怀疑是文件没加载完全,怀疑与组件按需加载有关。解决方式:取消了组件按需加载,即 app.json 文件中 “lazyCodeLoading”: “requiredComponents” 删除,取消组件按需加载之后,分包中的文件路径也可以加载进去了,上传小程序体验版本不报错了,具体原因可以

2022-03-15 17:08:13 1176

原创 下载excel流文件及设置下载文件名

1、引入import axios from 'axios'const FileSaver = require('file-saver')2、具体实现handleDownload (id) { this.$loading({ text: '正在下载,请稍后...' }) axios({ url: `xxxx`, // 后端url地址 timeout: 10000, method: 'get',

2021-11-25 14:48:22 1012

原创 var、let、const的区别以及js变量、函数提升

JavaScript 中的 Var,Let 和 Const 有什么区别var、let、const 区别?JavaScript变量提升和函数提升详解理解ES6中的TDZ(暂时性死区)ES6 附带的功能之一是添加了let和const,可用于变量声明。 它们与var有何不同?在本文中,我们将讨论var,let和const的作用域,用途和变量提升,并指出它们之间的差异。首先,总结一下它们的异同:var声明是全局作用域或函数作用域,而let和const是块作用域。var变量可以在其范围内更新和重新声明

2021-11-21 23:36:31 826

原创 CORS 简单请求+预检请求(彻底理解跨域)

参考链接

2021-11-15 14:36:26 1677

原创 前端实现动画的6种方式详解

参考链接

2021-11-01 19:45:01 616

原创 使用CSS3 will-change提高页面滚动、动画等渲染性能

参考链接

2021-10-31 18:54:51 121

原创 分层和合成机制:为什么css动画比JavaScript高效

参考链接

2021-10-31 13:54:36 1016

原创 requestAnimationFrame详解

参考链接参考链接

2021-10-30 21:51:30 70

原创 javascript总for of和for in的区别?

参考链接

2021-10-28 19:20:13 115

原创 前端优化介绍

性能优化意义何在?WPOStats 性能优化案例库 - 业界经验优化做些什么?主要围绕 web 的基本工作原理展开的,包括客户端与服务端建立连接,然后对这些资源进行加载,如何对这些资源进行渲染行动的标准是什么?大纲代码优化:JavaScript 优化HTML 优化CSS 优化渲染优化:现代浏览器渲染远离可优化的渲染环节和方法资源优化:压缩&合并图片格式图片加载字体优化构建优化:webpack 的优化配置代码拆分代码压缩持久化缓存监测与

2021-10-19 19:29:12 80

原创 项目开发流程

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-10-19 17:47:00 252

原创 JS try catch 的使用

参考链接1参考链接2参考链接3

2021-10-12 18:53:31 315

原创 组合和状态设计

考察重点数据驱动视图状态:数据结构设计(React - state, Vue - data)视图:组件结构和拆分数据结构设计用数据描述所有的内容数据要结构化,易于程序操作(遍历、查找)数据要可扩展,以便增加新的功能组件设计从功能上拆分层次尽量让组件原子化,吸收系统的复杂度容器组件(只管理数据,一般是最外层的顶级组件,比如下面红色框组件)& UI 组件(只显示视图,不管功能实现,事件触发后抛出到容器组件处理。比如下面的蓝框和红框)...

2021-10-11 10:05:17 54

原创 webpack 和 babel

前言webpackwebpack 已是前端打包构建的不二选择每日必用,必考成熟的工具(在开发环境中运用和配置),重点在于配置和使用,原理并不高优讲解范围基本配置高级配置性能优化(优化打包效率、 优化产出代码)构建流程概述bebel回顾之前的 webpack 的题前端代码为何要进行构建和打包?module chunk bundle 分别什么意思,有何区别?loader 和 plugin 的区别?webpack 如何实现懒加载?webpack 常见性能优化babel-

2021-10-05 17:10:53 240

原创 Vue 真题

v-show 和 v-if 的区别v-show 通过 CSS display 控制显示和隐藏v-if 组件是真正的渲染和销毁,而不是显示和隐藏频繁切换显示状态用 v-show ,否则用 v-if为何在 v-for 中用 key必须用 key,且不能是 index 和 randomdiff 算法中通过 tag 和 key 来判断,是否是 sameNode,从而让 diff 算法 减少渲染次数,提升渲染性能描述 Vue 组件生命周期(父子组件)单组件生命周期图父子组件生命周期关系

2021-09-13 15:25:28 43

原创 js 给数组原型对象添加方法

实例1:给Array本地对象增加一个原型方法,它用于删除数组条目中重复的条目(可能有多个),返回值是一个包含删除重复条目后的新数组function delRepeat(arr){ var subarr = []; for(var i=0; i<arr.length; i++){ if(subarr.indexOf(arr[i]) == -1){ subarr.push(arr[i]); } } return su

2021-09-10 17:26:22 3001

原创 Vue原理

组件化响应式vdom 和 diff模版编译渲染过程

2021-09-02 19:09:04 192

原创 vue 下载导出table为excel

1、安装npm install file-saver xlsx --save-dev2、下载导出组件<template> <el-button type="primary" icon="el-icon-download" @click="getConfig">下载</el-button></template><script>export default { name: 'd2-export-csv', props: {

2021-07-27 16:41:46 624

原创 前端自动化部署

参考链接1参考链接2参考链接3

2021-06-17 10:16:49 916 1

原创 Vuex和Vue-router

VuexVuex 基本概念stategettersactionsmutation用于 Vue 组件dispatchcommitmapStatemapGettersmapActionsmapMutationsVuex

2021-06-10 18:53:38 421

原创 Vue高级特性

自定义 v-model$nextTickslot动态、异步组件keep-alivemixin自定义 v-modelindex.vue<template> <div> <p>{{name}}</p> <CustomVModel v-model="name" @change="change" /> </div></template><script>import Cus.

2021-06-02 18:49:35 120 1

原创 (二)Vue 组件使用

props 和 $emit组件间通讯 - 自定义事件组件生命周期props 和 $emitindex.vue<template> <div> <Input @add="addHandler"/> <List :list="list" @delete="deleteHandler"/> </div></template><script>import Inpu.

2021-05-28 10:49:54 153 1

原创 (一)Vue 基本使用

指令、插值插值、表达式指令、动态属性v-html :会有 XSS 风险,会覆盖子组件<template> <div> <p>文本插值 {{message}}</p> <p>JS 表达式 {{ flag ? 'yes' : 'no' }} (只能是表达式,不能是 js 语句)</p> <p :id="dynamicId">动态属性 id</p>

2021-05-20 16:14:37 351

原创 前端基础思维导图

question 1var 和let const 区别var 是 ES5 语法,let const 是 ES6 语法;var 有变量提升var 和 let 是变量,可修改;const 是常量,不可修改let const 有块级作用域,var 没有typeof 返回哪些类型列举强制类型转换和隐式类型转换...

2021-05-14 17:10:11 195 1

原创 运行环境记录

运行环境即浏览器(server 端有 nodejs,微信有webview浏览器,APP也可以做为运行环境)下载网页代码,渲染出页面,期间会执行若干 JS要保证代码在浏览器中:稳定且高效网页加载过程题目从输入 url 到渲染出页面的整个过程下载资源:各个资源类型,下载过程渲染页面:结合 html css javascript 图片等window.onload 和 DOMContentLoaded 的区别window.onload 页面的全部资源加载完才会执行,包括图片、视频等D.

2021-04-26 20:21:46 158

原创 小程序连接蓝牙流程

目前踩过的坑:微信需要打开蓝牙设置,并开启蓝牙,部分安卓手机需要打开手机定位。android手机接收的蓝牙数据包不超过20个字节,但ios基本上没有限制。setBLEMTU方法在 nova 7上不能使用,一直报 internal fail 错误。因为本次需要蓝牙传输的数据比较多,android手机一次只能接收到一半数据,需要再次进行设备的蓝牙数据传输按钮,才能获取到全部数据。但是ios接收到全部数据。 openBluetoothAdapter() { let that = this.

2021-04-22 10:27:17 1785 6

原创 开发环境git

git调试工具抓包webpack babellinux 常用命令git最常用的代码版本管理工具大型项目需要多人协作开发,记录代码更新,必须熟用gitMax OS 自带 git 命令,windows 可去官网下载安装git 服务端常见的有 github coding.net 等大公司会搭建自己的内网 git 服务常用 git 命令git add.git checkout xxx (把文件还原到之前的状态)git commit -m “xxx”git push orig.

2021-04-19 02:01:00 62 1

原创 http协议

前端工程师开发界面需要调用后端的接口,提交/获取 数据—— http 协议要求事先掌握好 ajaxquestionhttp 常见的状态码有哪些?http常见的 header 有哪些?什么是 Restful API?描述一下 http 的缓存机制(重要)知识点http 状态码...

2021-04-11 17:19:17 30

原创 JS-Web-API-存储

知识点cookie本身用于浏览器和 server 通讯被“借用”到本地存储来前端可用 document.cookie = ‘xxx’ 来修改题目描述cookie localStorage sessionStorage 区别cookie算是http请求的一部分,但也具备存储的能力...

2021-04-08 19:33:16 100 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除