- 博客(38)
- 收藏
- 关注
RSS订阅原创 计算两个超过最大范围字符串的和
function bigNumber(num1,num2){ // 计算两个超过最大范围值的和 // 定义和，carry用来判定和是否为个位数和十位数，false为0，true为1 let result = '', carry = false; // 将字符串转换为数组 num1 = num1.split(""); num2 = num2.split(""); //用while循环，因为我们不能确定给出的数值要循环几次 ||或，一
2020-08-06 15:56:15
117
原创 ECharts
EChartsECharts是一个纯JavaScript图表库 ，底层依赖于轻量级的Canvas类，开源可视化库，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）丰富的可视化类型常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理可视化的地图、热力图、线图，用于关系数据可视化的关系图等等；还有自定义系列。使用方法1、在官网下...
2020-04-23 11:12:58
133
原创 vue框架一些注意事项（2）
图片缩略图插件 运行cnpmivue2-preview-S 安装插件 导入图片缩略图插件 import VuePreview from 'vue-preview'Vue.use(VuePreview); 在view视图层占位 <vue-preview :slides="thumb" @close="handleClick"></vue-p...
2019-06-27 23:14:38
153
原创 vue框架项目中的笔记和问题
vue.resource，vue中的请求数据 导入resource插件 方法（then函数里面有两个参数，一个成功的回调函数，一个失败的回调函数） 当请求方式为get时， this.$http.get('/api/getnew/:newid') .then(res=>{ if (res.body.status===0){//如果status请...
2019-06-26 19:26:46
86
原创 ajax原理
Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做, 只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。ajax的使用：1.创建Ajax核心对象XMLHttpRequest(记得考虑兼容性)2.向服务器发送请求3.服务器响...
2019-06-25 19:28:32
76
原创 vue框架-组件-路由基本用法
自定义全局组件 先定义组件，Vue.component（'组件名'，{组件模板对象}） 注意：如果组件是用来驼峰命名法，那么在使用时，应用-分割后小写 比如 myH1--------- <my-h1></my-h1> 组件名不要使用原生的标签名 配置组件的模板template 组件的模板有且只有一个根元素 template:'&l...
2019-06-20 19:27:12
255
原创 vue 中的watch监听使用方法
在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法:<inputtype="text"v-model="cityName"/>newVue({el:'#root',data:{cityName:'shanghai'},watch:{cityName(newN...
2019-06-19 19:16:11
482
原创 vue框架
vue框架运用vue框架，首先第一步需要导入包，再在HTML页面新建一个视图层，view层，定义一个id或class，最后在script里实例化vue构造函数，绑定视图层，编写业务逻辑，也就是我们的vm层，<!--视图层--><div id="bb"> <!-- 1，当遇到闪烁问题时，渲染时盒子一个v-cloak，设置样式display：n...
2019-06-13 21:48:24
94
原创 zepto
移动端常用的布局 流式布局，设置宽度百分比 伸缩盒布局（弹性布局）flex 响应式布局 媒体查询（在超小屏时，使用的也是流式布局） ------共同点：元素只能做宽度上的适配实现宽度和高度都能做到的（等比缩放）适配： 通过rem布局-----将页面中能用到px单位都转换为rem单位 计算rem的基准值：预设的基准值/设计稿宽度*当前设备的宽度les...
2019-05-22 21:35:48
92
原创 less
less/*注释：在css中可以使用*///注释：不支持/*变量：1，必须是以@前缀，有分号结尾 2，命名规则呵js变量的命名规则一样 区分大小写，字母数字下划线，不能以数字开头*/函数的混合---参数 定义了参数（没有默认值）：调用的时候必须传入参数 定义了参数（有默认值）：调用的时候可以不传入参数&:中间不留空格：找到子...
2019-05-21 22:38:25
185
原创 bootstrap标签页tab插件
两栏自适应(右侧固定，左侧随着页面大小自适应) .pro_right{ float: right; } .pro_left{ overflow: hidden;}<sub>%</sub>//百分号在下面展示<sup>%</sup>//百分号在下面展示标签页（tab） JavaScript插件，role-sr-aria...
2019-05-20 22:00:53
383
原创 移动web
流式布局1，流式布局： 使用百分比布局，是一个非固定的像素，内容向两侧填充，理解成流动的布局2，视觉窗口： viewport，移动端特有的，这是一个虚拟的区域，承载网页的 分三类：设备视口=页面视口，理想视口：一种理想的状态 承载的关系：浏览器------->viewport-------->网页3，适配要求： 1）网页的宽度必须和浏览器的宽度...
2019-05-15 22:28:42
280
原创 Canvas元素里的圆弧绘制
绘制弧度：绘制弧度的方法：arc(x,y,r,起始弧度，结束弧度，是否逆时针(默认false))绘制文本： 对象.font='字体' fillText(text,x,y,maxWidth) text 要绘制的文本 x,y 文本绘制的坐标（文本左下角） maxWidth 设置文本最大宽度，可选参数ctx.textAlign文本水平对齐方式...
2019-05-13 20:51:09
182
原创 非零环绕
非零环绕：非零环绕规则计数器：然后，将计数器初始化为0，每当这个线段与路径上的直线或曲线相交时，就改变计数器的值，如果是与路径顺时针相交时，那么计数器就加1， 如果是与路径逆时针相交时，那么计数器就减1.如果计数器始终不为0，那么此区域就在路径范围里面，在调用fill()方法时，浏览器就会对其进行填充。如果最终值是0，那么此区域就不在路径范围内，浏览器就不会对其进行填充。从上图中看...
2019-05-09 18:11:39
172
原创 Stellar插件
描述 视差滚动（Parallax Scrolling）指网页滚动过程中，多层次的元素进行不同程度的移动，视觉上形成立体运动效果的网页展示技术主要核心就是前景和背景以不同的速度移动，从而创造出3D效果。 这种效果可以给网站一个很好的补充。 特性 视差滚动效果酷炫，适合于个性展示的场合。 视差滚动徐徐展开，适合于娓娓道来，讲故事的场合。...
2019-05-07 19:14:30
382
原创 h5新特性
常用新标签 header：定义文档的页眉 头部 nav：定义导航链接的部分 footer：定义文档或节的页脚 底部 article：定义文章。 section：定义文档中的节（section、区段） aside：定义其所处内容之外的内容 侧边 datalist 标签定义选项列表。请与 input 元素配合使用该元素 例：<...
2019-05-06 19:20:42
107
原创 FullPage插件
插件功能介绍 基于 jQuery 的插件，它能够帮你很方便、很轻松的制作出全屏网站。 主要功能有： 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等 sectionsColor: 可以为每一个se...
2019-04-29 19:11:15
224
原创 css3+h5案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> span{ font-size: 100px; ...
2019-04-28 18:22:20
189
原创 CSS3+HTML5
CSS3 边框border-radius 圆角边框box-shadow （阴影水平偏移值，阴影垂直偏移值，对象的阴影模糊值，对象的阴影外延值） 阴影边框背景<' background-image '>：指定对象的背景图像。可以是真实图片路径或使用渐变创建的“背景图像”<' background-position '>：指定对象的背景图像位置。...
2019-04-25 19:04:41
189
原创 在jQuery中的ajax
在jquery中的get()方法： $.get() : 从服务器获取数据 get()语法: $.get(url, [data] , function(response , [status], [xhr]){ })在jquery中的get()方法： get()语法: $.get(url, [data] , function(response , [st...
2019-04-24 18:55:56
82
原创 ajax
ajax原理：通过XmlHttpRequest对象来向服务器发送异步请求的, 从而从服务器中获得数据, 然后用js来操作DOM而更新页面简单来说，就是后台与服务器交换数据, 这就能实现可以在不重新加载整个网页的情况下, 对网页的部分进行更新ajax的核心:就是js对象 XmlHttpRequest特点:异步加载, 局部刷新ajax应用:主要是用在浏览器与服务器之...
2019-04-23 19:03:04
67
原创 编写自己的jQuery插件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 100px; he...
2019-04-22 18:54:52
66
原创 jQuery
jQuery特殊属性操作js获取文本内容： 普通标签的文本内容：innerText textContent innerHTML 表单元素的文本内容：value jquery获取文本内容： 普通标签：text() html() 表单标签：val() val(): 获取值：对象.val() 设置值：对象.val("值")...
2019-04-17 18:28:59
236
原创 jqueryyang's
jQuery操作样式1.添加样式 addClass()2.删除样式 removeClass(）3.判断是否有样式 hasClass()4.切换类样式 toggleClass();jQuery属性操作attr(标签属性)------用法和css(样式属性)一样 设置单个属性 attr("属...
2019-04-16 18:58:58
58
原创 jquery入门，选择器
js与jQuery的入口函数window.onload = function () { console.log("js的入口函数"); }; $(document).ready(function () { console.log("jquery的入口函数之一"); }); $(function () { conso...
2019-04-15 18:25:29
62
原创 正则表达式
浅拷贝： 拷贝就是复制，就相当于把一个对象中所有的内容，直接复制一份，或者是将这个对象的地址给另一个对象，他们的指向是相同，两个对象之间有共同的属性和方法深拷贝： 拷贝还是复制的意思，深，把对象中所有的属性和方法，一个一个的找到，并且在另一个对象中开辟相应的空间，一个一个的存储到另一个对象中正则表达式： 也叫规则表达式，按照一定的规矩组成一个表达式，这个表...
2019-04-14 18:32:38
66
原创 高阶函数
apply和call方法 apply方法： 函数名.apply(对象，[参数1，参数2...]); 方法名字.apply(对象,[参数1，参数2...]); call方法： 函数名.call(对象，参数1，参数2...); 方法名字.call(对象，参数1，参数2...); 作用:改变this指向...
2019-04-11 18:33:45
61
原创 js高级-原型，原型对象
首先，我们需要知道什么样的数据写在原型中，需要共享的就写在原型中, 不需要则写在构造函数中使用原型对象能达到数据共享, 节省空间在js中，原型，原型对象和构造函数的关系很密切在构造函数中，构造函数有自己的属性和方法，其中就有两个特殊的存在，就是prototype，constructor，function Person(name){ this.name=name;}Pe...
2019-04-10 18:24:51
121
原创 关于移动元素的封装函数
移动任意的元素到任意的位置,封装函数function animate(element,target){ var timeId= setInterval(function(){ var current=element.offsetLeft; var step=9; //判断左右走 ...
2019-04-03 19:15:43
102
原创 初始封装函数（轮播图）
常用事件： onclick：点击元素时触发 onmouseover：鼠标移入元素时触发 onmouseout：鼠标移出元素时触发 onkeyup：键盘抬起时触发 onkeydown：键盘按下时触发 onmouseup：鼠标抬起时触发 onmousedown：鼠标按下时触发 onfocus：获取焦点...
2019-04-02 18:33:17
182
原创 BOM对象
BOM的概念BOM全称Browser object model顶级对象：window=======页面中所有的内容都属于windowwindow.属性/ window.方法------一般可以省略window不写对话框：alert() 弹框<script>//直接用alert("你好")</script>页面中的弹框，这种情况，一般 ...
2019-04-01 19:02:11
92
原创 API创建元素的三种方法
第一种：document.write()document.write('新设置的内容<p>标签也可以生成</p>');<input type="button" value="第一种方式创建" id="btn"><div id="dv"></div><script> my$("btn")....
2019-03-31 20:30:53
163
原创 DOM获取元素的一些方法
getElementById("id名"); 根据id获取元素，返回一个元素对象<a href="images/5.jpg" id="ak"> <img src="images/5-small.jpg" alt=""></a><img src="" alt="" id="imgs"><script>...
2019-03-27 19:10:35
158
原创 初始DOM
DOM的概念一套操作页面元素的APIDOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作DOM树文档对象：整个HTML就是一个文档对象元素：html的标签 ，也是一个对象节点：网页中的所有内容都是节点，（标签、属性、文本、注释等）案例1：点击按钮显示图片事件三要素事件源 事件类型 响应（function事件处理函数）//在...
2019-03-26 19:13:29
141
原创 Array对象
Array对象：创建数组有两种方式字面量 new Array()//通过字面量创建数组var arr = ['1','2','4'];创建了一个数组，里面存放了1，2，4//通过构造函数创建数组对象var arr = new Array()//创建了一个空的数组var arr = new Array('1','2','4');//创建了一个数组，里面存放了1，2，4检...
2019-03-25 19:24:57
63
原创 js的Date对象方法详解
Date对象Date实列创建出来是为处理日期和时间的，Date 对象时基于1970年1月1日（世界标准时间）起的毫秒数。var date = new Date();//创建名为date的构造函数console.log(date);//获取当前时间console.log(date.valueof());//获取从1970年1月1日（世界标准时间）到目前为止的毫秒数显示结果为下图 所...
2019-03-23 09:31:06
177
原创 js的函数
函数函数的声明：第一种声明方式：function 函数名（）{ 函数体}另一种表达方式：var 函数名=function(){ 函数体}调用函数两种方式都可以使用，不过还是有一定的区别，当出现如下情况时例1：f1();//调用函数function f1(){ console.log("hhhh"); }/...
2019-03-19 19:22:43
122
原创 js的数组
数组的概念所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我//创建一个空数组var arr1=[];//创建一个数组var arr1=[1,23,5,6];//可以是字符串var arr1=['a','b','t'];们就称之为数组。获取数组元素数组的取值 格式为： 数组名[下标]var arr=[3,6,10];ar...
2019-03-18 19:07:17
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人