- 博客(34)
- 收藏
- 关注
RSS订阅原创 Ajax的学习
Ajax 简介 ajax就是异步的 js 和 XML ajax可以无刷新获取数据 因为是局部刷新，从服务器请求，爬虫爬不到 HTTP协议 就是一种
2021-02-05 11:05:38
233
原创 程序的错误为什么叫bug
程序趣事 因为刚开始是用机器语言编程，在纸带上面打孔，有空的为 0 ，没有空的地方为 1 ，如果有一个小虫子（bug ）掉在上面，会导致纸带机读取出现错误，这个说法被一直沿用至今。
2021-02-04 17:07:05
651
原创 2.VUEX的基本使用
VUEX的基本使用1.安装和导入2.创建store对象3.挂在到vue实例中4.State5.Mutation6.Action7.Getter 1.安装和导入 安装 ：npm install vuex --save 导入 ：import Vuex from 'vuex' Vue.use(Vuex) 2.创建store对象 var store=new Vuex.Store({ state:{msg:"这是一个数据"} }) 3.挂在到vue实例中 和router平级添加一个store 4.S
2021-02-04 14:59:07
299
原创 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
292
原创 VUE路由
路由： 相当于定位，让你可以跳转到你需要的页面，通过不同的路径来访问不同的组件，页面 路由导航守卫： 全局前置守卫： router.beforeEach((to, from, next) => { // to: Route: 即将要进入的目标 路由对象 //from: Route: 当前导航正要离开的路由 //next： 一定要调用该方法来 resolve 这个钩子。执行效果依赖...
2020-04-03 16:40:52
146
原创 VUE动画
条件渲染 (使用 v-if)： 组件卸载，检查不到 条件展示 (使用 v-show)： 组件不会卸载，可以检查到 动画自定义的类名：（优先级高于普通的类名） enter-class enter-active-class 控制动画的进入 enter-to-class leave-class leave-active-class 控制动画的离开 leave-to-class js中的狗子函数，使用...
2020-04-03 16:21:40
307
原创 VUE中的插槽
用一个模板接受 <template></template> 不具名插槽 <slot></slot> <template></template> 具名插槽，拥有一个特殊属性 name： <slot name="header"></slot> <template slot="header">...
2020-04-03 15:43:20
1370
原创 VUE 1
1.给元素绑定变量： {{变量名称}} 2.元素文本值(v-text)： v-text="变量名" 3.元素的html内容，解析里面的标签(v-html)： v-html="变量名" 4.绑定属性(v-bind:属性名=“变量”)： v-bind:title="我是一个按钮" v-bind:class="类名称" 简写：省略v-band 5.循环渲染 v-for item 当前的遍历值 i...
2020-03-26 14:53:12
162
原创 ES6 （2）
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>章鱼先生</title> </head> <body> <script> /* * 数组的扩展 * */ ...
2020-03-12 19:01:22
161
原创 ES6
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>章鱼先生</title> </head> <body> <script> /* * 语法 var 声明变量 ...
2020-03-12 18:58:58
157
原创 淡入淡出
// 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
114
原创 滑动效果 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
194
原创 显示隐藏 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
156
原创 自定义动画，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
164
原创 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
281
原创 jQuery 串联
// add console.log($(".box").add(“爱情”)); // contents 获取当前元素的所有节点 console.log($("li").contents()); console.log($("ul").contents()); // end 返回上一次破坏性修改之前 console.log($("ul").fi...
2020-02-17 19:12:38
346
原创 jQuery 过滤
// eq 获取元素里面的其中一个 根据索引获取 console.log($(“li”).eq(2)); // first() 获取匹配元素里面第一个 console.log($("li").first()); // last() 获取匹配元素里面最后一个 //hasclass() 判断所选元素里面是否有具有这个class类名称的元...
2020-02-17 19:09:28
148
原创 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
408
原创 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
405
原创 不知所云
原位反转： 转换内容：<input type="text"/> <button onclick="fanzhuan()">转换</button> <br/> 转换结果：<span></span> <script> function fanzhuan(){ var wenzi=document...
2020-01-08 13:50:43
120
原创 大杂烩
驼峰转换 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
238
原创 快速排序
原理：通过一趟排序将要排序的数据分割成独立的两部分，其中一部分的所有数据都比另外一部分的所有数据都要小，然后再按此方法对这两部分数据分别进行快速排序，整个排序过程可以递归，以此达到整个数据变成有序序列。 var arr=[9,8,7,6,5,4]; console.log(quick(arr)); function quick(num){ if (num.leng...
2019-12-26 18:00:31
136
原创 选择排序（打擂台法）
原理：通过比较首先选出最小的数放在第一个位置上，然后在其余的数中选择次小数放在第二个位置，以此类推，直到所有的数成为有序数列。 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
3212
原创 冒泡排序
原理：前后两个数两两比较，如果符合交换条件，交换位置，直到所有数据排序完成，结束比较。 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
145
原创 烦人闭包
概念： 闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。（用一种特殊方法，让函数作用域内部的变量能够被外部访问） 闭包与作用域有关： 1.全局作用域 2.函数作用域（局部作用域） GC机制(js中的一个机制)：垃圾自动回收处理机制 将函数内...
2019-12-19 14:03:35
122
原创 javascript
输出： alert() 弹框输出 confirm() 带确定取消按钮的弹框 document.write() 在文档流中输出 document.getElementById.innerHTML修改页面中的html元素 console.log() 在调试平台中输出 输入： 1、prompt("提示信息",默认值)；弹框输入 2、页面表单元素输入值；innerHTML提取 声明变量 var x=...
2019-12-05 18:12:27
121
原创 移动端开发注意事项
在智能手机横行的时代，作为一个web前端，不会编写移动web界面，的确是件悲催的事情。当公司准备做一个微信的微网站时，作为一个多年经验的web前端码农，我迷茫了，真心不知道从何下手。 接下来就是搜一堆教程，然后开始编写代码，三天后，我的第一个移动端web页面编写完成。 回头想想，移动端的web页面代码编写远没有我想的那样复杂（可能是我做的这个项目比较简单的缘故）。但是就入门来说，其实是蛮简单的，我...
2019-11-28 17:46:49
234
原创 C3的部分应用
header nav section aritcle footer aside video:ogg webm mp4 audio:mp3 ogg wav 属性： width height src controls autoplay loop poster 表单 text password textarea checkbox radio file select butto...
2019-11-21 17:23:57
187
原创 H5的初学
H5标签： header nav section aside footer article 视频 音频 video ：ogg webm mp4 audio :mp3 wav ogg controls控件 width宽 height 高 autoplay自动播放 loop 循环 poster 静态显示页面图片 autobuffer 缓冲 src 视频路径 < video ...
2019-11-14 12:16:19
182
原创 京东的制作
溢出省略号： overflow:hidden; text-overflow:eclipse; white-space:nowarp; ::before /::after { content:"";} linear-gradient(270deg,red,yellow,green,pink) 线性渐变
2019-11-07 19:17:52
205
原创 css的集合应用
本节课主要的内容是把前面学的CSS融会贯通，新的知识没有讲多少，主要的是布局的练习以及网页的制作，各种样式的应用以及部分的嵌套。 overflow:hidden; 溢出隐藏 :first-of-type 第一个同类型对象 :nth-of-type(n) 第n个同类型对象 n=数字 odd（奇数行） even（偶数行） input{ outline:none;} 去外...
2019-10-31 18:43:18
104
原创 css样式
1.行内样式表 <any style="样式名：样式值;"></any> 2.页面内样式 <head> <style> 标签名{ 样式名：样式值； } </style> 3、外部样式表 <head&...
2019-10-24 22:52:10
125
原创 html基础（第一节课）
html的部分应用 <h1 align="center">标题</h1><!--标题标签总共有6个，1的标题最大,里面附属内容可以放置标题位置，现所加为居中 2--> <h4>标题</h4> <p>这是个段落</p><!--标签作用为标签内的内容为单独一段 ...
2019-10-15 17:10:37
289
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人