Helen-lian-优快云博客

原创获取div到顶部的距离

/ 元素下边距离页面上边的距离。// 元素右边距离页面左边的距离。// 元素左边距离页面左边的距离。// 元素上边距离页面上边的距离。获取div到顶部的距离。

2023-05-24 16:03:47 1234

原创设置div标签可以输入文字

1.contenteditable 属性可以设置div标签为可输入标签,2.input和textarea虽然是常用的输入标签,但是这两个标签不能设置最大高度和最小高度, 随意如果想随着输入的内容改变高度的话,可以使用这个属性...

2022-05-31 09:29:06 4456

当video标签使用controls属性的时候。pc电脑会显示三个点，可以利用controlslist属性进行设置<video ref="video" controls="controls" :src="url" controlslist="nodownload nofullscreen noremoteplayback" disablePictureInPicture></video>nodownload: 不要下载按钮nofullscreen: 不要

2021-12-31 15:33:03 9334 2

原创前端css面试题

- 怎么写0.5px的border？

2021-10-21 18:06:15 149

原创前端js面试题目

1、什么是宏任务和微任务？宏任务setTimeout，setInterval，setImmediate微任务process.nextTick，Promise.then catch finally先执行微任务，后执行宏任务2、Object都有哪些方法？Object.assign，Object.create，Object.keys，Object.values, Object.entries，3、JS原型链中的prototype和__proto__的区别？摘抄https://blog.csdn

2021-10-19 13:54:36 1936

原创改变windows系统自带滚动条样式

::-webkit-scrollbar {width: 8px;height: 8px;background:#b9b9b9;}::-webkit-scrollbar-button {display: none;}::-webkit-scrollbar-thumb {border-radius: 10px;background: #62ceb7;}::-webkit-scr...

2020-03-23 20:31:58 1202

原创 vue项目，解决ios下audio无法播放问题

最近在做一个关于aduio的项目，奈何audio在pc端能正常播放，在ios端确无法播放，着实踩了不少的坑！！！也看了不少的网上的教程，最后的实现结果如下：1、html代码// html<audio id="audio" :src="src" ref="audio" @timeupdate="updateTime" >该浏览器不支持audio属性</audio>...

2019-05-21 15:33:03 12672 1

转载网页适配 iPhoneX

转载：https://aotu.io/notes/2017/11/27/iphonex/index.html

2019-05-15 22:37:25 165

转载 css @media 判断iphone/ipad 各种机型

兼容iphone4/4s：@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){ }兼容iphone5 ：@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){ }兼容iphone6，iphone7，iphone8s ：@me...

2019-05-15 22:14:07 5835

原创 vue打包 assetsPublicPath改变，static下文件访问不到的问题

