- 博客(66)
- 收藏
- 关注
RSS订阅原创 使用uni-app开发抖音小程序记录
已经在uni-app中的pages.json中设置了tabBar的background为#000；本应底部bar显示为黑色；最后通过真机预览发现，在真机中并未出现白边，所以应该是由于调试器出现了某些问题；也代表调试器与真机是具有一定的区别的。通过排查代码与通过抖音调试工具新建工程进行对比；但运行在调试程序中却会出现白边；
2023-12-19 21:30:20
1043
原创 03-HTTP报文
HTTP报文是在HTTP应用程序之间发送的数据块，以一些文本形式的元信息开头，描述了报文的内容及其含义，后面跟着可选的数据部分。报文在客户端、服务器和代理之间流动。其术语：“流入”，“流出”，“上游”，“下游”都用于描述报文方向。
2023-11-07 22:59:45
178
原创 02-URL与资源
它要统一第命名因特网上的所有资源，并且需要符合不同协议的传输规范，所以只能使用较小的，通用的安全字母表中的字符。但使用过程中，会遇到传递除安全字符外的其他字符，此时，就需要进行转义，再进行传输；URL中，有几个字符被保留起来，有特殊含义，有些字符不在定义的US-ASCII可打印字符集中，有些则会与某些因特网网关和协议产生混淆。以下字符，除了用于保留用途之外的场合时，要在URL中进行编码。URL通过不同方案进行不同资源的访问，不同方案URL语法会有些差异；用户不需要输入完整的URL，浏览器会自动扩展。
2023-10-27 00:22:02
184
原创 【总结】javascript中的同步与异步
简单的理解就是后一个任务等待前一个任务的结束才能执行，程序的执行顺序与任务的排列顺序是一致的、同步的；同步任务进入主线程。
2023-09-22 07:48:36
150
原创 实现1px物理像素边框-css
背景一般设置边框为1px，实际上指的是css上的css，在设备上会受到像素比的影响，从而导致css的1px并不等于设备上的css；名称解释像素比：指的是物理像素分辨率与CSS像素分辨率之比，在web上使用window.devicePixelRatio获取其值示例第一种，通过改变mate标签中的initial-scale缩放值与设置html的fontSize实现<!DOCTYPE html><html lang="en"> <head> &
2022-03-05 12:06:38
547
原创 关于javaScript的焦点事件
焦点事件焦点事件会在页面获得或失去焦点时触发。利用这些事件并与document.hasFocus( )方法及docuemnt.activeElement属性配合，可以知晓用户在页面上的行踪。有以下6个焦点事件blur：在元素失去焦点时触发。这个事件不会冒泡；所有浏览器都支持它 DOMFocusIn：在元素获得焦点时触发。这个事件与HTML事件focus等价。但它冒泡。只有Opera支持这个事件。DOM3级废弃了DOMFocusIn，选择了focusin focus：元素在获得焦点时触发。这个事件
2020-10-12 16:30:12
895
原创 关于javaScript中的UI事件
UI事件UI事件指哪些不一定与用户操作有关的事件。现有的UI事件如下：DOMActivte：表示元素已经被用户操作（通过鼠标或键盘）激活。此事件在DOM3级事件中被废弃，但Firefox2+和Chrome支持它，考虑不同浏览器实现差异，不建议使用 load：当页面完全加载后在window上触发，当所有框架都加载完毕时在框架集上触发，当图像加载完毕时在img元素上触发，当嵌入内容时，在object元素上触发 unload：当页面完全写在后在window上触发，当所有框架都写在后在框架集上触发，当嵌入
2020-10-10 11:28:53
369
原创 javaScript中的事件对象与事件类型
事件对象在触发DOM上的事件时，会产生一个事件对象event，包含所有与事件有关的信息，所有浏览器都支持event对象，但支持方式不同DOM中的事件对象兼容DOM的浏览器会将一个event对象传入事件处理程序中。无论指定事件处理程序时使用什么方法（DOM0级或DOM2级），都会传入event对象；event对象包含创建它的特定事件有关的属性和方法。触发的事件类型不一样，可用的属性和方法也不一样，但所有事件都会有以下属性和方法：bubbles：布尔值，只读，表明事件是否冒泡 cancelable：布
2020-09-29 11:52:10
197
原创 HTML绑定事件处理程序的三种方式
非IE浏览器事件直接写在HTML标签中，且触发的函数也在其中，里面不能使用未经转义的HTML语法字符，比如&号，<号或>号 事件直接写在HTML标签汇中，触发的函数写在javaScript中，代码执行过程中，有权访问全局作用域中的任何代码，触发的函数有一个event事件对象（无需定义，不用传参，可以直接访问），也可以使用this值访问事件的目标元素。可以在函数中使用with语句扩展作用域（不推荐） 缺点： 1.在javaScript未加载时，用户触发了事件，但函数未加载，会导致
2020-09-28 11:21:28
1014
原创 vue开发中遇到的坑
使用vue-awesome-sweiper无法自动轮播（swiper：6.2.0，vue-awesome-swiper：4.1.1） 参考了官方github中的例子，其他设置都没啥问题，就是无法自动进行轮播，官方代码如下： 连接：https://github.com/surmon-china/vue-awesome-swiper/tree/v3.1.3 <!-- The ref attr used to find the swiper instance --><templa.
2020-09-16 14:52:09
221
原创 关于JavaScript的Storage
IE用户数据在IE5.0中，微软通过一个自定义行为引入了持久化用户数据的概念。用户数据允许每个文档最多128KB数据，每个域名最多1MB数据。使用方式如下： <div style = "behavior:url(#default#userData)" id = "dataStore"></div> 首先使用CSS在指定元素上作处理，如上userData 获取该元素的引用，并使用setAttribute绑定数据和removeAttributes来解绑数据，使用后必须调用sa
2020-09-08 14:06:57
2541
原创 关于JavaScript中的cookie
CookieHTTP Cookie，通常直接叫做cookie，最初是在客户端存储会话信息的。该标准要求服务器对任意HTTP请求发送Set-Cookie HTTP头作为响应的一部分，其中包含会话信息 发送回服务器的额外信息可以用于唯一验证客户来自于发送的哪个请求限制：cookie在性质上是绑定在特定域名下的。当设定了一个cookie后，再给创建它的域名发送请求时，都包含这个cookie。这个限制确保了存储再cookie中的信息只能让批准的访问者访问，而无法被其他域访问 由于cookie是存储再客
2020-09-04 18:04:07
230
原创 关于JavaScript离线存储
检测设备是否已经离线navigator.onLine:返回布尔值，返回true为设备可上网，false则为不可上网，不同浏览器有一定的差异 IE6+和Safari5+可以正确检测到网络已断开，并将navigator.onLine的值转换为false Firefox3+和Opera10.6+支持navigator.onLine属性，但必须手工选中菜单项文件→Web开发人员（设置）→脱机工作才能让浏览器正常工作 Chrome11及之前版本始终将navigator.onLine属性设置为true（201
2020-09-01 10:42:56
638
原创 关于JSON
JSON三种类型值简单值：使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和null，但JSON不支持JavaScript中的特殊值undefined 与JavaScript中的简单值比较区别不大 对象：对象作为一种复杂数据类型，表示的是一组有序的键值对。而每个键值对中的值可以是简单值，也可以是复杂类型的值 与JavaScript中的对象字面量对比： 没有末尾的分号（;） 属性必须加上双引号 没有声明变量 数组：数组也是一种复杂数据类型，表示一组有序的值的列表
2020-08-31 10:32:49
176
原创 javaScript杂项
关于script与noscript元素所有script元素都会按照它们在页面中出现的顺序依序被解析，在不使用defer和async属性的情况下，只有在解析完前面的script元素中的代码之后，才会开始解析后面的script元素中的代码 由于浏览器会先解析完不使用defer属性的script元素中的代码，然后再解析后面的内容，所以一般应该把script元素放在页面的最后，即主要内容后面</body>标签前面 使用defer属性可以让脚本在文档完全呈现之后再执行，延迟脚本总是按照它们指定的顺
2020-08-28 10:39:16
142
原创 关于javaScript面向对象
数据属性包含一个数据值的位置，可以进行读写操作，有四个描述行为的特性，默认值都为true[[Configurable]]：表示能否通过delete删除属性而重新定义属性。能否修改属性的特性，或者能否把属性修改为访问器属性，一旦改为false，就无法改回true [[Enumerable]]：表示能否通过for-in循环返回属性 [[Writable]]：表示能否修改属性的值 [[Value]]：表示包含这个属性的数据值。读取属性时，从这个位置读；写入新的属性值时，把新值赋在这个位置，默认值为u
2020-08-27 15:06:47
116
原创 关于javaScript的Math对象
Math对象属性E：自然对数的底数，即常量e的值 LN10：10的自然对数 LN2：2的自然对数 LOG2E：以2为底e的对数 LOG10E：以10为底e的对数 PI：圆周率 SQRT1_2：1/2的平方根（即2的平方根的倒数） SQRT2：2的平方根Math对象的方法min( )：用于确定一组数值中的最小值 max( )：用于确定一组数值中的最大值 ceil( )：执行向上舍入，即它总是将数值向上舍入为最接近的整数 floor( )：执行向下舍入，即它总是将数值向下舍入为最近
2020-08-25 11:01:03
110
原创 关于JavaScript的Global对象
描述：Global对象即是全局对象URI编码方法encodeURI( )：用于整个URI，不会对本身属于URI的特殊字符编码，如：冒号，正斜杠，问号和井号 encodeURIComponent( )：主要用于URI的某段，会对其中的任何非标准字符进行编码，一般只对URI后面的字符串使用 decodeURI( )：只对使用encodeURI( )编码替换的字符进行解码 deCodeURI( )：对encodeURIComponent( )编码替换的字符串进行解码其他方法 eval(
2020-08-24 10:39:10
225
原创 将获取的flie图片显示到页面
需求描述需要上传图片至后端，并且需要前端将上传的图片显示出来，且后端并不会返回上传的图片的路径实现方式FlieReader对象获取图片的base64位数据显示图片原理：FlieReader对象允许Web应用程序异步读取存储在用户计算机上的文件；通过设置FlieReader实例对象的onload事件获取使用readAsDataURL读取的文件信息（返回data：URL格式的Base64字符串），来显示图片，代码如下：<template> <div>
2020-08-21 10:50:54
273
原创 使用axios进行文件上传
前期需要了解的一些知识此方法主要是使用FormData数据进行文件的上传；FormData是XMLHttpRequest Level2提供的一个接口对象，提供了一种表单数据的键值对的构造方法，经过它的数据处理可以使用XMLHttpRequest.send( )方法送出；如果送出时的编码类型被设为"multipart/form-data"，会使用和表达一样的格式； 使用FormData实例的append()方法或set()方法设置数据，其中append与set区别在于，一个是不会覆盖原值，只添加新值。一
2020-08-20 19:44:28
27347
4
原创 关于javaScript中的基本包装类型（Boolean，Number，String）
特点Object构造函数会根据传入值的类型返回相应的基本包装类型实例 引用类型和基本包装类型的主要区别在于对象的生存期 基本包装类型只存在于一行代码执行瞬间，随后被销毁 基本类型是没有方法的，但当调用特定方法时，其实后台自动完成了如下处理 创建一个基本包装类型的实例 在这个实例上调用指定的方法 销毁这个实例 不建议使用对应的构造函数来创建基本类型，应使用对象字面量的方式Boolean类型创建方式// 通过调用new Boolean()构造函数，传入true或者false创建le
2020-08-18 20:02:21
201
原创 关于javaScript的Function对象
声明方式函数表达式： 使用const，let，var等进行函数的声明，如： var Fn = function(){} 其特点是只有在解析器解析到它所在的代码才会执行，在这之前访问，都是undefined，并且使用const，let时，提前访问会报错 函数声明： 使用function关键字进行函数声明，如： function Fn(){} 其特点是在预编译期就已经被解析器读取并添加到执行环境中，所以在代码中的任何位置都可以访问到这个函数； 函数的内部属性argum
2020-08-17 15:10:05
221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人