自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

马优晨

撰写自己前端开发心得

  • 博客(13)
  • 资源 (2)
  • 论坛 (6)
  • 收藏
  • 关注

原创 项目中的动画实例

代码实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, use.

2020-05-26 09:40:23 262

原创 使用vue-happy-scroll 自定义滚动条

这里演示一下使用vue-happy-scroll 自定义滚动条的方式;官方地址:https://github.com/tangdaohai/vue-happy-scroll兼容性:支持特性:安装npm i -D vue-happy-scroll使用引入import { HappyScroll } from 'vue-happy-scroll'// 引入css,推荐将css放入main入口中引入一次即可。import 'vue-happy-scroll/docs/happy.

2020-05-21 21:17:03 1289 3

转载 video 属性和事件用法大全

(1) video属性<!-- video 不支持 IE8及以下版本浏览器,支持三种视频格式:MP4,WebM 和 Ogg --> <video src="test.mp4" controls width="400" height="300"></video> <!-- 禁止下载 --> <video src="test.mp4" controls controlslist="nodownload" width="400" height=

2020-05-21 09:48:07 309

转载 vue移动端弹框组件

这里说一下 vue-layer-mobile插件的使用一、npm 安装// 当前最新版本 1.2.0 npm install vue-layer-mobile// 如新版遇到问题可回退旧版本 npm install vue-layer-mobile@1.0.0二、调整配置:因为这个组件中有woff,ttf,eto,svg类型文件,所以要配置一些loader//在webpack.config.js中配置如下,首先安装url-loader和file-loader:{ test: /\.wo

2020-05-20 21:40:02 841

原创 swiper 在turn.js不能滚动

这个问题,使用turn.js的同学一定遇到过,那怎么解决呢?答案: 翻到对应包含swiper 的那页,重新初始化swiper假设这个是第3页 <div class="page-container flipbook" id="magazine"> <div v-for="(n, index) in 9" :key="`phone_${index}`" :class="`page${index}`" class

2020-05-20 21:28:48 178

转载 鼠标经过图片抖动效果

(1)全部图片抖动img:hover{ animation: tada 1s .2s ease both; -moz-animation: tada 1s .2s ease both;}@keyframes tada{0%{-webkit-transform:scale(1);}10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) ro

2020-05-18 23:09:26 275

原创 hover时候缓慢切换两张图片

效果:hover的时候想让两张图片翻转的时候速度慢一点,而不是瞬间变成另一张图片,我们可以采用淡入淡出的效果。实例:<!DOCTYPE html><html><head> <style> #hover { position: relative; margin: 0 auto; } #hover img { positi

2020-05-13 13:52:55 636

原创 有效的字母异位词

给定两个字符串 s 和 t ,编写一个函数来判断 t 是否是 s 的字母异位词。实例1: 输入: s = "anagram", t = "nagaram" 输出: true实例2: 输入:s="rat",t="car" 2 输出: false方法一、 利用数组sort()方法思路首先,对字符串字母进行排序,然后,比较两字符串是否相等。详解首先,将字符串转为数组。利用数组 sort 方法进行排序。然后,转为字符串进行比较,如果相等返回 true,反之返回 fals

2020-05-12 23:41:04 127

转载 树与二叉树

2020-05-12 22:47:47 110

原创 翻转整数算法

给出一个 32 位的有符号整数,你需要将这个整数中每位上的数字进行反转。注意假设我们的环境只能存储得下 32 位的有符号整数,则其数值范围为 [−231, 231 − 1]。请根据这个假设,如果反转后整数溢出那么就返回 0。方法一、 翻转字符串方法如果将数字看成是有符号位的字符串,那么我们就能够通过使用 JS 提供的字符串方法来实现非符 号部分的翻转,又因为整数的翻转并不影响符号,所以我们最后补充符号,完成算法。首先设置边界极值;使用字符串的翻转函数进行主逻辑;补充符号然后拼接最终结

2020-05-11 23:43:43 160

原创 空间复杂度

空间复杂度空间复杂度是对算法运行过程中临时占用空间大小的度量,一个算法所需的存储空间用 f (n) 表 示,可得出 S(n) = O(f(n)) ,其中 n 为问题的规模, S(n) 表示空间复杂度。通常用 S(n) 来定义。O(1) 复杂度算法执行所需要的临时空间不随着某个变量 n 的大小而变化,即此算法空间复杂度为一个常量, 可表示为 O(1)以上代码,分配的空间不会随着处理数据量的变化而变化,因此得到空间复杂度为 O(1)O(n) 复杂度上面这段代码的第一行,申请了长度为 n 的数

2020-05-11 23:14:21 318

原创 时间复杂度算法分析

时间复杂度时间复杂度是描述算法运行的时间。我们把算法需要运算的次数用输入大小为 n 的函数来表示, 计作 T(n)。时间复杂度通常用O(n)来表示,公式为T(n)=O(f(n)),其中f(n)表示每行 代码的执行次数之和,注意是执行次数。O(1) 复杂度算法执行所需要的时间不随着某个变量 n 的大小而变化,即此算法时间复杂度为一个常量,可表示为 O(1)O(1)表示常数级别的复杂度,不管你是O(几),统一给你计作 O(1)O(n) 复杂度上面这段代码,写了一个 for 循环,从 0

2020-05-11 22:52:16 259

原创 vue引入turn.js

github地址:https://github.com/blasten/turn.js(1) 首先要全局引入jquery这里我们使用vue-cli3 搭建的项目,所以使用链式引入vue.config.js文件 chainWebpack: (config) => { if (process.env.NODE_ENV === "production") { //引...

2020-05-07 09:58:47 2920 4

jqueryGoToTop.zip

前端页面回到底部按钮,滚动超过一屏会出现,一屏幕内会消失,点击会将页面缓慢滚动到顶部,非常实用。可以替换滚动图标,可以设置滚动时间。

2020-06-22

ejs常用操作.zip

ejs数据处理,express数据处理,欢迎下载。数据渲染,数据遍历,引入文件,动态处理数据,数据转移和非转移 等等~~~~

2020-06-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除