- 博客(41)
- 收藏
- 关注
RSS订阅原创 短视频从入门到秃头（二）——拍摄第一条短视频
“知道类吧，知道对象吧，好的接下来请写个系统。”“中国文章一大抄，就看你会抄不会抄。”对于毫无头绪的我只能从别人的短视频开始入手分析了，首先在抖音上找了条几十万点赞的，并且看起来拍摄手法并不是很复杂的视频进行分析。然鹅，我并不知道具体要分析什么.......SO开始想象，首先分镜应该是必须的，然后内容，拍摄角度，远近，运镜。暂时就想到这么多，先这么来吧。内容 人物 角度 远近 运镜 1-3s将梳妆台搬过来 正面进入 斜45度 远景 无
2022-04-02 10:29:01
343
原创 短视频从入门到秃头（一）
当我终于想起自己账号密码的时候━━∑(￣□￣*|||━━，已经是奉命于危难之间。刚刚下载了剪映，从熟悉各个功能开始吧。先说下捡漏的设备：苹果12手机一部，电脑一台。第一步，如何将手机视频导入到电脑。众所周知通过vx等方式发的视频都是压缩过的。为后面高清视频（如果有后面的话）做准备，肯定要将视频素材传到电脑中。看着自己的快充线我不经陷入了沉思，对了我还有我的好伙伴QQ，通过文件助手传输成功！第二步，打开剪映看看各个按钮都是做什么用的基础功能在如软件左上角1、媒体中本地就是本地素材通过导
2022-03-30 14:29:04
217
原创 Cookie的domain以及path详解
之前写过一篇关于cookie 的增删改查，但是写的比较粗糙，这里提两个比较重点的，分别是domain和path一、domain1.介绍可以访问该Cookie的域名。如果设置为“.google.com”，则所有以“google.com”结尾的域名都可以访问该Cookie。注意第一个字符必须为“.”。2.例子document.cookie = "token=abc;path=/;...
2019-04-12 17:04:02
4821
原创 git的常用指令（列举一些经常用到的命令）
前一段时间一直忙着做项目，很少时间来更新了，最近突然从svn换成git，感觉自己宛若一个智障。遂记录一些git常用的指令。1、git clone url把项目从远程仓库拷贝到本地，这个URL地址的远程版本库。2、git branch [name]在当前分支上创建新分支，并且会切换到新分支上3、git checkout [name]切换到某个分支上，4、git b...
2019-04-11 11:37:24
2834
原创 css解决边框重叠问题
在某些情景下，多个元素的边框是重叠在一起的，这样内部边框就会因为重叠而显得比较粗。如下图所示。而解决这个问题的方法有很多，这里推荐一种，给带有边框的元素设置如下样式margin：0 0 -borderwidth -borderwidth这里的borderwidth即为边框的宽度，按照上图所示，则添加样式 margin: 0 0 -1px -1px;...
2018-10-22 17:53:57
15681
3
原创 vue中父子组件之间的通信（父组件向子组件传值）
一、vuex作为状态管理，用起来还是蛮方便的，但是最近某个项目遇到个情况，有东西和vuex冲突了，很多传值的地方只能通过组件之间的通信来解决。下面简单记录下，父与子，子与父之间的一些传值方法。二、父组件向子组件传值<template> <div> <Child :time="year" :xiaoming="person...
2018-08-15 15:05:44
701
原创 vue-lazyload 懒加载 一些注意事项
一、简介懒加载可以说的上是很基础的功能了，但是平时也用的非常广泛。在vue中有很多懒加载的插件，今天给大家带来一个我比较常用的插件的一些注意事项。二、安装$ npm install vue-lazyload -D三、官方链接这里附上官方文档链接 vue-lazyload四、注意事项栗子代码(此处将本地图片地址改为了接口请求到的图片地址，其他同官方文档)<div v-lazy-containe...
2018-06-29 14:56:27
14092
7
原创 vue下实现复制功能--插件版
之前介绍了不使用插件的复制方法，现在在介绍一下使用插件的复制方法。一、安装$ npm install vue-clipboard二、引入var VueClipboard = require('vue-clipboard') Vue.use(VueClipboard) new Vue({ data: { copyData: 'copy data' },})三、使用<b...
2018-06-29 11:47:36
2374
原创 vue下实现复制功能
一、说明：vue下想要实现复制功能有很多种方法，比如vue-clipboard2等。但是如果你不想使用插件，我们也可以利用document.execCommand来实现此功能。二、简介：当一个HTML文档切换到设计模式 designMode时，文档对象暴露 execCommand 方法，该方法允许运行命令来操纵可编辑区域的内容。三、使用 methods: { CopyUrl(){ ...
2018-05-16 11:30:52
14328
原创 通过setTimeout理解js异步原理
在上一篇的文章中介绍了js异步原理，有的小伙伴可能还有些云里雾里，在本篇文章中将以新手很容易用错的setTimeout为例来解释js的异步原理。首先我们看一个例子 console.log(1); setTimeout(function(){ console.log(2); },500); console.log(3); // 运行结果 // 1 // 3
2018-04-24 11:47:14
4278
原创 Javascript异步实现原理
一、js是单线程首先有一点我们必须明确，js是单线程的。即暂时来说js是不可能学会周伯通左右互搏之术的，因为没法办左手画圆，右手画方。在同一时间，它只能做一件事情。这是它的核心特征之一。二、js为什么是单线程？那么为什么js是单线程呢？我们可以从他的用途来看，js主要运行在浏览器上，用以实现和用户之间的交互以及操作DOM。假设它是多线程的，那么可能存在这一一种情况，在某个时间他既需要在
2018-04-18 14:14:24
1217
原创 通过监听message对ifram接口返回值做出回调
在某些场景下，我们通过ifram引入了第三方页面且需要对该页面的接口返回值做出一些判断的时候就可以利用监听message方法来达到目的（此处不讨论同域下，子页面调用父页面方法的情况）。首先我们需要确认ifram加载完毕，因为ifram可能因为各种原因导致加载缓慢，之类用到了ifram.onload。然后再对message进行监听，代码如下function getcode() { var ifr...
2018-04-08 11:21:08
3590
原创 纯css实现渐变，条纹背景
1、body { background:linear-gradient(#51B0E7 50%, #006084 50%); background-size:100% 20px;}2、body { background:#FFF; margin:50px; background:linear-gradient(45deg, #3498DB 50%, #2980B9 50%);...
2018-04-08 10:32:04
2006
原创 vscode必备插件
一、通用插件1. HTML Snippets超级实用且初级的 H5代码片段以及提示2. HTML CSS Support让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检索3. Debugger for Chrome
2018-03-26 17:27:21
3582
原创 原生js实现对cookie的增删改查
在某些场景中，我们需要对cookie进行一些操作，但是却又并不希望对cookie的操作进行封装的时候，就可以使用原生js对其进行一些操作。一、设置cookie1、每个cookie都是一个键/值对，键/值对用等号连接，并将该键/值对赋值给document.cookie即可。如：document.cookie="_uid=111";2、如果是通过变量来保存值，则可以通过document
2018-03-20 17:59:29
948
原创 Cookie, LocalStorage 与 SessionStorage的区别
一、概念1. Cookie 的大小限制为4KB左右，是网景公司的前雇员 Lou Montulli 在1993年3月的发明。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。2. localStorage 是 HTML5 标准中新加入的技术，它并不是什么划时代的新东西。早在 IE 6 时代，就有一个叫 use...
2018-02-23 18:12:17
235
原创 层叠上下文（z-index）
一、概述在日常code中，是否遇到过关于层级的问题，下面梳理下各种情况二、首先来一张著名的7阶层叠水平图换言之，除了z-index，display:inline-block,float,block也是可以控制元素层级显示的，ps：当元素有内容的时候，内容的层级会更高。三、代码实现首先是dom结构和样式代码，这里body当做是background来看 display
2018-02-07 14:55:48
421
原创 自定义右键菜单（阻止右键弹出菜单）
一、概述某些时候我们并不需要右键弹出菜单的功能，或者我们需要模拟一个右键菜单用以实现我们的需求；二、解决办法这里我通过了oncontextmenu来实现，以下是全局阻止右键的办法document.oncontextmenu = function (event) { event.preventDefault();};如果我们仅仅需要部分dom阻止右键菜单则可以var el
2018-02-06 15:50:39
3247
原创 ifram子页面调用父页面函数的若干方法
因为ifram子页面与父页面并非在一个页面内，即所在域是不同的，无法做到直接互相调用方法，下面以ifram子页面调用父页面方法做了若干解决方案；一、通过parent来调用父页面的方法在子页面与父页面同域的情况下，子页面通过parent.ParentMethod()可以调用父页面的方法，但是有时候会出现一些奇奇怪怪的错误（别问我怎么知道的，刚从坑里出来，手动滑稽）。二、通过parent.
2018-02-01 17:01:03
923
原创 将图片转化为base64格式通过ajax传给后端
最近在做注册登录系统时，需要传图片给后端，因为native直接用的base64格式的。所以我们需要做的就是将 用户上传的图片预览出来，同时转化为base64格式通过ajax传给后端。废话不多说直接上代码第一步，我们需要将input file的文件提取img标签可以识别的url。//建立一個可存取到該file的urlfunction getObjectURL(file) { var
2018-01-29 15:11:54
11333
1
原创 前端常用正则表达式集锦
正则算是FE经常用到的一个功能了，记录一些常用的正则表达式。1、18位身份证号码正则//身份证号（18位）正则var idnumber = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;2、手机号码正则//手机号正则var telphon
2018-01-16 18:48:33
313
原创 通过label标签重置input[radio]样式
一、基于默认的input[radio]标签很丑，很多时候都需要重写样式，下面就介绍下通过label标签重置input[radio]标签的方法；二、准备首先我们需要给lable标签绑定input，然后再通过一个标签包含说明文字（这里选用span标签），代码如下 这是一行优雅的代码 这是一行特别优雅的代码 三、接下来要在样式上做文章了
2018-01-12 16:40:50
5580
1
原创 常用css样式
1文本超出部分省略号显示1）一行文本的情况overflow: hidden;white-space: nowrap;text-overflow:ellipsis;2）多行文本的情况（FF不支持）overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-
2017-12-08 16:59:05
360
原创 js中typeof的用法
一、typeof运算符介绍：typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。二、typeof返回值：1. 对于数字类型的操作数而言， typeof 返回的值是 number。比如说：typeof(1)，返回的值就是number。上面是举的常规数字，对于非常规的数字类型而言，其结果返回的也是number。比如
2017-11-23 10:28:56
639
原创 常用git命令
一、日常使用的几个命令1. git pull（同步远程代码）2. git add . (将所有修改或新增的文件添加到暂存区,也可以将"."换成指定的文件名)3. git commit -m "填写你的注释" (将暂存区的代码放入本地仓库)4. git status (查看本地状态，只有代码从暂存区放入本地仓库后，即状态是clean了，代码才能够上传)5. git push o
2017-10-31 10:38:50
212
原创 分享若干种模态窗口的实现方法
分享若干种模态窗口的实现方法最近开发中模态窗口用的还是挺频繁的，分享几种实现方式：PC端模态窗口代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键PC端模态窗口需要做的几个步骤1背景层2弹出层3点击弹出模态窗口4点击关闭模态窗口5点击背景关闭模态窗口 首先是来个简单的效果图。 —— [ 在线演示
2017-09-30 16:02:00
490
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人