jiangjialuan2-CSDN博客

原创 uniapp 中uni.request请求一下触发两次以及预检请求解决办法

对那些可能对服务器数据产生副作用的 HTTP 请求方法（特别是 GET 以外的 HTTP 请求，或者搭配某些 MIME 类型的 POST 请求），浏览器必须首先使用 OPTIONS 方法发起一个预检请求（preflight request），从而获知服务端是否允许该跨域请求。服务器确认允许之后，才发起实际的 HTTP 请求。Access-Control-Allow-Methods,’: POST, GET, OPTIONS’来允许服务器允许客户端使用 POST, GET 和 OPTIONS 方法发起请求;

2023-03-31 17:29:42 1892

原创 Vuex原理

Vuex是专门为Vuejs应用程序设计的状态管理工具，其实是集中的数据管理仓库，相当于数据库mongoDB等，任何组件都可以存取仓库中的数据。1.Vuex框架运行流程如上图Vuex：Vuex的组成部分:state:是存储的基本数据。mutations:提交更改数据。getter:对state加工，和computed计算属性一样。actions：处理异步，通过store.commit方法触发mutations中的方法，从而改变state值。module：是store分割的模块，每个模块拥有自

2022-06-08 13:50:05 282

原创伪类和伪元素详解

什么是伪类和伪元素？伪类：存在DOM文档中，逻辑上存在但在文档树中却无须标识的“幽灵”分类，用于向某些选择器添加特殊的效果，伪类的效果可以通过添加实际的类来实现。伪元素/伪对象：不存在在DOM文档中，是虚拟的元素，是创建新元素。代表某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中，用于将特殊的效果添加到某些选择器。伪元素的效果可以通过添加实际的元素来实现。伪类选择符有哪些？伪元素有哪些1）注意伪类只能使用":“;而伪元素即可以使用”:“,也可以使用”::":after/::afte

2022-06-02 15:26:59 944

原创闭包的使用场景和闭包内存释放

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

2022-05-26 18:10:37 2579

原创 vue响应式原理

1、Vue的优势1）轻量级框架(压索之后20KB大小)2）组件化开发：vue是单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和dom；提升访问速度和用户体验。3）组件在系统内部可复用，组件和组件之间可以嵌套，如果项目比较复杂，可以极大简化代码量，对后期的需求变更和维护也更加友好。4）Virtual DOM他就是一种可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化，由于这个DOM操作属于预处理操作，并没有真实的操作DOM，所以叫做虚拟DOM。最后在计算完毕才

2022-05-23 15:17:34 96

原创超详细的vue-router原理

