- 博客(30)
- 收藏
- 关注
RSS订阅原创 Vue 过渡动画 基础
<transition></transition>transition标签是vue封装的组件，ps:1.想要页面也进入就有过渡动画，就在标签里加上 appear 属性2.标签只能放一个元素css过渡有6个类（没有给 transition 标签 添加 name 属性时，以 v- 为前缀，有name的话，替代 v 也用 name 来区分不同的标签） .v-enter .v-enter-to .v-enter-active .v-leave .v-leav
2021-04-21 20:42:46
106
原创 jQ 的尺寸、位置操作
尺寸位置操作1. offset() 设置或获取元素偏移offset()方法设置或返回被选元素相对于文档的偏移坐标，跟父级没有关系该方法有两个属性 left、top。offset().top 用于获取距离文档顶部的距离，offset().left 用于获取距离文档左侧的距离。可以设置元素的偏移： offset({top:30,left:30});2. position() 获取元素偏移position() 方法用于返回被选元素相对于带有定位的父级偏移坐标，如果父级都没有定位，则以文档
2020-11-13 00:31:07
213
原创 对象拷贝
如果想要把某个对象拷贝（合并）给另一个对象使用，此时可以使用$.extend()方法。$.extend([deep],target,object1,[objectN]);1. deep:如果设为 true 为深拷贝，默认为 false 浅拷贝。2. target:要拷贝的目标对象3. object1:待拷贝到第一个对象的对象4. objectN:待拷贝到第N个对象的对象5. 浅拷贝，是把被拷贝的对象 复杂数据类型中的地址 拷贝给目标对象，修改目标对象 会影响被拷贝对象。6. 深拷贝，前面.
2020-11-04 11:43:23
750
原创 自动触发事件
$("div").on("click",function(){ alert(11); })element.click();element.trigger(“click”);element.triggerHandler(“click”);只有最后一个跟前面两个不同， triggerHandler() 不会触发元素的默认行为。
2020-11-03 22:53:42
387
原创 事件处理 on() 绑定事件
on()方法在匹配元素上绑定一个或者多个事件处理函数element.on(events,[selector],fn);//发生多个事件的话： $("div").on({ mouseover:function(){ $(this).css("background","red"); }, click:function(){ $(this).css("background","blue"); ..
2020-11-03 21:12:39
1182
原创 jQ 创建添加删除操作
元素 创建 添加 删除 操作 --------- 话不多说 都在下面 <ul> <li>我是原先的li</li> </ul> <div class="test">我是原先的div</div>$(function(){ var li = $("<li>我是后来创建的li</li>"); （1）内部添加 $("ul")..
2020-11-02 14:56:43
186
原创 元素遍历 each() $.each()
each(function(index,domEle){})回调函数有两个参数，第一个是索引号，第二个是DOM对象。<div>1</div> <div>2</div> <div>3</div>var arr = ["blue","red","green"]; $(function(){ $("div").each(function(index,domEle){
2020-11-02 11:36:05
419
原创 insertAfter() 的脚本
js没有自行提供insertAfter这个函数，但提供一系列工具，可以让我们自己写一个这样的脚本。做个判断：（1）如果是目标元素是最后一个，就直接appendChild。（2）不是的话，就用insertBefore()，先找到目标元素的下一个兄弟元素，再插入这个兄弟元素的前面。function insertAfter(newElement,targetElement){ var parent = targetElement.parentNode; if(targetElement .
2020-11-01 16:06:31
167
原创 jQ内容文本值
html()text()val()<div> <span>我是内容</span></div><input type="tetx" value="请输入内容">html()获取设置元素内容$("div").html(); //没加参数 是获取 div里的元素内容$("div").html("123"); //加了 是改变 div 里的元素内容text()获取设置元素文本内容$("div").text.
2020-11-01 10:43:10
141
原创 jQ获取元素 的 属性
prop()element.prop(“属性名”) 获取元素固有属性$("a").prop("href");attr()element.attr(“属性名”) 获取元素自定义属性$("div").attr("index");data()数据缓存，这个里面的数据是存放在元素里的内存里面，并不会修改DOM元素结构。一旦页面刷新，之前存放的数据都将被移除。$("span").data("uname","andy");...
2020-11-01 09:27:52
1358
原创 window.onload
如果让这个函数在网页加载完毕之后立刻执行。网页加载完毕时会触发一个onload事件，这个事件与window对象相关联。那就得用到 window.onload = prepareGallery; //prepareGallery 是个函数假设我有两个函数：firstFunction和secondFunction。如果想让它们俩都在页面加载时得到执行，该怎么办？第一种： 常用的window.onload = function() {firstFunction();secondF.
2020-10-29 12:07:41
187
原创 jQuery 笔记
原生js写的定义的，是DOM对象，如 var oDiv = document.getElementById(‘div1’);jQuery 写的定义的，是jQuery对象 ，如 $(‘div’);注意： DOM对象不能做jQuery对象做的事，jQuery对象 不能做DOM对象做的事。所以想做对方做的事，就只能相互转换了。DOM对象转化jQuery对象操作：var oDiv = document.getElementById('div1'); //DOM对象$(oDiv).hide(); .
2020-10-27 23:27:28
95
原创 JS正则表达式
先讲讲一下字符串的操作search 查找 //找到返回位置substring 获取子字符串 //获取其中一段charAt 获取某个字符 split 分割字符串，获得数组replace 替换 //单独来讲没啥意义，配合正则比较牛逼，如敏感词的替换操作RegExp对象 （有两种风格）JS风格——new RegExp(“a”, “i”)perl风格——/a/i （用下面的多吧.
2020-10-22 15:03:15
127
原创 关于 JS 的继承
function A(){ this.abc = '111';}A.prototype.show = function(){ alert(this.abc);}function B(){ A.call(this); //这一步是继承了A的属性， /* .call()跟普通调用也没啥区别， 但A.call()里的第一个参数是改变A类里的this的值， 原本应该是window */}for(var i in A.prototype) { /*..
2020-10-20 21:56:33
109
原创 Ajax
ajax的用法function ajax(url, fnSucc, fnFaild){ //1.创建Ajax对象> 兼容了IE6，虽然IE6灭绝了> 这里只要展示if里的判断语句，用window.XMLHttpRequest是因为//用没有定义的变量——报错//用没有定义的属性——undefined if(window.XMLHttpRequest) { var oAjax=new XMLHttpRequest(); } else //这是兼容IE6 {.
2020-10-19 15:35:53
143
原创 自定义滚动条
这个其实跟拖拽也没啥差别，只是js中多加了一个 scale 的变量。#parent{ width: 600px; height: 20px; background: #ccc; margin: 10px auto; position: relative; } #div1{ width: 20px; height: 20px; background: red; position: absolute; } #div2{ width:
2020-10-15 08:57:33
176
原创 js拖拽——带框
拖拽大概原理都在这了，注释也写的很清楚。上面也不多说了 *{ margin: 0; padding: 0; } #div1{ width: 200px; height: 200px; background: red; position: absolute; } .box{ border: 1px dashed black; position: absolute; }<div id="div1"></div&g
2020-10-14 23:39:30
229
原创 js的完美运动框架
这算是比较完整的运动框架了，底下注释大部分都解释清楚了。为什么 startMove(obj,json,fnEnd) 这里用了json，是因为为了让obj，运动时，里面的样式都同时改变。后面的 fnEnd 函数，是指当对象运动完之后，让别的obj或者自身的obj再做相应的运动。如图：运动框架代码function getClass(obj,name){ //获取对象样式的值 if(obj.currentStyle) return obj.cur
2020-10-14 22:22:42
305
转载 C 库函数 - qsort()
C 库函数 - qsort() C 标准库 - <stdlib.h> C 标准库 - <stdlib.h>描述C 库函数 void qsort(void *base, size_t nitems, size_t size, int (*compar)(const void , const void)) 对数组进行排序。声明下面是 qsort() 函数的声明。voi...
2020-01-23 12:31:48
127
转载 电话狂人
#include <stdio.h>#include <stdlib.h>#include <string.h>char s[200000][12];int cmp(const void *a,const void *b){ return strcmp((char*)a,(char*)b)>0?1:-1;}int main(){ ...
2020-01-23 12:31:32
844
转载 打印杨辉三角 (20分)
7-8 打印杨辉三角 (20分)本题要求按照规定格式打印前N行杨辉三角。输入格式：输入在一行中给出N（1≤N≤10）。输出格式：以正三角形的格式输出前N行杨辉三角。每个数字占固定4位。输入样例：6输出样例：#include<stdio.h>int main(){ int a[11][11],N,i,j; scanf("%d",&N); a[0][...
2020-01-23 12:30:52
1668
转载 删除字符串中的子串(20分)
删除字符串中的子串 (20分)输入2个字符串S1和S2，要求删除字符串S1中出现的所有子串S2，即结果字符串中不能包含S2。#输入格式：输入在2行中分别给出不超过80个字符长度的、以回车结束的2个非空字符串，对应S1和S2。输出格式：在一行中输出删除字符串S1中出现的所有子串S2后的结果字符串。输入样例：Tomcat is a male ccatatcat输出样例：Tom is...
2020-01-23 12:30:24
415
原创 集合及其运算
#define MAXN 1000typedef int ElementType;typedef int SetName;typedef ElementType SetType[MAXN];/*集合元素查找*/SetName Find(SetType S,ElementType X){ //默认集合元素全部初始化为-1 for(;s[X]>=0;X=S[X]); retur...
2019-12-21 17:48:32
278
原创 哈夫曼树的构造（用最小堆建立，插入，删除）
typedef struct HTNode *HuffmanTree;struct HTNode{ int Weight; HuffmanTree Left; HuffmanTree Right;};HuffmanTree Huffman(MinHeap H){ int i,N; HuffmanTree T; BuildMinHeap(H); N=H->Size; ...
2019-12-21 17:29:27
492
原创 最大/小堆创建，插入，删除，建立
最大/小堆的声明typedef struct HNode *Heap;struct HNode{ ElementType *Data; int Size; //堆中当前元素的个数 int Capacity; //堆中的最大容量};typedef Heap MaxHeap;typedef Heap MinHeap;最大堆的创建#define MaxData 1000...
2019-12-21 16:57:27
150
原创 平衡二叉树（AVL）的插入
typedef struct AVLNode *Position;typedef Position AVLTree;struct AVLNode{ ElementType Data; AVLTree Left; AVLTree Right; int Height;}`int MaxHeight(int a,int b){ return a > b ? a : b ;}...
2019-12-21 11:47:10
151
1
原创 二叉搜索树查找，插入，删除
递归查找Position Find( BinTree BST,ElementType X){ if(!BST) return NULL; if(X>BST->Data) return Find( BST->Right, X); else if(X<BST->Data) return Find ( BST->Left, X); else ...
2019-12-21 10:02:11
95
原创 二叉树声明，遍历，创建
头文件#include<stdio.h>#include<stdlib.h>二叉树的声明typedef struct TNode *Position;typedef Position BinTree; //二叉树类型struct TNode{ //树结点定义 ElementType Data; //结点数据 BinTree Left; ...
2019-12-20 17:12:29
643
原创 求“厉害”数 (20分)
7-7 求“厉害”数 (20分)所谓“厉害”数，是指其各位数字的5次方等于该数本身。编程输出所有长度不超过n位的正整数中的“厉害”数。输入格式:一个整数n （1<=n<=6）输出格式:每行一个“厉害”数输入样例:4输出样例:141504151#include<stdio.h>#include<math.h>int main(){...
2019-12-15 11:46:53
4034
原创 奖项排名 (20分)
**7-5 奖项排名 (20分)第一届程序设计大赛采用PTA平台，参赛选手可以通过排名实时查看自己名次和成绩。该比赛奖项设置如下：一等奖、二等奖、三等奖、优秀奖个数分别为参赛人数的5%、10%、20%、30%，例如参赛人数为57，则一等奖、二等奖、三等奖、优秀奖获奖人数分别为2、5、11、17。比赛结束后，参赛选手想即时查看自己获得的奖项。请你通过编程重新显示排行榜，不但能够看到所有参赛...
2019-12-15 11:13:47
2447
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人