- 博客(28)
- 收藏
- 关注
RSS订阅原创 ajax原生
phpStudy是一个PHP调试环境的程序集成包。该程序包集成最新的Apache+PHP+MySQL,安装非常的简单[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FSskK7QH-1687409627140)(img/phpStudy.png)]
2023-06-22 12:51:37
295
原创 浏览器输入URL后发生了什么
要注意的是，浏览器的解析过程并非是串连进行的，比如在解析CSS的同时，可以继续加载解析HTML，但在解析执行JS脚本时，会停止解析后续HTML，这就会出现阻塞问题，关于JS阻塞相关问题，这里不过多阐述,后面会单独开篇讲解。客户端收到你输入的域名地址后，它首先去找本地的hosts文件，检查在该文件中是否有相应的域名、IP对应关系，如果有，则向其IP地址发送请求，如果没有，再去找DNS服务器。我们在浏览器输入网址，其实就是要向服务器请求我们想要的页面内容，所有浏览器首先要确认的是域名所对应的服务器在哪里。
2023-06-22 12:40:09
459
原创 vue element表格合并
el-table中使用 :span-method="objectSpanMethod"方法。需要将el-table表格第一列相同的内容进行合并。
2023-05-26 10:37:10
475
原创 js 取色器和 颜色拾取工具
不知道大家用过 figma，或者蓝湖没有,诸如此类的 web 端 ui 设计应用,取色是一个很常用的功能项（包括我们平时开发页面时，不需要借用其他工具去别的窗口提取ＵＩ给出的设计图某块区域的颜色值，现在通过这个特性就能简单的实现！，点击滴管进入取色，监听input事件追踪值的变化 input的value值会返回十六进制，所以写了一个内置conversion函数转成rgb。如果开始取色后，用户按下键盘的esc键，promise就会reject，就会打印catch中的内容了。// 16进制颜色值的正则。
2023-04-28 16:59:55
1955
1
原创 vue自定义指令 Vue.directive
Vue.directive自定义指令的五个钩子函数下面展示一些 内联代码片。<html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge"
2021-08-11 00:07:19
153
原创 前端解决第三方图片防盗链的办法 - html referrer 访问图片资源
前端解决第三方图片防盗链的办法 - html referrer 访问图片资源问题第三方网站上的图片开启了 防盗链，防止其他网站访问他们网站上的图片原因官方输出图片的时候，判断了来源 Referer ，就是从哪个网站访问这个图片，如果是你的网站去加载这个图片，那么 Referer 就是：你的网站地址；如果我们的网站地址不在官方的白名单内，所以就看不到图片了。我们做这个跳板的关键：不发送 Referer，也就是没有来源。那么官方那边，就认为是从浏览器直接访问的，所以就能加载正常的图片了。refer
2021-05-11 00:36:53
2419
1
原创 flex布局
弹性布局(伸缩布局)布局：其实就是调整元素在水平和垂直方向上的布局方式。CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。【演示：01-伸缩布局初体验.html】当给一个盒子设置了display：flex之后，这个盒子就有了***主轴*** 和***侧轴*** 的概念。主轴：Flex容器的主轴主要用来配置Flex项目，默认是水平方向侧轴：与主轴垂直的轴称作侧轴，默认是垂直方向的方向：默认***主轴从左
2021-03-10 21:12:05
122
原创 vue2 录音总结
录音用法Promise 支持 async await链接 : https://github.com/2fps/recorder下载npm i js-audio-recorder引用import Recorder from 'js-audio-recorder';let recorder = new Recorder();标签方法: <script type="text/javascript" src="./dist/recorder.js"></script&
2021-01-27 00:45:51
568
原创 css3 animation 动画
了解:https://www.cnblogs.com/xiaohuochai/p/5347930.html帧动画原理:https://www.bilibili.com/video/av12463881/01-过渡详解 <style> .box { width: 300px; height: 300px; background-color: red; margin: 100px auto; /* 过渡: 从
2020-12-15 01:02:00
229
原创 css 2d 3d 动画系列
css动画当一个元素有多个2D转换(比如 既旋转又缩放)效果 采用连写的方式2D转换的顺序不同 结果也就不同 主要针对的是移动和旋转 (一个元素发生了旋转 坐标系也跟着旋转了)多个场景下面有2D转换效果时, 需要复制前面已经存在的transform效果过渡<style> .box { width: 250px; height: 250px; background-color: pink; /* 过渡 all
2020-12-11 00:44:09
148
原创 git命令
注意：不要安装在中文目录不要使用桌面管理软件安装很简单，一直下一步即可。在任意的目录下右键，能看到菜单, 就表示安装成功了。git三个区要对某个项目使用git进行管理，需要使用git init命令初始化git仓库git init会在当前目录生成一个隐藏文件夹 .git 不要去修改这个文件夹下的任意东西。git仓库会分成三个区工作区：我们书写代码的地方，工作的目录就叫工作区。暂存区：暂时存储的区域，在git中，代码无法直接从工作区提交到仓库区，而是需要先从工作区添加到暂存区，然后才能从
2020-09-10 21:12:55
315
1
原创 2020-08-10
querySelector() 选择器语法https://www.cnblogs.com/HavenLau/p/10476508.html选择器示例示例说明.class.intro选择所有class="intro"的元素#id#firstname选择所有id="firstname"的元素**选择所有元素elementp选择所有>元素element,elementdiv,p择所有div元素和p元素element element
2020-08-10 22:46:33
107
原创 element 动态设置表格并匹配表体的值
在实际项目中表格数据都是活的 , 一般都是根据后台返回的 表头 和 表体两部分数据 , 一般有两种格式 :一种是 数组对象 都是有 对应 key 和 value另外一种 是 数组 , 但是必须是顺序都是对的第一种:<el-table class="tb-edit" highlight-current-row :data="tableData" border style="width: 100%"> <template v-for="(col.
2020-07-22 21:47:48
508
原创 小程序播放文件流音频
此处 用的是小程序创建 innerAudioContext , 因为创建innerAudioContext 的src 属性的值, 只能是本地路径 或 在线地址 , 所以后台返回的文件流数据没有作用 .而且小程序是没有办法像js一样将文件流数据 , 利用blob URL.createobjecturl 来进行 对 innerAudioContext.src 来进行赋值 , 所以我们要将文件流下载下来 (wx.downloadFile) , 用本地路径来 对 src 赋值以下是 代码 可以直接复制 ,
2020-07-18 02:13:00
2723
原创 css 清除浮动详解介绍并附代码
清除浮动 有三种方法1 给父盒子写死高度2 用clear: botn ==> 在这只简单说这个属性怎么用3 overflow: hidden在这里插入代码片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-06-18 00:37:21
149
原创 css特性一些东西
css有三大特性1 继承性: 子元素会继承父元素一些属性: 文字相关会继承 , 宽度继承, 其他的不继承, 高度不继承2 层叠性: 后渲染的元素会覆盖掉先渲染的 (权重相同)3 权重性:!important > 行内样式 > id选择器 >类选择器 > 标签选择器 >通配符 > 继承 权重计算: 数位不能进制 , 级别之间不可超越 权重计算表: 继承 通配 : 0 0 0 0 标签 : 0 0 0 1 类 : 0 0
2020-06-17 23:19:19
138
原创 左右两个盒子, 高度自适应
2020/6/17面试问的问题左右个一个盒子, 左边高度变化, 让右边跟着一起等高 , 或者右边高度发生变化左边盒子等高两种办法第一种<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style> .left, .right { padding: 10px; /* 将两个盒
2020-06-17 21:58:26
1705
原创 微信小程序录音权限
#微信小程序录音权限设置 wx.showModal({ //====> 授权 title: '提示', content: '您未授权录音，功能将无法使用', showCancel: true, confirmText: "授权", confirmColor: "#52a2d8", ...
2020-04-21 14:51:53
4183
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人