- 博客(34)
- 收藏
- 关注
RSS订阅原创 Ajax的学习
Ajax 简介ajax就是异步的 js 和 XMLajax可以无刷新获取数据因为是局部刷新，从服务器请求，爬虫爬不到HTTP协议就是一种
2021-02-05 11:05:38
84
原创 程序的错误为什么叫bug
程序趣事因为刚开始是用机器语言编程，在纸带上面打孔，有空的为 0 ，没有空的地方为 1 ，如果有一个小虫子（bug ）掉在上面，会导致纸带机读取出现错误，这个说法被一直沿用至今。
2021-02-04 17:07:05
449
原创 2.VUEX的基本使用
VUEX的基本使用1.安装和导入2.创建store对象3.挂在到vue实例中4.State5.Mutation6.Action7.Getter1.安装和导入安装 ：npm install vuex --save导入 ：import Vuex from 'vuex' Vue.use(Vuex)2.创建store对象var store=new Vuex.Store({ state:{msg:"这是一个数据"}}) 3.挂在到vue实例中和router平级添加一个store4.S
2021-02-04 14:59:07
118
原创 1.VUEX概述
VUEX概述欢迎来到vuex的学习1.我们先来回顾一下组件之间共享数据的方式2.Vuex是什么3.使用Vuex统一管理状态的好处4.什么样的数据适合存储到Vuex中欢迎来到vuex的学习你好！ 这是新人自己写的一个关于vuex的学习，为了帮助更多的人学习，也是为了让自己更好的复习。1.我们先来回顾一下组件之间共享数据的方式父向子传值 ：v-bind属性绑定；子向父传值 ：v-on事件绑定；兄弟组件之间传值 ：EventBus；2.Vuex是什么vuex是实现组件全局状态(数据)管理的一直
2021-02-04 09:48:49
207
原创 VUE路由
路由：相当于定位，让你可以跳转到你需要的页面，通过不同的路径来访问不同的组件，页面路由导航守卫：全局前置守卫：router.beforeEach((to, from, next) => { // to: Route: 即将要进入的目标 路由对象 //from: Route: 当前导航正要离开的路由 //next： 一定要调用该方法来 resolve 这个钩子。执行效果依赖...
2020-04-03 16:40:52
77
原创 VUE动画
条件渲染 (使用 v-if)：组件卸载，检查不到条件展示 (使用 v-show)：组件不会卸载，可以检查到动画自定义的类名：（优先级高于普通的类名）enter-classenter-active-class 控制动画的进入enter-to-classleave-classleave-active-class 控制动画的离开leave-to-classjs中的狗子函数，使用...
2020-04-03 16:21:40
220
原创 VUE中的插槽
用一个模板接受<template></template>不具名插槽<slot></slot><template></template>具名插槽，拥有一个特殊属性 name：<slot name="header"></slot><template slot="header">...
2020-04-03 15:43:20
1126
原创 VUE 1
1.给元素绑定变量：{{变量名称}}2.元素文本值(v-text)：v-text="变量名"3.元素的html内容，解析里面的标签(v-html)：v-html="变量名"4.绑定属性(v-bind:属性名=“变量”)：v-bind:title="我是一个按钮"v-bind:class="类名称"简写：省略v-band5.循环渲染 v-foritem 当前的遍历值i...
2020-03-26 14:53:12
102
原创 ES6 （2）
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>章鱼先生</title></head><body><script> /* * 数组的扩展 * */ ...
2020-03-12 19:01:22
80
原创 ES6
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>章鱼先生</title></head><body><script> /* * 语法 var 声明变量 ...
2020-03-12 18:58:58
74
原创 淡入淡出
// fadeIn 淡入(隐藏)// fadeOut 淡出(出现)// fadeToggle 切换// fadeTo 透明度动画//var num=0;$(".btn").click(function(){//num++;//if(num%2==0){// $(".block").fadeIn(function(){})//}else/...
2020-02-20 20:34:48
66
原创 滑动效果 jQuery 动画
// slideDown 显示出来// slideUp 收起来// slideToggle 收起来，显示切换//var num=0;$(".btn").click(function(){//num++;//if(num%2==0){// $(".block").slideDown(2000,function(){})//}else//{// ...
2020-02-20 20:33:30
108
原创 显示隐藏 jQuery 动画
// show 显示// hide 隐藏// toggle 显示隐藏切换//var num=0;$(".btn").click(function(){//num++;//if(num%2==0){// $(".block").show(function(){})//}else//{// $(".block").hide(function(...
2020-02-20 20:32:40
70
原创 自定义动画，stop delay
// animate// stop 停止当前动画// delay 延迟动画$(function(){$(".btn").click(function(){$(".block").delay(20).animate({marginLeft: 300},2000).animate({marginTop: 300},2000).animate({marginLef...
2020-02-20 20:30:31
95
原创 jQuery 查找
// children 获取子元素console.log(("ul").children());console.log(("ul").children()); console.log(("ul").children());console.log((“ul”).children(".box")); // find 查找 console.log($("ul")...
2020-02-17 19:14:02
140
原创 jQuery 串联
// addconsole.log($(".box").add(“爱情”)); // contents 获取当前元素的所有节点 console.log($("li").contents()); console.log($("ul").contents()); // end 返回上一次破坏性修改之前 console.log($("ul").fi...
2020-02-17 19:12:38
253
原创 jQuery 过滤
// eq 获取元素里面的其中一个 根据索引获取console.log($(“li”).eq(2)); // first() 获取匹配元素里面第一个 console.log($("li").first()); // last() 获取匹配元素里面最后一个 //hasclass() 判断所选元素里面是否有具有这个class类名称的元...
2020-02-17 19:09:28
67
原创 nth-child() nth-of-type() 详解
nth-child()：指定父元素下面的第几个元素，不受前面的条件限制，即：ul>li:nth-child(2),匹配出来的是 ul 下的第二个元素，并不是第二个 li 。nth-of-type()：按类获取父元素下面的第几个元素，受前面控制，即 **ul>li:nth-of-type(2) **，匹配出来的是 ul 下的第二个 li 元素。...
2020-02-14 10:18:50
275
原创 first-child first-of-type 详解
first-child： 选择指定父元素里面的第一个子元素，比如下面的代码：ul>li:first-child<ul> <li id="1"></li> <li id="2"></li></ul><ul> <li id="3"></li> <li id="...
2020-02-14 09:54:54
270
原创 不知所云
原位反转：转换内容：<input type="text"/><button onclick="fanzhuan()">转换</button><br/>转换结果：<span></span><script> function fanzhuan(){ var wenzi=document...
2020-01-08 13:50:43
59
原创 大杂烩
驼峰转换var str="xida adad ada bgfb"; function tuofeng(zifu){ var arr=str.split(" "); var arry=arr.map(function(zhi,index){ return zhi.charAt(0).toUpperCase()+zhi.slice(1,...
2020-01-02 18:25:41
130
原创 快速排序
原理：通过一趟排序将要排序的数据分割成独立的两部分，其中一部分的所有数据都比另外一部分的所有数据都要小，然后再按此方法对这两部分数据分别进行快速排序，整个排序过程可以递归，以此达到整个数据变成有序序列。 var arr=[9,8,7,6,5,4]; console.log(quick(arr)); function quick(num){ if (num.leng...
2019-12-26 18:00:31
68
原创 选择排序（打擂台法）
原理：通过比较首先选出最小的数放在第一个位置上，然后在其余的数中选择次小数放在第二个位置，以此类推，直到所有的数成为有序数列。var arr=[9,8,7,6,5,4]; for(var i=0;i<arr.length-1;i++){//循环轮数 for(var j=i+1;j<arr.length;j++){每一轮需要比较的次数 i...
2019-12-26 16:09:24
2988
原创 冒泡排序
原理：前后两个数两两比较，如果符合交换条件，交换位置，直到所有数据排序完成，结束比较。var arr=[9,8,7,6,5,4]; for(var i=0;i<arr,length-1;i++){//比较的轮数 for(var j=0;j< length-1-i;j++){//每一轮比较的次数 if(arr[j]>arr[j+1]...
2019-12-26 15:40:02
87
原创 烦人闭包
概念：闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。（用一种特殊方法，让函数作用域内部的变量能够被外部访问）闭包与作用域有关：1.全局作用域2.函数作用域（局部作用域）GC机制(js中的一个机制)：垃圾自动回收处理机制将函数内...
2019-12-19 14:03:35
66
原创 javascript
输出：alert() 弹框输出confirm() 带确定取消按钮的弹框document.write() 在文档流中输出document.getElementById.innerHTML修改页面中的html元素console.log() 在调试平台中输出输入：1、prompt("提示信息",默认值)；弹框输入2、页面表单元素输入值；innerHTML提取声明变量var x=...
2019-12-05 18:12:27
56
原创 移动端开发注意事项
在智能手机横行的时代，作为一个web前端，不会编写移动web界面，的确是件悲催的事情。当公司准备做一个微信的微网站时，作为一个多年经验的web前端码农，我迷茫了，真心不知道从何下手。接下来就是搜一堆教程，然后开始编写代码，三天后，我的第一个移动端web页面编写完成。回头想想，移动端的web页面代码编写远没有我想的那样复杂（可能是我做的这个项目比较简单的缘故）。但是就入门来说，其实是蛮简单的，我...
2019-11-28 17:46:49
135
原创 C3的部分应用
headernavsectionaritclefooterasidevideo:ogg webm mp4audio:mp3 ogg wav属性：width height src controls autoplay loop poster 表单text password textarea checkbox radio file select butto...
2019-11-21 17:23:57
95
原创 H5的初学
H5标签：headernavsectionasidefooterarticle视频 音频video ：ogg webm mp4audio :mp3 wav oggcontrols控件 width宽 height 高 autoplay自动播放 loop 循环 poster 静态显示页面图片autobuffer 缓冲 src 视频路径< video ...
2019-11-14 12:16:19
101
原创 京东的制作
溢出省略号：overflow:hidden;text-overflow:eclipse;white-space:nowarp;::before /::after {content:"";}linear-gradient(270deg,red,yellow,green,pink) 线性渐变
2019-11-07 19:17:52
118
原创 css的集合应用
本节课主要的内容是把前面学的CSS融会贯通，新的知识没有讲多少，主要的是布局的练习以及网页的制作，各种样式的应用以及部分的嵌套。overflow:hidden; 溢出隐藏:first-of-type 第一个同类型对象:nth-of-type(n) 第n个同类型对象 n=数字 odd（奇数行） even（偶数行）input{outline:none;} 去外...
2019-10-31 18:43:18
52
原创 css样式
1.行内样式表 <any style="样式名：样式值;"></any>2.页面内样式 <head> <style> 标签名{ 样式名：样式值； } </style>3、外部样式表 <head&...
2019-10-24 22:52:10
61
原创 html基础（第一节课）
html的部分应用<h1 align="center">标题</h1><!--标题标签总共有6个，1的标题最大,里面附属内容可以放置标题位置，现所加为居中 2--><h4>标题</h4><p>这是个段落</p><!--标签作用为标签内的内容为单独一段 ...
2019-10-15 17:10:37
230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人