2020年05月_马优晨

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创项目中的动画实例

代码实现：<!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 388

这里演示一下使用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 3080 3

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

（1） video属性 <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 1643 2

转载 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 1639

原创 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 488

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

（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 1042 1

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

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

2020-05-13 13:52:55 1913

原创有效的字母异位词

给定两个字符串 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 297

转载树与二叉树

2020-05-12 22:47:47 235

原创翻转整数算法

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

2020-05-11 23:43:43 439

原创空间复杂度

空间复杂度空间复杂度是对算法运行过程中临时占用空间大小的度量，一个算法所需的存储空间用 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 11059

原创时间复杂度算法分析

时间复杂度时间复杂度是描述算法运行的时间。我们把算法需要运算的次数用输入大小为 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 743

原创 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 7045 5