vueRouter是前端路由，在无需刷新页面的情况下更新视图。两种模式：一种是Hash模式，一种是History模式。分别就是在HTML5History，HashHistory两个类中实现的。一、vue-router组成vue-router组件有三个部分1.link：即v-link2.view：元素指令，即3.router：核心部分二、vue-router简单的一个流程1.url 变化2.history监听（onChange事件）：window.addEventListener(‘hash

2022-05-17 11:17:48 6806 1

原创 2022前端面试题集及解答

1、做接口前后端联调如何分析是前端还是后端问题答：抓包请求参数，页面上输入参数，后端接口文档需要的参数是否一致，如果不一致就是前端bug如果一致没有返回预期的效果，就是后端bug;渲染中，参数一致，也返回预期效果，但是页面数据显示不正确就是前端bug;,如果返回了预期效果，页面数据显示不正确，就是前端bug............

2022-04-25 18:46:57 822

原创一次完整的http请求过程

一个完整的 HTTP 请求需要经历 DNS 查找，TCP 握手，浏览器发出 HTTP 请求，服务器接收请求，服务器处理请求并发回响应，浏览器接收响应等过程：首先请求dns服务器（会首先在浏览缓存中获取，找不到就会去host文件中获取，最后才会dns获取），对www.xxx.com进行域名解析，获取ip等信息根据拿到的服务器的地址信息，发起发起TCP的3次握手（1）第一次握手：Client将标志位SYN置为1，随机产生一个值seq=J，并将该数据包发送给Server，Client进入SYN_SE

2022-04-22 18:41:17 3420

原创 Nuxt.js开启SSR渲染及打包发布

vue,nuxt.js

2022-04-21 17:29:01 1951 2

原创 cocos creator资源加密解密插件----支持web和native

支持对web平台和native平台进行加密，支持对文件名进行混淆。如图代码列表：web端加密思路：不破坏原有工程，构建后修改导出的cocos2d-js.js文件，主要是修改有三点，解密代码放在downloadArrayBuffer，修改downloadText和downloadImage，改为通过downloadArrayBuffer先下载二进制流再解密解码为文本或图片。var downloadArrayBuffer = function downloadArrayBuffer(url, o

2021-12-16 15:58:32 2173 1

原创分享cocos creator对象池poolManager.js直接用

摘要节点的创建（cc.instantiate）和销毁（node.destroy）操作是非常耗费性能的。如果制作有大量敌人或子弹需要反复生成和被消灭的动作类游戏时，需要使用对象池。环境cocos creator 2.4.3编辑工具HBuild X像这样的的项目：子弹，障碍物，敌人都可以使用对象池poolManager.js代码/** * 对象池管理类 */let PoolManager = cc.Class({ start () { this.dictPool

2021-07-27 15:04:56 318

原创部分android手机webview中h5页面设计与真实字体大小不一致解决方案

摘要首选，h5页面是在所有web浏览器显示正常，采用rem弹性设置的前提下，个别android机出现的字体不一致，导致页面整体变大或变小的情况。H5的解决方案。环境部分android手机中webview内嵌h5页面编辑工具HBuild X经调试发现同一台手机，同样的代码 var clientWidth = document.documentElement.clientWidth; var bodyWidth=$('body').width();clientWidth是不一样的，比如有时是3

2021-07-13 17:46:37 1459 3

原创 H5内嵌在IOS的Webview中适配刘海屏CSS解决方案

摘要首先我们采用了rem单位进行布局，通过JS来动态计算网页的视窗宽度，动态设置html的font-size，在各种手机浏览器中打开都没问题。一切都比较完美。环境部分安卓机webview内嵌h5页面编辑工具HBuild X使用方法function setPX(){ const html = document.getElementsByTagName(‘html’)[0];const realFs = parseFloat(window.getComputedStyle(html).fontS

2021-07-13 17:31:15 2034

原创 cocos creator横竖屏适配方案及常用设计尺寸

摘要在 Cocos Creator 中，我们使用WebSocket：用于长连接，今天我们说一下长连接的封装。使用WebSocket作为网络连接的方式，简单的使用文本传输,使用onfire做事件的分发，可以替换NetControl里面的websocket实现为socket和其他网络方案，只要修复onfire的激发，基本不用该游戏代码。环境cocos Creator 引擎2.4.3编辑工具HBuild X使用方法1、引入一个onfire类库引入一个onfire类库项目地址：https://g

2021-07-13 17:09:58 8371 1

原创 cocos creator中如何使用本地照相机随机抓怪物（AR)

摘要在 Cocos Creator 中，我们如何打开本地照相机进行拍照或者视频环境cocos Creator 引擎2.4.3编辑工具HBuild X实现方法1、开一个webview,加载webar.html2、webar.html内容<!DOCTYPE html><head> <title>抓妖</title> <meta charset="utf-8"> <script src="jquery-1.11.

2021-06-25 16:07:15 1527 1

原创 cocos creator中webSocket的使用及封装

摘要cocos creator http请求。在 Cocos Creator 中，我们使用的标准网络接口：XMLHttpRequest：用于短连接WebSocket：用于长连接今天我们说一下长连接的封装。环境cocos Creator 引擎2.4.3编辑工具HBuild X最终效果体验一下效果图如下，我们获取一个抽奖列表，展示简单示例： let xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () {

2021-06-25 15:08:19 3808

原创 cocos creator如何实现网络请求http之封装

摘要cocos creator http请求。在 Cocos Creator 中，我们使用的标准网络接口：XMLHttpRequest：用于短连接WebSocket：用于长连接今天我们说一下短连接的封装。环境cocos Creator 引擎2.4.3编辑工具HBuild X最终效果体验一下效果图如下，我们获取一个抽奖列表，展示简单示例： let xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () {

2021-06-25 14:29:48 4851 2

原创 cocos creator全局开关音效设置之静音开关

摘要cocos creator全局开关音效设置之静音开关。AudioEngine 与 AudioSource 都能播放音频，它们的区别在于 AudioSource 是组件，可以添加到场景中，由编辑器设置。而 AudioEngine 是引擎提供的纯 API，只能在脚本中进行调用。目前建议使用 audioEngine.play 接口来统一播放音频。或者也可以使用 audioEngine.playEffect 和 audioEngine.playMusic 这两个接口，前者主要是用于播放音效，后者主要是用于播放

2021-06-25 12:00:33 2473

原创 cocos creator实现实时加载进度条

摘要cocos creator实现实时加载进度条。ProgressBar（进度条）经常被用于在游戏中显示某个操作的进度，在节点上添加 ProgressBar 组件，然后给该组件关联一个 Bar Sprite 就可以在场景中控制 Bar Sprite 来显示进度了。环境cocos Creator 引擎2.4.3编辑工具HBuild X最终效果体验一下如下图cocos组件截图代码：被动转发代码：//进度条控制 setProgress(dt) { //cc.vv.loadResou

2021-06-24 18:40:23 2891 2

原创 cocos creator如何实现微信好友自定义转发分享功能

摘要cocos creator如何实现微信好友转发分享功能。用户在使用小游戏过程中，可转发消息给其他用户或群聊。环境cocos Creator 引擎2.4.3编辑工具HBuild X转发菜单点击右上角按钮，会弹出菜单，菜单中的“转发”选项默认不展示。通过 wx.showShareMenu() 和 wx.hideShareMenu() 可动态显示、隐藏这个选项。被动转发用户点击右上角菜单中的“转发”选项后，会触发转发事件，如果小游戏通过 wx.onShareAppMessage() 监听了这个

2021-06-24 16:42:44 1752

原创 cocos creator如何实现微信授权登录

摘要cocos creator如何实现微信授权登录环境cocos Creator 引擎2.4.3编辑工具HBuild X最终效果体验一下如下图代码：getwxUserInfo() { var _this = this; try { wx.getSetting({ success: (res) => { //是否授权 if (!res.authSetting['scope.userInfo']) { var button = w

2021-06-24 16:22:00 2334

原创 cocos creator 如何制作九宫格抽奖

摘要九宫格抽奖是在移动端常见开发功能点之一，那如何实现一个高度可复用的九宫格逻辑就显的特别重要了。接下来我们来制作一个九宫格。使用版本CocosCreator 版本 2.4.3最终效果cocos creator目录结构：代码：properties: { draw1: cc.Node, draw2: cc.Node, draw3: cc.Node, draw4: cc.Node, draw5: cc.Node, draw6: cc.Node, draw7: cc.Node,

2021-06-24 16:11:05 1254

原创 cocos creator如何接入微信开放域数据