- 博客(175)
- 资源 (4)
- 收藏
- 关注
RSS订阅转载 【ipone手机机型】苹果各个机型列表
6.1英寸 —— 828 * 1792 px —— XR / 11 / 12 / 12 Pro / 13 / 13 Pro。4.7英寸 —— 750 * 1334 px —— 6 / 6s / 7 / 8 / SE2。5.5英寸 —— 1242 * 2208 px —— 6+ / 6s+ / 7+ / 8+4 英寸 —— 640 * 1136 px —— 5 / 5s / 5c / SE。5.8英寸 —— 1125 * 2436 px —— X / Xs / 11 Pro。
2023-08-09 20:20:42
228
原创 【视频格式】m3u8格式视频下载
M3U8 是 Unicode 版本的 M3U，用 UTF-8 编码。“M3U” 和 “M3U8” 文件都是苹果公司使用的 HTTP Live Streaming（HLS） 协议格式的基础，这种协议格式可以在 iPhone 和 Macbook 等设备播放。它主要是存放整个视频的基本信息和分片(Segment)组成。不同于mp4大文件，m3u8是由一系列的ts文件组成，一般一个ts文件大概5-10秒，这些ts文件通过一个.m3u8文件做索引。用户播放视频时，可随意拖动视频进度，会读取相应进度的ts文件继续观看视
2022-06-21 18:41:29
3318
1
原创 【javascript】关于js函数和函数参数的理解
关于js函数和函数参数的理解：函数不介意传来进来多少个参数，也不在乎传进来参数是什么数据类型。参数在内部是用一个数组来表示的函数体内可以通过arguments对象来访问这个参数数组arguments对象只是与数组类似，并不是Array的实例命名的参数只提供遍历，但不是必须的解析器不会验证命名参数，其内部始终都是arguments对象arguments对象长度是由传入的参数个数决定的没有传递值的命名参数将自动被赋予undefined值arguments的值永远与对应命
2021-05-13 22:59:25
331
原创 【javascript】script标签
1. 关于scirpt标签的属性src 包含要执行代码的外部文件async对于普通脚本，如果存在 async 属性，那么普通脚本会被并行请求，并尽快解析和执行。对于模块脚本，如果存在 async 属性,那么脚本及其所有依赖都会在延缓队列中执行，因此它们会被并行请求，并尽快解析和执行。该属性能够消除解析阻塞的 Javascript。解析阻塞的 Javascript 会导致浏览器必须加载并且执行脚本，之后才能继续解析。defer 在这一点上也有类似的作用。type 属性的值为MIME类
2021-05-11 23:09:06
219
原创 【javascript】javasrcipt的组成
javasrcipt组成一般是由三部分组成的。ECMAScript、BOM、DOM1. ECMAScript -提供核心语言功能与web浏览器没有任何的依赖关系，只是这门语言的基础，对实现该标准规定的各个方面内容的语言描述。语法类型语句关键字保留字操作符对象2. 浏览器对象模型BOM（browser Object Model）- 提供与浏览器交互的方法与接口BOM 只处理浏览器窗口和框架，习惯上也把针对浏览器所有的JavaScript扩展算作BOM的一部分。弹出新浏览器窗
2021-05-07 22:42:18
257
原创 【javascript】简易编辑器-关于复制、粘贴、获取光标像素位置
一、制作一个简单的编辑器会有几种方式？文本框 input文本域 textarea使用属性contenteditable,让一个div可编辑。二、简单的编辑器涉及到复制、粘贴的问题复制、粘贴的东西来自于剪切板Clipboard。Clipboard API提供了响应剪贴板命令（剪切、复制和粘贴）与异步读写系统剪贴板的能力。从权限 Permissions API 获取权限之后，才能访问剪贴板内容；如果用户没有授予权限，则不允许读取或更改剪贴板内容。2.1如何进行简单的粘贴呢？粘贴分为本文和图片
2021-03-17 16:58:52
703
原创 【CSS】CSS 处理空白、换行、制表符
<span> ddddddddd</span>在html文档中，有此节点，需要展示换行效果，该如何处理才有换行呢？1. 使用 < pre > 标签pre 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符（比如空格和换行符）都会显示出来。(紧跟在 < pre > 开始标签后的换行符也会被省略)pre标签默认样式：pre { display: block;
2021-03-10 19:40:01
1230
原创 【CSS】CSS解决样式冲突的基本机制-继承、特指度、层叠
css:h1 { color: red; }h1 { color: blue; } html:<h1> 你好啊 <span>~世界</span><h1>一、关于冲突在以上的例子中，创建了两个同样的样式规则作用于h1上，这两个规则冲突了，但是哪个规则才对h1起作用呢？在这种冲突中，层叠和特指度是对此冲突进行解决的机制。所以需要了解层叠和特指度的工作机制，才能知道当前h1的字体颜色究竟显示什么。其中，还
2021-03-09 19:29:19
578
原创 【CSS】CSS BEM思想
1. 什么是BEM?Block将所有东西都划分为一个独立的模块,一个header是block,header里嵌套的搜索框是blockElement!误区:如果一个Element-son是另一个Element-father的子元素,那么写法是 Block__Element-father__Element-son_Modifer,嵌套多了会很长么?不是的!!!一个Block下的所有Element无论相互层级如何,都要摊开扁平的属于Block所以 BEM 最多只有 B+E+M 三级,不可能出
2021-01-27 22:24:06
163
翻译 【vue2.x】响应式依赖注入
响应式依赖注入在vue框架的设计中，依赖注入并不是响应式的。即使是有很多人包括我自己也希望它是。可以使用data()方法或者Vue.observable创建一个响应式对象，这样在使用依赖注入的时候也是响应式的。1. 使用 data() 方法创建一个依赖注入的响应式对象export default { provide() { return { reactive: this.reactive }; }, data() { return { react
2021-01-22 18:33:42
1203
原创 【图解HTTP】常用协议
访问一个百度，用到了什么协议？想访问百度使用dns协议解析出ip地址http协议生成目标服务器的请求报文方便传输，tcp协议将报文分割成为报文段，三次握手，进行可靠的传输ip协议，搜索地址，一边传送一边中转。服务器数据链路层收到，tcp报文重组，使用http协议处理请求的web内容常见的协议ip协议，tcp协议，http协议，dns协议tcp/ip 从底层至顶层共计4层：tcp/ip协议应用层 – http协议、dns协议传输层 – tcp协议网络层 – ip协议数
2021-01-16 22:59:40
78
翻译 【H5 CSS】progress元素样式
progress以下是progress的基本标签<progress></progress>根据w3c的定义，progress元素代表任务的完成度。一个progress元素标签有开始标签和结束标签。除了通用的全局属性外，它还拥有两个自己的属性max -表示有多少任务需要完成。如果未设置，默认为1.0value -表示现在的完成的进度。value的取值最好是 0.0<=value<=1.0进度条的状态一个进度条有两种状态：不确定和已确定不确定-即
2020-12-31 19:16:54
2869
1
翻译 【vue】vue插件学习
首先，一点小内容要讲：插件对于vue来说不是特有的，jq也有，你会发现有大量不同的插件做不同的事情。下一个定义就是：它们都提供一个接口去做扩展。tips:插件其实就是一种全局方法插入到app中进行扩展，以便自己的使用。vue的插件文档尽可能的详细的描述了插件并且提供了关于插件的常用类别：添加一些全局方法或者属性添加一个或者多个全局资源：directives/filters/transitions等等利用全局混入(mixin)添加一些组件选项增加一些vue实例方法，通过Vue.proto
2020-11-18 15:12:12
631
原创 【vue】vue组件通信
1. 组件之间的通信1.1 事件处理模式子组件向父组件通信 => 使用 emit , 触发事件父组件接收信息 => 使用v-on，监听事件在一个组件的根元素上直接监听一个原生事件 - $listeners1.2 属性传递props 父组件使用属性，对子组件通信1.3 非 Prop 的 Attribute一个非 prop 的 attribute 是指传向一个组件，但是该组件并没有相应 prop 定义的 attribute因为显式定义的 prop 适用于向一个子组件传
2020-11-17 15:01:59
103
原创 【BOM】Web Storage
1. Web Storage APIStorage 提供了访问特定域名下的会话存储或本地存储的功能，例如，可以添加、修改或删除存储的数据项。存储对象是简单的键值存储，类似于对象，但是它们在页面加载时保持完整。键和值始终是字符串（请注意，与对象一样，整数键将自动转换为字符串）2. Web Storage 包含如下两种机制：sessionStorage 为每一个给定的源（given origin）维持一个独立的存储区域，该存储区域在页面会话期间可用（即只要浏览器处于打开状态，包括页面重新加载和恢复）。
2020-09-10 17:33:36
121
原创 【BOM】Window.history 小结
1.Window.history 是啥？Window.history 是一个只读属性，用来获取History 对象的引用，History 对象提供了操作浏览器会话历史(session history)的接口tip:浏览器的回退和前进按钮旁的下拉菜单显示了可以通过History对象访问到的页面会话历史（session history）列表未授权代码无法清除会话历史（session History），也不能禁用回退/前进功能。最快捷的可用方式是使用location.replace()方法，提供指定
2020-09-04 18:11:06
1289
原创 【git】只add后reset，找add的文件
手贱操作：git reset --hard sha1恢复时，把add的内容直接覆盖掉,找不到代码了。因为只有add，git reflog无用，git fsck --lost-found 里边也找不到个啥。ps:至今未找到.git/lost-found/other 文件夹在哪。真的奇了怪了。恢复方法：find .git/objects -type f 出现以下内容-r--r--r-- 1 sssfff 1049089 297 5月 9 14:40 .git/objects/14/
2020-05-09 18:25:41
769
原创 【git】 ssh拉代码，为何出现timeout链接超时？
原因：1.公司屏蔽了端口22的访问，检测一下端口22是否能够链接？2.本机防火墙的缘故而不能使用端口22？windows下检测端口是否能够访问？PowerShell 版本是5及其以后，直接使用命令Get-NetTCPConnection参看与端口相关的信息PS C:\> $PSVersionTableName Value-...
2020-05-07 18:59:11
5870
原创 【vue】less 全局变量的配置
安装style-resources-loader；在vue.config.js中的pluginOptions添加第三方插件：a.引入路径：const path = require(‘path’)；b，配置：pluginOptions: { 'style-resources-loader': { preProcessor: ...
2020-05-06 16:37:16
923
原创 【css flex】关于flex布局的一些缩写
flex-flowflex-flow : flex-direction flex-wrapflex-flow:row nowrap (默认值)flexflex : flex-grow flex-shrink flex-basisflex: 0 1 auto (默认值)该属性有两个快捷值：auto (1 1 auto) 和 none (0 0 auto)。flex-basis...
2020-04-30 18:26:08
1071
原创 【css】页面适配
1.认识vm,rem,em,pxvw [ Viewport Width ]1vw = 1% * 视口宽度。也就是说，一个视口就是100vw。px [ pixel ]。px是屏幕设备物理上能显示出的最小的一点。这个点不是固定宽度的，是相对长度单位。在桌面浏览器中，1个像素往往是对着电脑屏幕的1个物理像素，但是在移动端，随着Retina屏的流行，分辨率提高了,css中的1px并不等于设...
2019-12-23 18:16:34
391
翻译 【javascript】数组中计算最大最小值
从数组中计算最大最小值在Math对象中已经有现成的方法去计算参数里的最大最小值。Math.max(1, 2, 3, 4); // 4Math.min(1, 2, 3, 4); // 1但是此方法不会对数组生效，但是这里有一些方法间接利用此函数。Function.prototype.apply() 调用一个给定的this值并接受数组提供的参数func.apply(thisArg, ...
2019-12-13 17:52:40
139
原创 【git】git bash 快捷键
git bash 快捷键如果是输出状态，首先按Esc键退出输入状态，然后按 Shift+; ，再输入q!或wq!（不保存改动，wq!是保存文件的写入修改）退出。编辑器有三种模式：1、命令行模式 2、末行模式 3、输入模式。shift +ESC (进入命令行模式)o/i/a(进入或退出 输入、末行和命令行模式)末行模式可以按 ctrl+; 它的主要功能是退出编辑器，也...
2019-10-29 18:33:15
546
原创 【HTTP】跨域资源共享 Cross-Origin Resource Sharing
跨域资源共享-Cross-Origin Resource Sharing什么是跨域例如有个前端js资源从a站点加载，而利用XHR从B站点请求一个json文件CORS背后的基本思想，就是使用自定义的 HTTP头部 让浏览器与服务器进行沟通，从而决定请求或响应是应该成功，还是应该失败。比如一个简单的使用 GET 或 POST 发送的请求，它没有自定义的头部，而主体内容是 text/pl...
2019-10-29 18:04:59
280
原创 【css】table-border样式小结
关于table这个tag内嵌标签： thead(可选)、tbody(可选)、td、tr、colgroup 、caption(可选)属性：align ，bgcolor ，bordercolor，border ，cellpadding ，cellspacing ，frame ，width ，summary ，rules 。现在的table的属性基本已经过时，都使用css进行设置table样式。...
2019-09-25 20:30:04
762
翻译 【javascript】数字格式化--金钱
在js中有许多种方式能够将逗号作为千位分隔符把整数进行格式化。最简单的方式就是利用String.prototype.replace()方法，只需使用以下两个参数即可。regular expression: (?=(\d{3})+(?!\d))replacement value: $1,使用正则表达式去做，然后将要匹配的数字使用$1,进行替换了。这个$1是一个特殊的替换字符，它保存第...
2019-09-25 19:39:03
554
翻译 【javascript】创建javascript数组的小技巧
一些关于创建和克隆数组的小tips。在javascript中，没有太多复杂的数据类型，只会看见array和object。 然而，在es6中，加入了几个数据类型和数据结构，如：symbol，set，和map。array 在javascipt中是类似拥有长度的一个对象列表，可以用数字当做索引。在此文章中，我将会分销一些关于创建新数组和克隆数组的小技巧创建数组：使用数组构造器最流行创...
2019-05-30 17:43:20
116
翻译 【nodejs】翻译-- 使用nvm管理在电脑上装的多版本的nodejs
当你开发nodejs的 应用时，你可能会面对这么一种情况，就是你需要装多个不同版本的node在电脑上。这种情况可能发生在，当你有多个项目时，里边有不同的版本依赖需要去安装不同的版本，又或者正在开发的应用需要去兼容不容的node版本。没有一个好工具的话，基于一个项目的特定版本要求，这会增加许多大量的工作量并且会手动的去装很多不同的版本。幸运的是，这里有个好工具。介绍nvmnvm就是一款nod...
2019-05-27 18:37:40
193
原创 【javascript】关于for语句中settimeout的代码理解
for (var i = 0; i < 10; i++) { setTimeout(() => { console.log(i) }, i * 1000)}//打印输出10个10为什么打印输出10个10？javascript是单线程语言 在浏览器中一个页面永远只有一个线程在执行js脚本代码（在不主动开启新线程的情况下）。javascript...
2019-03-10 15:00:52
624
原创 【js】es6中关于promise对象
1.Promise 的三种状态Pending----Promise 对象实例创建时候的初始状态Fulfilled---- 可以理解为成功的状态Rejected---- 可以理解为失败的状态2.promise 的链式调用每次调用返回的都是一个新的 Promise 实例 (这就是 then 可用链式调用的原因)；如果 then 中返回的是一个结果的话会把这个结果传递下一次 then 中的成...
2019-01-16 16:38:30
154
转载 【vue-cil】 vue-cil 开发总结
1. 项目运行时+编译器(Runtime+Compiler)版本vs只含有运行时版本(Runtime-only)--尽可能使用只含有运行时的构建版本如果你需要在客户端编译模板（例如，向 template 选项传入一个字符串，或者需要将模板中的非 DOM 的 HTML 挂载到一个元素），你需要带有编译器的版本，因而需要完整构建版本。// 这种情况需要编译器(compiler)new V...
2018-10-17 11:51:43
334
原创 【vue】关于vue组件的小结
1.vue父子组件通信，老是报warining某某属性无定义的问题： 在子组件中，定义一个属性prop form: { type:Object, default(){ return{ name:"", } } } ...
2018-10-17 11:50:30
141
原创 【css】关于图片自适应的技巧
1. 两个div , 最外层div 则是设定图片的宽高，里层的div则设置图片的url，利用background属性进行图片的加载，在做头像的时候就可以做到剪裁加载。内层div的css设置：/*设置图片样式*/.img{ width: 100%; height: 100%; background-position: center; background-size:cov...
2018-10-17 11:49:20
2230
转载 【js】js对象拷贝
原文链接：https://medium.com/@Farzad_YZ/3-ways-to-clone-objects-in-javascript-f752d148054d
2018-10-08 10:20:38
116
原创 【css】多个子项目中间间隔固定排列
<!DOCTYPE html><html><head><style>.flex-container { display: flex; width:640px; flex-wrap:wrap; align-items: stretch; background-color: #f1f1f1;}.flex-contain...
2018-10-08 10:20:06
1244
转载 【js】事件区分 mouseover mouseout
不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout 只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。对应mouseleave 原文链接： https://blog.csdn.net/cao199408/article/details/70210826 ...
2018-09-30 15:18:11
285
原创 【js】笔记篇---对象及其属性
访问对象属性时候，例如，定义一个对象zx有属性a:1和b:3，然后在原型链上_pro_上挂b:2和c:4 , 此时zx.b 则是输出3，而proto的b则不会打印出来，这称之为属性遮蔽。其实也可称为就近原则JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依次层层向上搜索，直到找到一个名字匹配...
2018-09-30 15:15:09
153
原创 【css】 元素垂直居中
第一种：利用css的transform变形。ps：这个真好用。 position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)第二种：ie9就不用想了。flex布局ps: 宽高是一定要的，这是外层元素设置内层子元素的垂直居中。display:flex;just-conte...
2018-09-30 15:12:13
165
EF_简单实例
2017-09-18
htm5css3做的登录注册
2017-02-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人