- 博客(143)
- 收藏
- 关注
RSS订阅原创 【2022微信小程序排雷】云开发和非云开发环境下如何正确获取openid？
在小程序开发时，我们常常会调用wx.login和wx.getUserProfile来让用户授权并收集用户的openid、用户名、头像等信息。这样看是不是感觉两者没有什么联系，先后顺序不影响，我最开始也是这样觉得的............
2022-07-11 10:12:50
1680
原创 【实践出真理】import和require的引入方式真的和网上说的一样吗
在上面的表现中，二者都类似 浅拷贝 的操作，并不和网上说的一样a会变成2。
2022-07-03 15:52:08
628
1
原创 小程序——分包加载
分包1. 分包2. 使用分包3. 独立分包4. 分包预下载1. 分包分包指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；对小程序进行分包可以优化小程序首次启动的下载时间在多团队共同开发时可以更好的解耦协作。分包前，小程序项目中所有的页面和资源都被打包到了一起，导致整个项目体积过大，影响小程序首次
2022-05-20 00:37:03
1593
2
原创 全局数据共享MobX
全局数据共享MobXMobx在页面上使用 Store在组件中使用 StoreMobx全局数据共享（又叫做：状态管理）是为了解决组件之间数据共享的问题。在小程序中，可使用 mobx-miniprogram 配合 mobx-miniprogram-bindings 实现全局数据共享。其中：mobx-miniprogram 用来创建 Store 实例对象mobx-miniprogram-bindings 用来把 Store 中的共享数据或方法，绑定到组件或页面中使用1、安装 mobx-minip
2022-05-19 21:01:04
312
原创 API Promise化
API Promise化原因安装使用原因默认情况下，小程序官方提供的异步 API 都是基于回调函数实现的，例如，网络请求的 API 需要按照如下的方式调用：这样的缺点是容易造成回调地狱的问题，代码的可读性、维护性差！API Promise化，指的是通过额外的配置，将官方提供的、基于回调函数的异步 API，升级改造为基于Promise 的异步 API，从而提高代码的可读性、维护性，避免回调地狱的问题。安装使用在小程序中，实现 API Promise 化主要依赖于 miniprogram-api-
2022-05-19 19:02:24
845
2
原创 小程序中使用Vant Weapp正确步骤（2022最新排雷篇）
14. Vant WeappVant 是一个轻量、可靠的移动端组件库。1、安装：在终端中执行npm i @vant/weapp -S --production2、修改 app.json将 app.json 中的 "style": "v2" 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。3、修改 project.config.json开发者工具创建的项目，miniprogramRoot 默认为 miniprogram，package.json 在其外
2022-05-19 17:47:23
3169
5
原创 小程序开发学习笔记
微信小程序1. 小程序简介2、开始注册小程序账号获取小程序的AppID安装开发者工具创建小程序项目3、小程序代码构成整体pagejson 文件1. 小程序简介小程序与普通网页开发的区别1、运行环境不同网页运行在浏览器环境中，小程序运行在微信环境中。网页开发渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应，而在小程序中，二者是分开的，分别运行在不同的线程中。2、API不同由于运行环境的不同，所以小程序中，无法调用 DOM 和 BOM 的 API。但是，小程
2022-05-15 18:21:47
2143
5
原创 scroll-view使用display:flex无效，可采用另外一种方法实现横向滑动
最近在学小程序开发，试着用scroll-view进行横向滚动竖向滚动很简单，只需要添加scroll-y吗，如何给父盒子添加height属性即可WXML如下<scroll-view class='container1' scroll-x> <view>A</view> <view>B</view> <view>C</view></scroll-view>WXSS如下/* pag
2022-05-12 12:59:18
2595
1
原创 Webpack教程二
Webpack1. devtool2. watch观察模式3. webpack-dev-server4. webpack-dev-middleware5. HMR6、Vue组件支持热更新1. devtool2. watch观察模式在每一次修改代码后，我们都要执行npm run build 进行打包，这样不是很方便。为了简化流程，我们有两种方式。第一，可以在package.json中添加watch，之后每一次修改代码保存后都会自动打包一次。"scripts": { "test": "echo
2022-05-10 00:51:59
391
原创 报错Dev Server has been initialized using an options object that does not match
Dev Server has been initialized using an options object that does not match笔者跟着B站up学习webpack时，出现了如下错误报错中有说到，options中有一个未知的属性“contentBase”。 事实上，不仅是我配置的contentBase报错了，我配置的publicPath也报错了。devServer:{ hot:true, publicPath:'/' contentBase:path
2022-05-01 10:18:36
10325
1
原创 Webpack5——2022保姆级基础教程
本篇文章是笔者学习webpack的第一份入门笔记，包含常见配置，常见的多个loader、plugin的使用，如果解决css兼容、js兼容等。
2022-04-30 14:00:12
905
2
原创 Web Worker
Web WorkerWeb Worker?Web Worker 基本使用主线程Worker线程Web Worker的优势在哪?Web Worker?我们都知道JavaScript是单线程的，至于为什么是单线程的，以下内容来源阮一峰前辈的文章作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程
2022-04-23 17:29:31
2516
4
原创 SYN洪泛攻击
SYN洪泛攻击前言正文TCP三次握手SYN洪泛攻击前言最近在准备计网期中考试，分享一些计网有趣的知识吧~正文首先我们先了解TCP三次握手的过程，然后再讨论为什么会有SYN洪泛攻击，以及如何解决。TCP三次握手（1）⼀开始，客户端和服务端都处于 CLOSED 状态。先是服务端主动监听某个端口，处于 LISTEN 状态（2）客户端会随机初始化序号（ client_isn ），将此序号置于 TCP 报文段首部的序号字段中，同时把 SYN 标志位置为 1 ，表示SYN报文段（不包含应用层数据）。该
2022-04-19 09:17:46
1813
1
原创 Promise对象（详细、新手入门级）——涵盖方法then、catch、resolve、reject、all、race、finally
在本篇文章中你可以了解Promise出现的背景，理解回调地狱是什么。本篇文章包含9000字，覆盖多个代码片段，用于理解Promise对象的多个方法：then、catch、resolve、reject、all、race、finally。
2022-04-11 15:33:14
1166
1
原创 分析Vue2源码中数据代理、数据劫持的过程，数据代理和数据劫持真的不是同一个东西哦~
最近总刷到数据代理就是数据劫持这样的说法的文章，可是我真的不信！！！然后我就找了源码梳理函数调用的过程，发现数据代理和数据劫持确实不是同一个东西。本篇文章记录用于复习、回顾。
2022-04-07 20:05:58
2618
4
原创 在Vue3.0中，为什么放弃了Object.defineProperty，而使用Proxy来实现数据劫持？
本篇文章是我在复习Vue的过程中，整理总结出来的。其中包括Proxy、Object.defineProperty的基本使用，以及Vue3为什么会使用Proxy代替Object.defineProperty进行数据劫持，实现响应式。
2022-04-06 23:25:28
1986
1
原创 BM50 两数之和
BM50 两数之和1. 问题描述2. 样例说明3. 思路4. 代码5. 时间空间复杂度分析1. 问题描述2. 样例说明3. 思路不可行的简单方法：如果直接使用暴力解法，用两个for循环判断两个数的和是否等于target，必然会超时。正确的思路：使用哈希表，因为哈希表查找时间为O(1)。建立一个哈希表，键值对为<数组某个值，对应下标>从开始处遍历数组，对于第i个位置，在哈希表中寻找target-nums[i]是否存在，若存在，将两个下标放入数组中返回；若不存在，将其添加至表中
2022-04-04 21:14:11
474
原创 C++小知识——map和unordered_map区别
map和unordered_map1. map头文件和定义元素访问基本操作用途2. unordered_map头文件和定义基本操作使用示例3. 相同4. 不同头文件实现的数据结构存储空间查找性能的稳定性使用场景1. mapmap可以将任何基本类型(包括STL容器)映射到任何基本类型(包括STl容器)，map会以键从小到大的顺序自动排序。#include<iostram>#include<map>using namespace std;int main(){ ma
2022-04-04 20:35:44
3567
原创 面试前，这十六个HTTP相关面试题你总得会吧？
本篇文章包含16个HTTP相关面试题，覆盖HTTP、HTTPS、HTTP/2和HTTP/3相关知识点，题目源于小林、牛客网和我的朋友，解答为我结合书本、文章理解后撰写，用于复习和面试，基本上覆盖了前端校招百分之八九十的HTTP问题。
2022-03-31 21:07:11
804
6
原创 湖南大学编译原理实验四cminus_compiler-2021-fall
湖南大学编译原理实验四cminus_compiler-2021-fallLab4 实验文档0. 前言主要工作1. 实验框架2. 运行与调试运行 cminusfc自动测试logging建议3. 提交要求目录结构实验报告实验要求实验难点实验设计全局变量Judge函数void CminusfBuilder::visit(ASTVar &node) 函数设计void CminusfBuilder::visit(ASTVarDeclaration &node) 函数设计void CminusfBuil
2022-03-30 23:51:57
1054
4
原创 湖南大学编译原理实验三cminus_compiler-2021-fall
湖南大学编译原理实验三cminus_compiler-2021-fallLab3 实验文档0. 前言主要工作1. LLVM IR部分1.1 LLVM IR介绍1.2 gcd例子: 利用clang生成的.ll1.3 你的提交1: 手动编写.ll2. LightIR部分2.1 LightIR - LLVM IR的C++接口2.2 gcd例子: 利用LightIR + cpp 生成.ll2.3 你的提交2: 利用LightIR + cpp编写生成.ll的程序3. Lab4的准备3.1 了解Visitor Patt
2022-03-29 23:30:26
932
原创 湖南大学编译原理实验二cminus_compiler-2021-fall
前言实验文档来源湖南大学编译原理课程，实验报告是笔者写的。Lab2 实验文档0. 快速上手指南本次实验需要在 Lab1 已完成的 flex 词法分析器的基础上，进一步使用 bison 完成语法分析器。主要工作了解 bison 基础知识和理解 Cminus-f 语法（重在了解如何将文法产生式转换为 bison 语句）阅读 /src/common/SyntaxTree.c，对应头文件 /include/SyntaxTree.h（重在理解分析树如何生成）了解 bison 与 flex 之间是
2022-03-28 12:14:15
2009
1
原创 Cookie和HTML5新增localStorage、sessionStorage的6大区别
通过本篇文章，你可以了解Cookie和HTML5新增localStorage、sessionStorage的6大区别，以及localStorage、sessionStorage存在的优势
2022-03-26 11:17:53
1170
2
原创 湖南大学编译原理实验一cminus_compiler-2021-fall
cminus_compiler-2021-fall前言Lab1 实验文档0. 基础知识0.1 cminus-f词法0.2 FLEX简单使用1. 实验要求1.1 目录结构1.2 编译、运行和验证实验报告实验要求实验难点实验设计实验结果验证实验反馈前言实验文档来源湖南大学编译原理课程，实验报告是笔者写的。Lab1 实验文档0. 基础知识在本次实验中我们讲重点用到FLEX和以C-为基础改编的cminus-f语言。这里对其进行简单介绍。0.1 cminus-f词法C MINUS是C语言的一个子集，
2022-03-25 17:10:23
2915
原创 this详解以及相关7道面试题
在看面经的时候，发现自己对this的指向依然有些模糊。看了很多this相关文章，打算写一篇文章梳理this相关知识，并用一些常见的面试题加强理解，供复习巩固使用。
2022-03-25 16:29:23
364
1
原创 2022前端面经整理
面经整理前言JavaScript前言本篇文章前端面经整理出自牛客网。JavaScript当我们使用push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。let arr = new Array(10);//注意，这里代表数组长度为 10arr.push(1);arr.slice(0,5);//slice 方法返回一个新数组，不会改变原数组console.log(arr.length);//11...
2022-03-23 23:09:10
2651
1
原创 Vue项目打包部署上线时devServer.proxy代理失效如何解决？使用nginx的proxy_pass 代理跨域转发
本篇文章用于记录项目前端部署上线遇到的问题，包含对问题的思考、解决思路，以及从中获得的收获。正确的部署流程我也写了一篇文章，供大家参考。
2022-03-22 12:26:11
20593
6
原创 面试题：ES6新增了两种引用数据类型Set和Map，是为了解决哪些问题?weakSet 和 weakMap 与 Set 和 Map的区别？
回答这个问题前，我们要先了解Set和Map的特点，结合它的特点去回答这个问题。如果发现文章有错误或歧义的地方，希望各位大佬指出，避免误导更多人！！
2022-03-21 21:19:59
540
原创 使用宝塔将Vue2+Nodejs全栈项目打包部署到腾讯云服务器（2022最新版保姆级详细教程）
在阅读本篇文章前，你需要提前购买腾讯服务器，连接Xshell。 其他云服务器也可以，操作基本类似。因为这是笔者第一次将全栈项目部署服务器，遇到了很多坑，花了差不多一天的时间解决。创作本篇文章的目的是为了梳理项目上线的流程供下次使用，同时帮助友友们快速部署项目，排掉大量的坑！！！
2022-03-20 15:31:46
6324
8
原创 Html5新增神器——requestAnimationFrame是什么？怎么用？
在Web应用中，实现动画效果的方法比较多，Javascript 中可以通过定时器 `setTimeout/ setInterval ` 来实现，css3 可以使用 `transition `和 `animation` 来实现，html5 中的 `canvas` 也可以实现。除此之外，html5 还提供一个专门用于请求动画的API，那就是 `requestAnimationFrame`。
2022-03-18 16:16:33
5726
3
原创 【Vue3—Composition AP】相对于【Vue2—Options API 】存在的优势
【Vue3 Composition AP】vs【Vue2 Options API 】Options API 存在的问题Composition API 的优势Options API 存在的问题在传统OptionsAPI中，数据、方法等分别在data，methods中。随着业务复杂度越来越高，代码量会不断的加大；由于相关业务的代码需要遵循option的配置写到特定的区域，导致后续维护非常的复杂，代码可复用性也不高。Composition API 的优势通过配合hook函数，我们可以更加优雅的组织我们的
2022-03-17 23:12:28
446
2
原创 JavaScript 正则表达式——学习笔记（用于复习）
本篇文章是一篇MDN正则表达式学习笔记，用于复习。文章内容包括创建正则表达式、RegExp修饰符、正则表达式中特殊字符、以及RegExp原型上的方法等。
2022-03-17 23:10:11
924
1
原创 html中使用es6模块，报错：Access to script at ‘file:///C:/Users/joney/Desktop...
报错报错情况如下：百度翻译可知，其跨域了！！CORS 策略已阻止从源"null"访问"file:///C:/Users/joney/Desktop/%E9%9D%A2%E8%AF%95%E4%BB%A3%E7%A0%81/17.%E5%A4%96%E9%83%A8%E8%84%9A%E6%9C%AC.js"处的脚本：跨源请求仅支持协议方案：http、data、chrome、chrome-extension、chrome-untrusted、https。因为你是在本地打开的文件，而file协议并
2022-03-17 12:27:10
9143
1
原创 在node.js中使用ex6模块时，报错SyntaxError: Cannot use import statement outside a module
报错在node.js中使用ex6模块时，报错情况如下解决方法可以在项目的package.json文件中，指定type字段为module。{ "dependencies": { "lodash": "^4.17.21" }, "type":"module"}一旦设置了以后，该目录里面的 JS 脚本，就被解释用 ES6 模块。如果在引入CommonJS模块就会报错。此外，使用import导入时必须写后缀名.js，否则会报错。而在使用 require加载用户
2022-03-17 11:05:56
1247
2
原创 前端面试——CommonJS模块和ES6模块的区别？
本篇文章是博主看阮一峰 ECMAScript 6 (ES6) 标准入门教程 第三版，看文章，加代码实践总结的，如果有错误或者歧义的地方希望大佬们指出，免得误导更多人！！！
2022-03-17 10:27:11
2784
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人