自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(54)
  • 收藏
  • 关注

原创 背景平铺&两栏自适应(占满剩余高度)&fastclick、IScroll&双飞翼布局

文章目录背景平铺两栏自适应(占满剩余高度)需求实现fastclick插件的使用IScroll插件的使用(实现区域滚动效果)条件双飞翼布局(两边固定宽度,中间自适应)条件实现背景平铺/*可应用于精灵图*//*让背景从内容开始平铺*/-webkit-background-origin: content-box;background-origin: content-box;/*没有做背景裁剪 背景图片就是默认从边框显示*//*border-box 边框之外被裁减掉padding-box

2021-01-19 14:28:04 276

原创 web移动端touch&手势&轮播图

文章目录触摸事件touch绑定事件事件对象clientX、pageX、screenX的区别移动端的手势事件(swipe,swipeLeft,swipeRight,swipeUp,swipeDown)轮播图需求分析准备工作自动无缝轮播touchstart(起始点startX)touchmove(计算位移distanceX—>imageBox移动距离-index*width+distanceX)touchend(比较手指滑动距离Math.abs(distanceX)和width/3—>做吸附|切换)

2021-01-08 18:03:43 603 2

原创 Canvas绘制曲线&圆弧&扇形&饼状图&绘制图片&帧动画&canvas的转换

文章目录绘制曲线绘制四分之一的圆弧绘制四分之一扇形绘制一个圆等分成num份根据数据的饼图绘制在画布中心的一段文字(下划线)绘制饼状图绘制图片帧动画canvas的转换绘制曲线 /* * 1、体验曲线的绘制 * 2、线是由点构成的 * 3、曲线可以由数学公式得来 * * 公式:y=x/2 * 公式:y=(x+2)^2 * 公式:y=sin(x) * */ for(var i=0;i<600;i++){ va

2020-11-17 22:25:45 1006

原创 Canvas非零环绕填充&和线相关的属性和方法&虚线、渐变色矩形、折线图

文章目录绘制平行线在填充时遵循非零环绕规则和线相关的属性和方法绘制虚线绘制一个渐变色矩形绘制折线图/*ctx.moveTo(100,100);ctx.lineTo(200,100);ctx.stroke();ctx.strokeStyle="blueviolet";ctx.lineWidth=10;ctx.beginPath();ctx.closeParh();ctx.fill();ctx.fillStyle="lightskyblue";ctx.lineCap="round";ct

2020-11-13 16:29:31 304

原创 jQuery添加节点&清空&克隆&属性、class操作&宽高&Scroll&表格全选案例

文章目录添加节点的几种方式清除内容empty&remove克隆节点clone属性操作(attr,prop)宽高scrollTop和scrollLeftclass操作表格全选案例添加节点的几种方式1、append() 父元素.append(子元素)–>作为最后一个元素添加<script> // 1、append() 父元素.append(子元素)-->作为最后一个元素添加 $('#append').click(function () {

2020-11-11 11:48:17 459

原创 jQuery选择器&获取和设置样式&手风琴

文章目录原生js的缺点如何使用jQueryjQuery的入口函数$函数dom对象和jQuery对象获取和设置文本——text()获取文本设置文本内容获取和设置div样式jQuery基本选择器层级选择器过滤器筛选选择器手风琴案例原生js的缺点不能添加多个入口函数(window.onload),如果添加了多个,后面的会把前面的覆盖掉原生js的api名字太长太难记原生js有时候代码冗余原生js中有些属性或者方法,有浏览器兼容问题原生js容错率比较低,前面的代码出了问题,后面的代码执行不了如何使用

2020-11-02 10:25:14 585 2

原创 线段树-建树、修改、查询

线段树(Segment Tree)文章目录线段树(Segment Tree)一、创建线段树二、修改arr[]元素,更新tree[]元素值三、求区间和四、时间复杂度降为O(logn)五、完整代码一、创建线段树//创建线段树 void buildtree(int arr[],int tree[],int node,int start,int end){ //递归到树的叶子结点、结点值为单个数组元素 if(start==end) //修改tree数组结点值 tree[node]=a

2020-07-24 00:00:57 263

原创 剑指Offer-顺时针打印矩阵

剑指 Offer 29. 顺时针打印矩阵输入一个矩阵,按照从外向里以顺时针的顺序依次打印出每一个数字。示例 1:输入:matrix = [[1,2,3],[4,5,6],[7,8,9]]输出:[1,2,3,6,9,8,7,4,5]示例 2:输入:matrix = [[1,2,3,4],[5,6,7,8],[9,10,11,12]]输出:[1,2,3,4,8,12,11,10,9,5,6,7]限制:0 <= matrix.length <= 1000 <= matr

2020-07-09 00:52:59 212

原创 剑指Offer-树的子结构&二叉树的镜像&对称的二叉树

文章目录[剑指 Offer 26. 树的子结构](https://leetcode-cn.com/problems/shu-de-zi-jie-gou-lcof/)[剑指 Offer 27. 二叉树的镜像](https://leetcode-cn.com/problems/er-cha-shu-de-jing-xiang-lcof/)[剑指 Offer 28. 对称的二叉树](https://leetcode-cn.com/problems/dui-cheng-de-er-cha-shu-lcof/)剑指

2020-07-09 00:50:23 182

原创 day5-树状数组+二分-谜一样的牛

谜一样的牛有n头奶牛,已知它们的身高为 1~n 且各不相同,但不知道每头奶牛的具体身高。现在这n头奶牛站成一列,已知第i头牛前面有Ai头牛比它低,求每头奶牛的身高。输入格式第1行:输入整数n。第2…n行:每行输入一个整数Ai,第i行表示第i头牛前面有Ai头牛比它低。(注意:因为第1头牛前面没有牛,所以并没有将它列出)输出格式输出包含n行,每行输出一个整数表示牛的身高。第i行输出第i头牛的身高。数据范围1≤n≤105输入样例:51210输出样例:24531#

2020-06-12 18:27:15 357

原创 day4-并查集--银河英雄传说

银河英雄传说有一个划分为N列的星际战场,各列依次编号为1,2,…,N。有N艘战舰,也依次编号为1,2,…,N,其中第i号战舰处于第i列。有T条指令,每条指令格式为以下两种之一:1、M i j,表示让第i号战舰所在列的全部战舰保持原有顺序,接在第j号战舰所在列的尾部。2、C i j,表示询问第i号战舰与第j号战舰当前是否处于同一列中,如果在同一列中,它们之间间隔了多少艘战舰。现在需要你编写一个程序,处理一系列的指令。输入格式第一行包含整数T,表示共有T条指令。接下来T行,每行一个指令,指令有

2020-06-12 18:26:26 207

原创 day3-并查集-朋友圈、格子游戏

并查集并查集是一种树型的数据结构,用于处理一些不相交集合的合并、查询问题。常用于判断图中是否存在环。合并集合因此主要就是查找根结点和合并集合的过程//找父结点int find_root(int x,int parent[]){ int root=x; while(parent[root]!=-1){ root=parent[root]; } return root;}//递归int find_root(int x,int parent[]){ if(paren

2020-06-08 20:16:39 286

原创 day2-替换空格、重建二叉树、矩阵路径

面试题05. 替换空格难度简单20请实现一个函数,把字符串 s 中的每个空格替换成"%20"。示例 1:输入:s = "We are happy."输出:"We%20are%20happy."限制:0 <= s 的长度 <= 10000char* replaceSpace(char* s){ char *p=(char*)malloc(3*(strlen(s)+1)*sizeof(char)); char *ts=s,*tp=p; while(*ts!

2020-06-07 09:54:33 449

原创 day1-树状数组

树状数组树状数组是一个查询和修改复杂度都为O(logn)的数据结构,主要解决动态数组前缀和、区间和。前缀和、修改数组元素a1,a2,a3…an询问a1+a2+a3+…+am修改ai(1<=i<=n)暴力:复杂度O(n^2)树状数组:d[6]=a5+a6;​ 110 2^1​ d[8]=a1+…+a8;​ 1000 2^3如下图,若要求14位置的前缀和,仅需要计算d[14]+d[12]+d[8],每次查询不超过logn个位置。单次查询复杂度为O

2020-06-07 09:49:37 308 1

空空如也

空空如也

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

TA关注的人

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