问题背景：一、.smallTarget项目，使用vue官网脚手架，修改了/config/index.js文件，把默认打包后的文件夹名称改成了“smallTarget”，这时候npm run build 打包部署，就可以访问到以smallTarget为根目录的页面。（相当于只修改了文件夹的名称而已） index: path.resolve(__dirname, '../smallTarget/i...

2019-03-29 16:48:40 30944 1

原创 mac 自带的php环境没找到php.ini 配置文件，怎么解决

1、查找文件sudo find / -name php.ini// 如果没找到2、打开命令行进入**/private/etc**目录cd /private/etc // 可以找到php.ini.defaultcp php.ini.default php.ini // 复制一份...

2019-03-22 17:34:40 7515

原创 nginx启动服务提示98: Address already in use错误的解决

启动linux 提示信息如下nginx: [emerg] bind() to [::]:80 failed (98: Address already in use)nginx: [emerg] bind() to [::]:80 failed (98: Address already in use)nginx: [emerg] bind() to [::]:80 failed (98: Ad...

2019-03-22 16:25:19 12192 1

原创前端面试题

1、用过那些设计模式？2、为什么要有同源限制？3、javascript 有哪些方法定义对象？4、哪些操作会造成内存泄漏？5、 [“1”,“2”,“3”].map(parseInt) 答案是多少？6、script 标签中的defer 和 async 分别是什么意思？7、如何通过js判断一个数组？8、谈一谈箭头函数与普通函数的区别？9、异步编程的实现方式？10、怎么实现浅拷贝和深拷贝...

2019-03-19 12:04:12 141

原创 vue里添加lottie动画

一、安装 lottie-webimport lottie from 'lottie-web'二、存放动画的element<div class="svgContainer" ref="svgContainer"></div>三、加载动画lottie.loadAnimation({ container: element, // 要包含该动画的dom元素...

2019-03-19 11:46:08 1062

原创迁移一个或多个完整的git仓库

move.sh文件#!/bin/bashfilename=$1IFS=$'\n\n'for line in `cat $filename`do # echo $line OLD_IFS="$IFS" IFS=";" array=($line) IFS="$OLD_IFS" old_origin=${array[0]} new_origin=${array...

2019-03-07 14:45:03 786

原创 vue-cli+iview 打包后iview自带的字体图标找不到

使用vue的官方脚手架+iviewnpm run build之后到服务器，iview中自带的字体图标显示不出来解决办法：更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置：添加 publicPath: ‘…/…/’, 完美解决问题...

2019-02-20 15:53:47 693 3

原创初始化vue项目遇到的bug

1、初始化vue项目遇到以下的提示vue-cli · Failed to download repo vuejs-templates/webpack: Response code 404 (Not Found)这个是因为gihub的问题导致的。2.ping在终端ping github.com会显示超时3.解决方法(1)、克隆这个仓库url：https://github.com/v...

2019-01-29 11:39:45 401

原创安装nginx配置过程

1.安装brew install nginx2.启动nginxsudo nginx3.验证是否安装执行完以以上操作，nginx就安装好了，可以在浏览器访问了，默认端口为8080。在浏览器输入以下地址就能看到nginx在本计算机搭建的服务器。地址： http://localhost:8080/4.查看nginx的相关信息brew info nginx...

2019-01-28 17:50:06 224

原创 Mac下搭建Apache+PHP+MySql运行环境

一、前言在Mac上搭建Apache+PHP+MySql环境，因为Mac预装的有Apache和PHP，我们可以直接使用。但是稍微费劲一点的是Mac没有预装Mysql，这个需要自己安装。接下来我就在Mac上搭建Apache+PHP+MySql的运行环境。二、Apache1、在mac查看Apache是否安装打开Mac的终端，输入下面的命令，开启Apache服务（因为sudo是系统管理命令，所以需...

2019-01-23 19:10:42 1551 2

原创 h5移动端手机拍照，压缩（旋转），上传（vue，FileReader，exif-js，canvas，axios）

最近做一个项目，手机端拍照，压缩图片，上传到服务器，下面将会写到用的技术和遇到的问题和解决办法 …… 现在我们用手机上传图片到网上提交数据，但是可能图片的文件比较大，像拍照拍出来的就有可能有2m，这个时候就需要把图片压缩进行处理。一、图片上传前端压缩的意义对于大尺寸图片的上传，在前端进行压缩可以省流量上传图片尺寸较小，上传速度会比较快，交互会更加流畅，同时大大降低了网络异常导致上...

2018-07-27 14:22:38 869

原创 mac 常用快捷键

Mac中主要有四个修饰键，分别是Command，Control，Option和Shift。基本的快捷键Command是Mac里最重要的修饰键，在大多数情况下相当于Windows下的Ctrl。所以以下最基本操作很好理解：Command-Z 撤销　Command-X 剪切　　Command-C 拷贝（Copy）　　Command-V 粘贴　　Command-A 全选（All）　　C...

2018-07-17 17:51:29 501

原创前端面试题（一）

Javascript测试 1. ==和===的区别？什么时候使用？ 2. null和undefined的区别？ 3. 什么是闭包？什么时候会用到？ 4. Ajax是什么？ 5. js中，你会怎么来定义和使用类（包括定义变量和函数）？ 6. js如何封装公共方法和私有方法？ 7. 什么是promise？ 8. “use strict”是干什么的？ 9. 下面代码运...

2018-07-03 17:15:05 263

转载 mongoDB的常用语法

安装：到mongodb官网下载安装包或者压缩包：https://www.mongodb.com/download-center?jmp=nav 1、如果是msi包的话则点击按步骤安装，如果是压缩包的话不用安装； 2、配置环境变量：将mongodb的bin目录配置到环境变量的path中，或者新建MONGODB_HOME再配置到path中； 3、新建文件夹作为存放mongo的数据的地方，然后...

2018-06-06 14:19:18 150

转载前端面试题（二）

1、TCP三次握手和四次挥手的全过程TCP是主机对主机层的传输控制协议，提供可靠的连接服务，采用三次握手确认建立一个连接: 位码即tcp标志位,有6种表示: SYN(synchronous建立连接) ACK(acknowledgement 表示响应、确认) PSH(push表示有DATA数据传输) FIN(finish关闭连接) RST(res...

2018-06-04 14:43:18 218

原创往linux服务器上copy文件

scp -r /d/web/peacock/xxx/dist APP@192.168.130.101:/home/APP-r 文件夹包括子文件 /d/web/peacock/xxx/dist 当前目录 APP@192.168.130.101:/home/APP 终点目录

2018-03-10 11:42:42 754

原创 vim 编辑器常用命令

1、vim可以分为三种状态:命令模式（command mode）插入模式（Insert mode）底行模式（last line mode）1) 命令行模式command mode）　　控制屏幕光标的移动，字符、字或行的删除，移动复制某区段及进入Insert mode下，或者到 last line mode。 2) 插入模式（Insert mode）　　只有在Insert m

2017-06-20 15:54:54 464