- 博客(98)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 ios 上传发布审核+safari浏览器，直接安装ipa文件
前置条件1.下载 ipa 包的设备的 uuid 已加入 苹果测试设备列表2.web 服务, 文件服务.
2023-11-27 15:20:53
1306
原创 three.js 航拍全景图(+陀螺仪)
右上角陀螺仪也可点击,需要https的环境,手动下载DeviceOrientationControls.js文件。
2023-11-06 16:48:59
812
原创 nuxt3 学习笔记
默认的情况下如果用户编写的布局文件的文件名是default.vue，那么它将会被默认应用到全局中，布局通常与< slot/>一同使用，nuxt在加载布局文件后，< slot/>将会默认加载pages目录下的页面。------| Button.vue //页面引入 < BaseFooButton />–| TheHeader.vue //页面引入 < TheHeader/>–| TheFooter.vue //页面引入 < TheFooter/>嵌套路由写法 < nuxt-child />
2023-02-09 18:25:15
3418
1
原创 canvas 实现APP签名
uni.canvasToTempFilePath(object, component)把当前画布指定区域的内容导出生成指定大小的图片，并返回文件路径。7. uni.canvasToTempFilePath把canvas生成图片。6.当手指移动的时候往数组里面添加数据，moveTo，lineTo进行绘制。3.uni.createCanvasContext创建canvas实例。2.uni.getSystemInfo获取系统信息设置大小。5.当手指按下，往数组里面push 一个包含x，y的对象。
2022-12-30 15:07:09
387
原创 微前端学习
将多个独立的web应用联合在一起，提供统一接口，使用微前端框架内嵌到主应用里面。是什么时候用：比如公司有人用vue有人用react的时候，老项目更新迭代主框架不限制接入应用的技术栈运行时状态隔离。
2022-11-15 11:26:39
376
原创 vue2单元测试
如果说得更具体一点的话，就是业务页面不做测试，因为需求变更比较频繁。只有工具函数和公共组件还有比较稳定的业务页面才做测试。为什么需要测试，因为如果修改了js模块功能，其他模块也会受到影响，不方便迭代，代码无法重构。需要用到@vue/test-utils测试工具，自带的。npm run test:unit 运行测试。只有长期项目才做单元测试，短期项目不做。是测试中最小的单元（一个方法，组件）2.添加测试xxx.spec.js。分为单元测试，组件测试，e2e。然后选择mocha测试。
2022-11-06 20:17:27
1557
原创 vue学习
Vue2 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性(Object.defineProperty())。但它支持所有兼容 ECMAScript 5 的浏览器。Vue是构造函数 使用new创建，是一套用于构建用户界面的渐进式框架。..................................................................
2022-08-12 17:32:50
3462
原创 处理一些数据
fn1 . call(this) //可以更改this指向 // fn1（）或者直接调用 } var fn1 = debounce(function() {console . log(111111) //这里也可以写ajax请求 } , 1000) //防抖函数封装 function debounce(fun , wait) {
2022-08-09 17:14:37
1464
原创 小程序学习笔记
wx:if=" " 来判断是否需要渲染该代码块hidden 控制元素显示隐藏wx:ifhiddenhidden控制display属性，如选项卡控制渲不渲染， 如以上来决定显不显示有更高的初始渲染消耗if有更高的切换消耗wx:for =" "列表渲染< block> 并不是一个组件，它仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。wx:if vs hidden用于重复的静态资源，不像component1.创建tmp组件存放目录，内部包含w
2022-07-06 21:01:34
2202
1
原创 grid布局
Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案，是目前唯一一种 CSS 二维布局。1.容器—有容器属性(container)2.项目—有项目属性(items)auto-fill，所有东西一行自动填充，写不下换行fr，为了方便表示比例关系grid-template-columns: 1fr minmax(150px，1fr); // 第一个参数最小值,第二个最大值网格
2022-07-03 11:26:57
1730
原创 整理零碎东西
文档流、浮动布局、流式布局、定位布局、弹性布局、自适应布局和响应式布局。float：当需要兼容IE浏览器时使用float布局，当使用float布局时不需要考虑移动端，因为手机上没有人用IE浏览其flex布局：当不需要兼容IE浏览器又不需要兼容最新浏览器时可以使用flex布局兼容最新浏览器时可以使用grid布局grid布局也分container和items，使一个容器成为container的方法是display:grid/inline-grid................................
2022-07-03 09:28:14
302
原创 解决跨域问题
2.CORS 服务器设置允许跨域可以发送get ，post3.XHR2区别：代理实现最麻烦，但使用最广泛，任何支持AJAX的浏览器都可以使用这种方式JSONP相对简单，但只支持GET方式调用XHR2最简单，但只支持HTML5，如果你是移动端开发，可以选择使用XHR2基于 webpack 的，通过 webpack-dev-server相当于 node 模拟一个nginx 服务器请求服务器不存在跨域6.nginx反向代理，由后端来做7.window.postMessage()方法可以安全地
2022-07-01 16:59:59
3152
原创 正则表达式
g -----全局匹配(不加匹配一个就停了)i 不区分大小写s 匹配模式，忽略换行遇到换行就当成空白符m 匹配模式，每一行单独处理【】/ （ ）/ { }项目Value【12345】满足有1-5任意一个的【a-h】【^12345】不满足条件的（12 丨34 ）12或者34，获取匹配的常跟丨{n,m}最少n，最多m，匹配次数{n}，n次。（123){1,2}->123/123123\w \d \s \b \n项目Value
2022-06-27 21:32:25
1177
原创 requestAnimationFrame的理解
原文链接在Web应用中，实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout/ setInterval 来实现，css3 可以使用 transition和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的API，那就是 requestAnimationFrame。setTimeout/ setInterval 的显著缺陷就是设定的时间并不精确，它们只是在设定的时间后将相应任务添加到任务队列中，而任务队
2022-06-20 17:10:09
952
原创 JS执行上下文
创建一个window对象，设置this等于window对象，一个程序只有一个全局执行上下文在执行全局代码前，就将window确定为全局执行上下文，加入执行上下文栈中，并对全局数据进行如下预处理：2.函数执行上下文在调用函数，准备执行函数体之前，JS会创建对应的函数执行上下文对象（每调用一次函数就创建一次函数执行上下文，彼此之间互不相同，相互独立），将其加入执行上下文栈中，对局部数据进行如下预处理：3.Eval执行上下文执行在eval函数内部的代码3.函数作用域：eval()函数并不会创建一个新
2022-06-12 10:55:17
421
原创 观察者模式，发布/订阅模式
vue中响应式数据变化就是典型的观察者模式vue中的事件绑定就是发布订阅模式观察者模式的观察者和被观察者是存在并联的。订阅者（Subscriber）把自己想订阅的事件注册（Subscribe）到调度中心（Topic），当发布者（Publisher）发布该事件（Publish topic）到调度中心，也就是该事件触发时，由调度中心统一调度（Fire Event）订阅者注册到调度中心的处理代码。优点：松耦合(Loose Coupling):消息的发布者和消息的订阅者在开发的时候完全不需要事先知道对方的存在
2022-06-10 13:59:39
361
原创 es6学习笔记
声明一个只读变量，一般用于全局变量，只能被赋值一次const一旦声明变量，就必须立即初始化，不能留到以后赋值const obj={ a:1 } obj.b=2; console.log(obj);//{a:1 ，b:2}注：const实质，并不是变量的值不得改动，而是变量指向的那个内存地址不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。作用域作用域ES5：全局作用域、局部（函数）作用域ES6：全局作用域、局部（函数）作
2022-06-07 20:56:48
1727
1
原创 函数柯理化
函数柯理化的表现是：把一个需要传入多个变量的函数变为多个嵌套函数，并且内层函数会调用上层函数的变量。柯理化函数的核心是闭包总之，柯理化就是利用模块化思想处理多参函数，通过组合函数减少每个函数的入参数量，从而提高代码的可阅读性及可维护性。......
2022-06-07 16:31:22
251
原创 BOM知识点
BOM什么是BOMwindow 双重身份：window顶层对象navigator浏览器信息screen 屏幕信息document DOM对象history 历史信息Location URL信息window的方法1.Window.open();2.window.close();3.window.moveTo();4.window.resizeTo();5.confirm()确认框//true、false......6.alert()警示框7.prompt（）输入框//没有就是空字符串,点击取消返回null8.
2022-05-06 10:38:58
250
原创 移动端学习
这里写目录标题初识移动端px rem em vw vh初识移动端 <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 使用ie最新版进行渲染 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 网页的宽度自动适应手机屏幕的宽度width=device-width ：
2022-05-05 19:08:11
1581
原创 java 基础知识
java运行环境web服务解释性和编译性硬盘和内存变量基本类型变量常见错误类型转换数组字符串比较函数函数重载new 构造函数http协议MVC模块封装继承集合多态设置端口号注释java @....MySQLSql语句：结构化查询语言创建数据库：creat database aaa链接数据库 use bookms添加查询删除修改排序现定条数表连接运行环境 |环境-------- | -----js | 浏览器c语言 | windowjava | java虚拟机web服务项目
2022-04-25 18:48:56
735
原创 git/码云+npm语法
使用git提交1.创建仓库2.如果第一次，先设置全局设置，用户名和邮箱打开文件所在根目录右键打开——git bush heregit init——初始化仓库git add .——把文件所有的放到暂存区git commit -m ‘提交嘻嘻’ ——提交本地仓库git remote add origin https://gitee.com/…/this-is-pro…——复制链接地址链接远程仓库git push -u origin master——把本地文件推送到远程仓库3.最后刷新页
2022-04-18 20:56:59
1246
原创 vue遇到的小问题，封装功能
vuepost传值问题img动态路径post传值问题1.下载 cnpm install qsimport qs from 'qs'post传值后台收不到 需要用qs转换一下数据 post('http://localhost:8080/api', qs.stringify(this.addCategoryName))img动态路径:src=" "8080端口下找的是public下的文件，所以找不到方法一v-for <img style="width:100
2022-03-28 18:48:26
6240
1
原创 canvas
canvas什么是canvascanvas可以用来干啥呢？创建canvas对象ctx.fillRect(x,y,w,h)填充矩形ctx.strokeRect(x,y,w,h)描边矩形ctx.fillStyle填充颜色ctx.strokeStyle描边颜色ctx.rect(x,y,w,h)路径矩形ctx.fill()内容填充ctx.stroke()路径填充ctx.clearRect（x,y,w,h）清空区域arc(x, y, r, startAngle, endAngle, anticlockwise)圆弧a
2022-01-10 13:32:37
1366
原创 h5学习笔记
h5什么是h5h5的好处h5新特性H5新增语义化标签什么是h5万维网的核心语言，标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，作为新HTML语言，具有新的元素，属性和行为它有更多样化和强大的网站和应用程序h5的好处提高可用性和改进用户的友好体验;有几个新的标签，这将有助开发人员定义重要的内容；可以给站点带来更多的多媒体元素(视频和音频)；可以很好的替代FLASH；当涉及到网站的抓取和索引的时候，对于SEO很友好；将被大量应用于移动应用程序和游戏。h5新特性
2022-01-10 09:31:31
4461
1
原创 CSS3知识总结
CSS3什么是css3浏览器前缀css3选择器边框圆角渐变径向渐变线性渐变文本和盒子阴影文字换行CSS3字体css3 背景倒影滤镜过渡2D装换3D转换动画1.指定动画2.使用动画flex布局多媒体查询怪异盒子多列布局什么是css3CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了， IE10以后也开始全面支持CSS3了。最需要注意的问题是各个浏览器
2021-12-15 17:00:38
2440
原创 原型的继承
//原型链继承,问题会更改引用值的改变function Super(){ this.a=[1,2,3,4]}Super.prototype.say=function(){ console.log(2222)}function Sub(){ }Sub.prototype=new Super();var sub1= new Sub();var sub2=new Sub(); sub1.a.push(5)//第二种方法，构造函数继承,没办法拿到原型上的方法function Supe
2021-12-13 13:50:27
752
原创 jquery学习笔记
jQuery什么是jq引用jq1.下载到本地2.引入网址通过CDN加载jq版本区别查看版本 $.fn.jquery入口函数window.onload$(function(){...})jq对象和js对象什么是jqjQuery 是一个 JavaScript 库。宗旨：Write less, do more. 写得少，做得多。特点：1.轻量级js函数库2.丰富的DOM选择器3.链式表达式，更简洁4.时间样式动画支持5.Ajax操作支持6.兼容优点：1.简约API用于操作DOM（API：应用程
2021-10-18 19:56:32
1958
原创 完美运动封装
完美运动原理运动种类匀速运动缓冲运动多物体运动链式运动透明度改变完美运动封装原理1 .需要定位2.先清除定时器3.开启定时器，计算速度4.判断停止条件，执行运动运动种类匀速运动匀速运动的停止条件：距离足够近缓冲运动缓冲运动原理就是，改变速度的值。每次累加的速度值变小，就是会是整个物体看起来越来越慢，以至于最后停掉。注意（判断正负进行上下取整）1、当前值离目标值越近，速度越慢当前值离目标值越远，速度越快 speed = (目标值－当前值)/102、与目标点相差一点，需要
2021-10-14 10:31:59
169
原创 获取计算后的style样式（非行内）
1 用getComputedStyle()window.getComputedStyle(element[, pseudoElt])用来获取计算后的css样式，用于获取非行内样式，只读不能修改var getstyle=window.getComputedStyle(box,null);console.log(getstyle.width)//200px兼容ie8和8以下var getstyle=box.currentStyle['width'];兼容封装//封装函数实现获取一个对象的
2021-09-10 15:23:29
210
原创 BFC理解
什么是BFCBFC(Block formatting context)直译为"块级格式化上下文"。：BFC 是一个独立的布局环境,可以理解为一个容器,在这个容器中按照一定规则进行物品摆放,并且不会影响其它环境中的物品。如何清除浮动影响？如何避免margin穿透问题？如何编写两栏自适应布局？都和BFC有这密不可分的关系。如何触发BFC(1) 给元素添加浮动，浮动元素就具有BFC特性----float: left/right;(2) 给元素添加overflow属性----overflow: hidd
2021-08-30 10:16:30
239
空空如也
token 跨页面传值/ post请求但显示get请求
2021-09-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人