![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Damp_XUN
这个作者很懒,什么都没留下…
展开
-
音频可视化前端实现
思路我们需要将音频文件解码成二进制流文件,这个流文件即为音频资源buffer播放源之后需要将buffer播放源与分析器相连,分析器与扬声器相连,(扬声器为 audioContext.destination)audioContext.destination:返回AudioDestinationNode对象,表示当前audio context中所有节点的最终节点,一般表示音频渲染设备。<...原创 2020-04-05 19:28:18 · 1725 阅读 · 1 评论 -
google workspace同步调试修改文件
最新版的google打开开发者工具,然后f1找到workspace,打开相应目录,就可以在开发者工具的source下直接修改文件并调试。原创 2020-04-02 22:38:09 · 306 阅读 · 0 评论 -
小程序开发记录(五)
小程序开发记录(五)request 封装为promise更加优雅的request写法~var requestNameApi = function (app) { return new Promise((resolve, reject) => { wx.request({ url: 'https://www.yoursite.com/url', hea...原创 2020-03-26 00:59:12 · 195 阅读 · 2 评论 -
小程序开发记录(四)
小程序开发记录(四)iphoneX自定义顶部tab栏适配出现问题:除iphoneX其他适配都正常,但是实测时iPhone X出现适配错误。自定义顶部栏实现tip:需要在pages同级目录下创建目录 custom-tab-bar该目录下有三个文件,html,js,jsonindex.html<view class='nav-wrap' style="height:{{height...原创 2020-03-26 00:54:22 · 146 阅读 · 0 评论 -
2020.3.6总结
图像变形:transform:skew(45deg);图像45°变形,例如长方形变为平行四边形。可以一个参数,也可以两个参数。一个参数表示沿x轴变形,两个参数表示分别沿x,y轴变形。参考 skew() - CSS(层叠样式表) | MDN关于层叠上下文之前在面经中看到过关于层叠上下文的问题,后来看了一篇文章,但是实际上很少用到,只有碰到具体场景才想到是不是遇到了层叠上下文。今...原创 2020-03-06 20:18:13 · 162 阅读 · 0 评论 -
低级错误集合
react route引入component一直不显示:错误示范:import React, { Component } from 'react';import Home from '../pages/home/home'import { BrowserRouter as Router, Route, Switch } from "react-router-dom";class Rou...原创 2020-03-06 12:09:26 · 150 阅读 · 0 评论 -
前端项目计划
一周小项目项目名称Todo需求分析根据个人工作学习需求,需要满足以下特点:创建项目,创建项目子任务待办,根据子任务完成数,显示项目完成进度。子任务可设置权重,计算进度。创建每日待办,每日待办和子任务同时需要显示,分别在不同的列表里展示。任务周期一周,3.3-3.10...原创 2020-03-03 19:36:05 · 665 阅读 · 0 评论 -
前端实战复习——音频动效
音频动效纯前端样式,无音频分析。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti...原创 2020-03-03 15:58:51 · 427 阅读 · 0 评论 -
前端实战复习——歌词滚动
歌词滚动此处展示为html的demo思路首先歌词单独为div歌词整体滚动,设置wrap为div歌词上移使用移动wrap位置,所以需要设置wrap,position为absolute。歌词高亮使用当前歌词改变类名实现,添加过渡transition,使其有放大缩小的效果。此处对歌词进行了处理。<!DOCTYPE html><html lang="en">...原创 2020-03-03 15:56:46 · 1235 阅读 · 0 评论 -
小程序开发记录(三)
小程序开发记录(三)接口文档规范{ "success":20200, "msg":"login success,is a old user", "name":"test", "sessionId":"6cdf33e6-b037-4ddb-bdce-5158335ffd18"}{ "success":20201, "msg":"login ...原创 2020-02-24 23:04:58 · 217 阅读 · 0 评论 -
node实现即时消息通知
关于这个项目,是关于我们设计模式的案例设计题目是重构我们教务在线的教师端,实现消息通知也就是说,当教师的监考发生变动时,就产生即时的消息。刚刚看的这个题目,我想到的是,利用观察者模式,在JavaScript中,观察者模式又称为发布订阅模式。对于教师端来说,教师就是订阅者,管理员发布更新监考事宜为发布事件。教师订阅了“更新监考”这个事件,一旦管理员触发事件,则教师会收到消息。如何实现呢...原创 2019-12-16 20:41:07 · 1110 阅读 · 0 评论 -
React hook
react更新到16.7之后有了一个新的功能叫hook这个东西是替代了原先的setstate函数什么是Hook钩子是允许从功能组件(function component)“挂钩”React状态和生命周期功能的功能。钩>子在类内部不起作用 - 它们允许你在没有类的情况下使用React。state hookuseState返回一对:当前状态值(count)和允许你更新状态的...原创 2019-07-28 10:42:56 · 123 阅读 · 0 评论 -
剑指offer JavaScript 版(32)
把数组排成最小的数题目描述输入一个正整数数组,把数组里所有数字拼接起来排成一个数,打印能拼接出的所有数字中最小的一个。将数字拼接成一个数,需要数字越大越排在低位,越小的数字排在高位,所以需要321的1排在尽量高的位置。function PrintMinNumber(numbers){ // write code here numbers.sort(function...原创 2019-08-05 18:31:16 · 114 阅读 · 0 评论 -
剑指offer JavaScript版 (21)
栈的压入,弹出序列题目描述输入两个整数序列,第一个序列表示栈的压入顺序,请判断第二个序列是否可能为该栈的弹出顺序。假设压入栈的所有数字均不相等。例如序列1,2,3,4,5是某栈的压入顺序,序列4,5,3,2,1是该压栈序列对应的一个弹出序列,但4,3,5,1,2就不可能是该压栈序列的弹出序列。(注意:这两个序列的长度是相等的)function IsPopOrder(pushV, popV...原创 2019-08-01 16:42:31 · 79 阅读 · 0 评论 -
剑指offer JavaScript版 (23)
二叉查找树的后序遍历序列题目描述输入一个整数数组,判断该数组是不是某二叉搜索树的后序遍历的结果。如果是则输出Yes,否则输出No。假设输入的数组的任意两个数字都互不相同。后序遍历是指先左后右最后根,所以序列的最后是根节点。由此可推出先找到根节点满足左子树小于根节点,右子树大于根节点递归比较每一个节点即可function VerifySquenceOfBST(sequence)...原创 2019-08-02 11:35:38 · 99 阅读 · 0 评论 -
剑指offer JavaScript版 (35)
数组中的逆序对题目描述在数组中的两个数字,如果前面一个数字大于后面的数字,则这两个数字组成一个逆序对。输入一个数组,求出这个数组中的逆序对的总数P。并将P对1000000007取模的结果输出。 即输出P%1000000007尝试了暴力方法只通过百分之50的用例,显然超时。利用归并排序的比较方式,可以找到前面一个数大于后面一个数的逆序对。但是不能影响原数组,所以需要重新开一个数组用来存...原创 2019-08-08 18:10:16 · 183 阅读 · 0 评论 -
github+hexo+next 部署个人博客网站
踩了很多坑,找到一个大佬写的教程,但是还是有坑。要注意目录,千万别乱npm在仓库里面添加ssh时要记得给写权限 ,allow write access注意在yml文件里面改配置,还有仓库的地址是:不是/分享大佬链接,按照大佬的顺序来,别踩坑,踩就是一小时Hexo + GitHub Pages + NexT在win10上搭建个性化个人博客...原创 2019-08-06 17:30:52 · 129 阅读 · 0 评论 -
剑指offer JavaScript版 (34)
第一个只出现一次的字符题目描述在一个字符串(0<=字符串长度<=10000,全部由字母组成)中找到第一个只出现一次的字符,并返回它的位置, 如果没有则返回 -1(需要区分大小写).反复去找,并且有一个常用定位当前比较的第一次出现的字符function FirstNotRepeatingChar(str){ // write code here // wri...原创 2019-08-07 20:09:58 · 148 阅读 · 0 评论 -
动态划分 JavaScript版详解
动态划分的典型问题一般背包问题假设有m个物品,每个物品质量为 W[ i ],每个物品的价值为 V[ i ]。背包容量为N。求能够带走的最大价值为多少。每个物品,带走或者不带走,即其标记为1或0;假设每次装该物品数量为num[ i ]限制条件是,Σ( num[ i ] * W[ i ] ) <=N ,即拿走的物品质量不能超过背包容量。var bagpro=function(...原创 2019-09-06 15:01:03 · 177 阅读 · 0 评论 -
Node.js爬虫
用nodejs爬取学校教务在线的课表首先要分析爬虫的本质,模拟登陆+获取网页信息如何模拟登陆(手动登陆)。大致讲下思路。首先是找到登陆入口,从登陆入口发起登陆请求。因为我们学校的登陆是需要验证码验证,所以我先将验证码获取到,也就是获取网页信息,处理后通过fs保存到本地,本地再渲染到前端,用户输入。用输入的用户信息和验证码向本地后端发起post请求,用本地后端服务器向教务在线发起pos...原创 2019-09-22 15:31:33 · 198 阅读 · 0 评论 -
时间管理项目
时间管理项目完整1.0版node.js+express+jQuery基本上没有用任何框架,原生js项目。技术难点主要是爬虫技术。该项目运行在3010端口。star一下叭。原创 2019-09-24 19:16:44 · 186 阅读 · 0 评论 -
剑指offer JavaScript版 (24)
二叉树中和为某一值的路径题目描述输入一颗二叉树的根节点和一个整数,打印出二叉树中结点值的和为输入整数的所有路径。路径定义为从树的根结点开始往下一直到叶结点所经过的结点形成一条路径。(注意: 在返回值的list中,数组长度大的数组靠前)这个过程就是深度遍历的过程,用期望值减去走过的上一个节点,检查结果是否为0,若为0,则退出,反之继续遍历。每一次都是先检查左节点,再检查右节点,若左节点符合...原创 2019-08-02 19:14:33 · 85 阅读 · 0 评论 -
剑指offer JavaScript版 (20)
包含min函数的栈题目描述定义栈的数据结构,请在该类型中实现一个能够得到栈中所含最小元素的min函数(时间复杂度应为O(1))。var stack=[];var minstack=[];var minele=null;function push(node){ // write code here if(minele!==null){ if(nod...原创 2019-08-01 16:02:09 · 118 阅读 · 0 评论 -
剑指offer JavaScript版 (31)
整数中1出现的次数题目描述求出1-13的整数中1出现的次数,并算出100-1300的整数中1出现的次数?为此他特别数了一下1~13中包含1的数字有1、10、11、12、13因此共出现6次,但是对于后面问题他就没辙了。求出任意非负整数区间中1出现的次数(从1 到 n 中1出现的次数)。function NumberOf1Between1AndN_Solution(n){ // w...原创 2019-08-05 18:12:17 · 77 阅读 · 0 评论 -
剑指offer JavaScript版 (30)
连续子数组的最大和题目描述{6,-3,-2,7,-15,1,2,2},连续子向量的最大和为8(从第0个开始,到第3个为止)。给一个数组,返回它的最大连续子序列的和,你会不会被他忽悠住?(子向量的长度至少是1)根据一个序列的特点,若前n个数的和小于0,则重新开始一个序列计算和,若大于等于0 ,则继续累加。function FindGreatestSumOfSubArray(array...原创 2019-08-05 17:42:43 · 91 阅读 · 0 评论 -
剑指offer JavaScript版 (10)
矩形覆盖题目描述我们可以用21的小矩形横着或者竖着去覆盖更大的矩形。请问用n个21的小矩形无重叠地覆盖一个2*n的大矩形,总共有多少种方法?找规律发现其原理和斐波那契数列相符function rectCover(number){ // write code here var g=1; var f=2; if(number==0){ re...原创 2019-07-30 20:05:45 · 109 阅读 · 0 评论 -
剑指offer JavaScript版 (9)
变态跳台阶题目描述一只青蛙一次可以跳上1级台阶,也可以跳上2级……它也可以跳上n级。求该青蛙跳上一个n级的台阶总共有多少种跳法。根据跳台阶的解法,jump(n)=jump(n-1)+jump(n-2)此处可跳台阶为1~n,所以jump(n)=jump(n-1)+jump(n-2)+…+jump(1)由数学推算得:jump(n)=jump(n-1)+jump(n-2)+…+jump(...原创 2019-07-30 19:39:55 · 117 阅读 · 0 评论 -
剑指offer JavaScript版 (8)
跳台阶题目描述一只青蛙一次可以跳上1级台阶,也可以跳上2级。求该青蛙跳上一个n级的台阶总共有多少种跳法(先后次序不同算不同的结果)。function jumpFloor(number){ // write code here var n1=1; var n2=2; while(--number){ n2+=n1; n1=n...原创 2019-07-30 19:28:38 · 99 阅读 · 0 评论 -
JavaScript 语法盲点
2019.8.2更新对象赋值在对象/数组中直接提取属性/值var [b]=[1,2,3]//b=1var {a}={a:1}//a=1引用类型var f=[1,2,3]//f=[1,2,3,4]var ff=fff.push(5)//f=[1,2,3,4,5]ES6 扩展运算符(…)3.1 解构赋值用于从一个对象取值,将目标对象所有可遍历的属性,...原创 2019-08-02 20:52:52 · 110 阅读 · 0 评论 -
剑指offer JavaScript版 (7)
斐波那契数列题目描述大家都知道斐波那契数列,现在要求输入一个整数n,请你输出斐波那契数列的第n项(从0开始,第0项为0)。function Fibonacci(n){ // write code here var curr=0; var last=1; while(n--){ curr+=last; last=curr-l...原创 2019-07-29 17:55:10 · 193 阅读 · 0 评论 -
剑指offer JavaScript版 (6)
旋转数组最小的数字题目描述把一个数组最开始的若干个元素搬到数组的末尾,我们称之为数组的旋转。 输入一个非减排序的数组的一个旋转,输出旋转数组的最小元素。 例如数组{3,4,5,1,2}为{1,2,3,4,5}的一个旋转,该数组的最小值为1。 NOTE:给出的所有元素都大于0,若数组大小为0,请返回0。function findminnumber(rotateArray) { ...原创 2019-07-29 17:44:13 · 74 阅读 · 0 评论 -
剑指offer JavaScript版 (5)
用两个栈实现队列题目描述用两个栈来实现一个队列,完成队列的Push和Pop操作。 队列中的元素为int类型。代码const inStack = []const outStack = []//123456//入栈【123456】先出6,先入1//入队【123456】先出1,后出6//用栈模拟队列,那么出队列相当于用入的栈一个一个出栈进入出的栈,function push(n...原创 2019-07-29 17:30:52 · 157 阅读 · 0 评论 -
剑指offer JavaScript版 (4)
重建二叉树题目描述输入某二叉树的前序遍历和中序遍历的结果,请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序列{4,7,2,1,5,3,8,6},则重建二叉树并返回。/* function TreeNode(x) { this.val = x; this.left = null; ...原创 2019-07-29 16:53:01 · 182 阅读 · 0 评论 -
剑指offer JavaScript版(3)
从头到尾打印链表题目描述输入一个链表,按链表值从尾到头的顺序返回一个ArrayList。代码function ListNode(x){ this.val = x; this.next = null;}function printListFromTailToHead(head){ // write code here var pnode=head;...原创 2019-07-29 16:23:40 · 172 阅读 · 0 评论 -
剑指offer JavaScript版 (26)
二叉搜索树与双向链表题目描述输入一棵二叉搜索树,将该二叉搜索树转换成一个排序的双向链表。要求不能创建任何新的结点,只能调整树中结点指针的指向。转换结点,并将pLast指针朝中序遍历(即排序方向)移动。function Convert(pRootOfTree){ // write code here if(pRootOfTree===null)return null...原创 2019-08-03 16:46:23 · 128 阅读 · 0 评论 -
剑指offer JavaScript版(12)
数值的整数次方题目描述给定一个double类型的浮点数base和int类型的整数exponent。求base的exponent次方。快速幂原理function Power(base, exponent){ // write code here let res=1; var n=exponent; if(exponent<0){ ...原创 2019-07-31 13:18:49 · 65 阅读 · 0 评论 -
剑指offer JavaScript版 (13)
调整数组顺序使奇数位于偶数前面题目描述输入一个整数数组,实现一个函数来调整该数组中数字的顺序,使得所有的奇数位于数组的前半部分,所有的偶数位于数组的后半部分,并保证奇数和奇数,偶数和偶数之间的相对位置不变。function reOrderArray(array){ // write code here var odd=[] var even=[] for...原创 2019-07-31 13:32:59 · 94 阅读 · 0 评论 -
剑指offer JavaScript版 (29)
最小的K个数题目描述输入n个整数,找出其中最小的K个数。基于快排思想的寻找第K大的数。快排每一趟可以将a[0]在数组中的位置找到,且其位置左侧均为小于a[0]的数,右侧均为大于a[0]的数所以只要找到第K大的数,其左侧则为最小的K个数。function GetLeastNumbers_Solution(input, k){ // write code here ...原创 2019-08-05 11:43:47 · 89 阅读 · 0 评论 -
剑指offer JavaScript版 (19)
顺时针打印矩阵题目描述输入一个矩阵,按照从外向里以顺时针的顺序依次打印出每一个数字,例如,如果输入如下4 X 4矩阵: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 则依次打印出数字1,2,3,4,8,12,16,15,14,13,9,5,6,7,11,10.tips:此处注意concat不改变原数组,结果需要保存起来本题用的使模拟魔方旋转矩阵// [...原创 2019-07-31 21:37:22 · 104 阅读 · 0 评论 -
剑指offer JavaScript版 (18)
二叉树的镜像题目描述操作给定的二叉树,将其变换为源二叉树的镜像。递归。。。function Mirror(root){ // write code here if(root===null)return; Mirror(root.left); Mirror(root.right); [root.left,root.right]=[root.rig...原创 2019-07-31 20:42:18 · 67 阅读 · 0 评论