- 博客(67)
- 收藏
- 关注
RSS订阅原创 小程序播放视频全屏
需求：拿到视频链接，直接全屏播放，然后按住播放按钮退出全屏问题：监听到全屏事件了，屏幕不发生变化，监听isfullScreen字段，发现监听方法一直调用两次解决方案：必须真机调试！！！真机调试，完全ok...
2021-12-22 14:51:25
813
原创 Uniapp苹果登录sign in Apple
Uniapp苹果登录sign in Apple前提：软件内，如果已经实现第三方登录，必须也有sign in Apple功能，否则审核会不通过准备工作：uniapp自带sign in Apple必须使用自定义基座打包（也就是说可以使用云打包）开工：找到项目的配置文件manifest.json,依次找到 [App模块配置]-[OAuth(登录授权)]-[苹果登录]，安装sign in Apple模块云打包，找到顶部工具栏[发行]-[云打包]，需要提供对应的证书；注意：必须把测试的手机对应的IO
2021-04-29 16:02:53
3836
3
原创 京东茅台抢购Python详细教程（小白入门，亲测可用）
茅台京东抢购Python详细教程手把手教你使用脚本抢茅台，历史最详细的教程；每一步操作都有截图首先安装运行脚本的环境,也就是安装python 3.7打开官网 www.python.org，耐心等待，由于国外网站，访问较慢；选择Downloads，选择电脑对应的版本选择稳定版页面拉到最底下，选择官方推荐；安装时，记得勾选 Add Python 3.9 to PATH最后一顿狂点就行了，完成安装；[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-I0gUy
2021-01-03 23:01:17
21006
30
原创 vue config.js 配置跨域不生效
vue config.js 配置跨域不生效首先，我的config.js文件没有问题module.exports = { devServer: { open: true, host: 'localhost', port: 8080, https: false, hotOnly: false, proxy: { // 配置跨域 '/api': { target: '',//后端接口地址 ws: tru
2020-12-02 18:24:54
15401
9
原创 MongoDB安装与使用之踩坑
MongoDB安装与使用之踩坑官网下载安装，安装到最后一步，报错，没有足够权限，retry 无效此时不要不要关闭窗口，不要ignore,我电脑是win10，我直接搜索 服务，就会弹出电脑正在运行的服务，找到mongodb,鼠标右键 属性 ，看截图进行设置，然后返回安装界面，retry，就能成功此时，电脑 服务 里面就能看到 mongodb 服务已经开启，打开 http://localhost:27017 ，出现 It looks like you are trying to access M
2020-11-27 22:15:03
305
原创 mongodb 安装报错 shutting down with code:100
项目场景：mongodb安装后，直接在文件下cmd，添加数据库储存路径问题描述：mongd --dbpath=…/data/db此时报错shutting down with code:100 原因分析：往上溯源，报错主要看这行2019-03-07T17:19:28.400+0800 I STORAGE [initandlisten] exception in initAndListen: IllegalOperation: Attempted to create a lock file
2020-11-12 16:17:12
330
1
原创 数组专题知识点汇总
数组的创建方式利用new关键词创建数组利用数组字面量创建数组访问数组索引访问数组扩展空位数组空元素可以读写，length 属性不排斥空位空位元素读取返回值是 undefined，但是和元素的值为 undefined 是不同概念forEach() 方法、for/in 语句以及 Object.keys() 方法 在循环空元素的时候回直接跳过for循环解构赋值使用slice方法es6的Array.from()方法 var arr1 = new Array(2,5,8)
2020-11-07 16:10:34
162
原创 事件冒泡、事件捕获、事件委托知识点汇总
事件冒泡、事件捕获、事件委托事件冒泡：从当前触发的事件目标一级一级往上传递，依次触发，直到document为止事件捕获：从document开始触发，一级一级往下传递，依次触发，直到真正事件目标为止事件委托：即是把原本需要绑定在子元素的响应事件（click、keydown…）委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡先捕获，后冒泡 // 事件冒泡 young==> son==>father document.getElements
2020-11-06 19:32:42
150
原创 闭包作用域理解
闭包定义：当内部函数保存到外部时，就会产生闭包；闭包会导致 原有作用域链不释放，造成内存泄漏<script> function a (){ var aaa = 100 function b(){ var bbb =200 console.log(aaa) } return b } va
2020-11-06 17:44:13
159
原创 立即执行函数知识点
立即执行函数题：利用for循环，每间隔1秒打印出对应的秒数错误示范for(var i = 0; i< len; i++){ setTimeout(function(){ console.log(i)// 打印 10 10次 },1000) }原因：for一次完成的执行过程应该是 var i= 0 ==> 判断i是否小于len:满足条件就执行代码；不满足则终止 ==> i++；函数不
2020-11-06 16:38:19
163
原创 ES6新增特性小结
ES6新增特性变量var :可重复声明；函数级作用域；const ：不可重复声明；块级作用域；常量let ：不可重复声明；块级作用域；变量 var a = 10 var a = 12 console.log(a);//12 ;可重复声明 let b = 20 b = 22 console.log(b);// 22 ;let 变量，如果换成const会报错，因为const声明常量
2020-11-06 14:30:04
239
原创 http协议-破冰版笔记
HTTP 是一个用在计算机世界里的协议，它确立了一种计算机之间交流通信的规范，以及相关的各种控制和错误处理方式。HTTP 专门用来在两点之间传输数据，不能用于广播、寻址或路由。HTTP 传输的是文字、图片、音频、视频等超文本数据。HTTP 是构建互联网的重要基础技术，它没有实体，依赖许多其他的技术来实现，但同时许多技术也都依赖于它。互联网上绝大部分资源都使用 HTTP 协议传输；浏览器是 HTTP 协议里的请求方，即 User Agent；服务器是 HTTP 协议里的..
2020-11-05 22:18:05
147
原创 jQuery详细知识点汇总
概念jQuery是一个快速、简洁的javascript库，宗旨为 Write less. Do more特点轻量级，文件小跨浏览器兼容链式编程、隐式迭代对事件、样式、动画支持，简化了DOM操作支持插件扩展开发基本使用入口函数：等着页面DOM加载完毕后再执行js代码$(document).ready(function () { $('div').hide()})$(function(){ $('div').css('backgrou
2020-10-31 12:59:42
148
原创 CSS预处理器-Less知识点汇总
Less在CSS基础上，引入了变量、Mixin、运算以及函数，大大简化了CSS的编写常见的CSS预处理器 Less 、SassLess是一门css预处理语言，它扩展了CSS的动态特性Less变量@变量名：值@color:pink;div{ background-color:@color}Less嵌套子元素直接写进父元素内div元素包含一个a标签@color:pink;@Color:red;div{ background-color:@color; a{
2020-10-25 18:24:29
189
原创 移动端适配rem知识点及媒体查询
基础rem(root em)是一个相对单位，基准是html元素字体大小；em也是一个相对单位，基准是 父级元素的字体大小优点：可以通过更改页面中html字体大小来更改页面中元素大小，从而实现整体控制媒体查询：media Query 是CSS3新增语法，可以针对不同尺寸屏幕更改样式语法规范@media mediatype and | not | only (media feature){csscode}@media screen and (max-width: 360px;){
2020-10-25 17:31:56
229
原创 CSS3新增转换属性transform
transform之translatetransform:translate(x,y)transform:translateX()transform:translateY()不会影响到其他元素的位置translate值为百分比的时候，其实是按照自身宽高比例位移(可配合块级元素水平垂直居中使用)transform之rotatetransform:rotate( 数字 deg)默认旋转中心为元素的中心transform-origin: X Y ( center center )t
2020-10-25 16:00:09
181
原创 CSS3新增过渡属性
过渡与hover搭配使用transition:需要过渡的属性 过渡所需的时间 运动曲线 何时开始（运动曲线 何时开始 可省略）需要过渡多个属性时候，用 逗号 连接 其他需要过渡的属性和特效；或者用all代替transition: width 0.5s,height 0.5s;transition: all 0.5s;谁做过渡，就给谁加...
2020-10-25 11:49:50
173
原创 CSS3新增选择器汇总
属性选择器E[attr]E[attr=val]E[attr^=val] 开头E[attr$=val] 结尾E[attr*=val] 包含结构伪类选择器E:first-childE:last-childE:nth-child(n),n可为even、odd、n、2n、2n+1以上三种先判断 后面的孩子，再判断是否为类型E的元素，若不是，则失效E:first-of-typeE:last-of-typeE:nth-of-type(n)以上三种先判断 后面的类型，再判断第几个伪元
2020-10-25 10:45:58
255
原创 HTML5新增标签大概汇总
语义化标签 1. header 2. nav 3. section 4. footer 5. article视频、音频标签1.video<video src="video" autoplay muted controls loop poster="pictures"></video>2.audio<audio src="" autoplay controls loop></audio>Input表单<input typ
2020-10-24 21:51:36
123
原创 块元素、行内元素、行内块元素共同点和差异点分析
块元素：1.独占一行2.可以设置宽高3.宽度默认是父级元素的100%4.可以包含行内元素或者块元素行内元素1.相邻行内元素在一行显示，一行可以显示多个2.不能设置宽高3.默认宽度为自身内容宽度4.只能容纳其他文本或者行内元素行内块元素(img,input,td)1.相邻元素在一行显示，一行可以显示多个（由于有换行，导致中间会有一个缝隙）2.默认宽度为自身的宽度3.宽高和行距都可以控制详情请看图...
2020-10-24 18:02:22
432
原创 DOCTYPE、lang、charset的作用
DOCTYPE：文档类型声明标签，告知浏览器此页面用html5版本显示lang：告知浏览器或者搜索引擎，这是一个英语网站meta charset=“UTF-8” : 采取 UTF-8 万国码 保存内容
2020-10-24 17:18:58
193
原创 弹性布局flex知识点
flex布局原理通过给父盒子添加flex属性来控制子盒子的位置和排列方式常见父项属性flex-direction: row | row-reverse | column | column-reverse;flex-wrap: nowrap | wrap | wrap-reverse;flex-flow: flex-direction | flex-wrap 复合属性单行属性 ：主轴justify-content: flex-start | flex-end | center | ..
2020-10-24 16:47:01
176
原创 css中 base 标签用法
base标签作用就是管理页面中所有a标签的跳转功能属性<base href="http:www.baidu.com" taget="_blank">如果这样设置的话，那么页面所有的a标签的跳转都会是，在页面打开同时，如果需要跳转的页面是http:www.baidu.com.123htmla标签应该这样写<a href="123.html">...
2020-10-21 16:32:25
859
原创 模块化规则@相关知识
@规则@charset:设置样式表的编码。例如@charset UTF-8@import:导入其他样式文件。例如@import ‘reset.css’@media:媒体查询。例如移动端适配手机屏幕@font-face:自定义字体
2020-10-21 15:49:41
161
原创 什么是边框塌陷，如何解决
项目场景：<style> .wrapper{ width: 200px; height: 200px; background-color: red; margin-left: 100px; margin-top: 100px; } .demo{ width: 100px; heig
2020-10-18 16:25:29
2966
1
原创 CSS复杂选择器、权重计算问题、CSS基础属性
CSS选择器权重选择器权重!importantInfinity行间样式1000id100class/伪类10标签选择器1通配符02.浏览器内部处理选择器顺序自右向左div ul li span em 浏览器会 从右至左 来处理选择器，从而节省效率如果 从左至右 处理的话，浏览器就会找遍所有的元素，浪费效率3.并列选择器两个选择器之间没有空格<div>1</div><div class=".
2020-10-18 16:01:20
219
原创 JavaScript实战-贪吃蛇 总结
块元素垂直居中left:50%;top:50%;margin-top= -50%* heightmargin-left= -50%* left2.行元素垂直居中line-height = heighttext-align : center3.背景照片填充背景background-size: cover4.面向过程和面向对象面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以面向对象是把构成问题事务分解成各个对象，建立对.
2020-10-17 16:35:26
409
原创 vue中计算属性与方法的区别简单实例演示
计算属性使用的时候是当作属性来调用的，而方法是需要调用的计算属性会进行缓存，如果依赖不变，则直接使用缓存，而当发需要不断调用 <div id="app"> 姓:{{firstName}} <br> 名:{{lastName}} <br> 计算属性全名：{{fullName}} <br> 计算属性全名：{{fullName}} &
2020-09-20 17:02:00
159
原创 js加载时间线详细说明与注意事项
创建Document对象，开始解析web界面，解析html元素和他们文本内容后添加Element 对象和Text节点，这阶段 document.readyState = “loading”遇到link 外部CSS，创建线程加载，并继续解析文档遇到script外部js，并且没有async/defer，浏览器加载并且阻塞，等待js加载完成并执行脚本，然后继续解析文档遇到script外部js，且设置有async/defer，浏览器创建线程加载，并继续解析文档，对于async属性的脚本，脚本加载完成后立即执.
2020-09-19 15:23:33
107
原创 js绑定事件兼容性封装函数
function addEvent(ele, type, handle) { if(ele.addEventListener){ ele.addEventListener(type, handle, false) }else if(ele.attachEvent){ ele.attachEvent('on'+type, function(){
2020-09-17 16:45:05
216
原创 offsetLeft、offsetTop使用注意事项
对于无定位父级元素，返回相对文档的坐标；对于有定位父级元素，则返回相对于最近的有定位元素的父级的坐标
2020-09-16 11:51:32
413
原创 封装函数insertAfter
Element.prototype.insertAfter = function(targetNode,afterNode){ var beforeNode = afterNode.nextElementSibling; if(beforeNode == null){ this.appendChild(targetNode) }else{ this.insertBefore
2020-09-15 19:27:45
146
原创 利用类数组知识数组去重
arr = [0,1,2,1,1,22,33,46,33]Array.prototype.unique = function(){ var temp = {}, arr = [], len = this.length for(var i = 0;i < len;i++){ if(!temp[this[i]]){ tem
2020-09-10 10:53:34
94
原创 利用原生js判断数据类型
function type(target){ var template = { "[object Array]" : "array", "[object Object]" : "object", "[object Number]" : "number - object", "[object Boolean]" : "boolean - object", .
2020-09-09 20:12:48
149
原创 试题：类数组
类数组要求：属性为索引（数字）属性必须有lenght属性最好有push 属性push方法实现原理Array.prototype.push = function (target){ this.[this.length] = target this.length++ }试题var obj = { "2" : "a", "3" : "b", "length"
2020-09-09 17:39:53
93
原创 数据常用方法整理
一、改变原数组pushpopshiftunshiftreversesortsplicesort 方法var arr = [1,22,2,9,33,4,99,5,2,6] // arr.sort()// [1, 11, 2, 2, 22, 3, 4, 5, 6, 9] 按照ASCII编码进行排序，第一位相同后，比较第二位arr.sort(function(a,b){return a-b;//升序// return b-a;//降序})splice 方法var a
2020-09-09 16:51:44
381
原创 试题：this 指向问题
var name = "222"var a = { name : "111", say : function(){ console.log(this.name) }}var fun = a.say;fun()// 222 此行代码提取出来就为 function(){console.log(this.name)},没有对象调用，因此此时this指向为windowa.say()// 111 对象a调用其say()函数，此时this指向就位a，因此此时打印出来的就是为对象a下的属性 var
2020-09-07 00:43:52
425
原创 instanceof本质含义
A instanceof B官方释义：A对象是不是B构造函数构造出来的本质含义： A原型链上是不是有B的原型function Person(){} var person = new Person() console.log(person instanceof Person)// true console.log(person instanceof Object)//true 原型链最顶端就是Object console.log(person instanceof Array)// false
2020-09-06 17:44:19
195
原创 JS for in 枚举容易出错地方
var obj = { name:'Mike', age:18, sex: 'male', hobby:'reading' } for(var prop in obj){ // console.log(prop)//name age sex hobby // console.log(obj.prop)//打印结果为4个undefin
2020-09-06 15:46:13
220
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人