- 博客(16)
- 收藏
- 关注

原创 自动轮播图源代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> li, ul { list-style: none; } * { marg...
2019-08-31 15:15:19
10333
2
原创 2021-06-30
js判断数据类型 typeof typeof 'a' "string" typeof 1 "number" typeof {} "object" typeof [] "object" typeof false "boolean" typeof function(){} "function" typeof null "object" typeof none "undefined" typeof undefined "undefined" instanceof:的作用就是检测构造函数的 prototyp
2021-06-30 15:32:40
96
原创 自定义指令,插槽
自定义指令 常见的指令如 v-text v-model都是vue封装好的语法糖 我们也可以封装自己的指令(用于对dom执行某些操作) 封装自己的指令是通过directives来执行的 指令的主要作用就是可以操作dom 常用指令钩子函数 bind: 只调用一次,指令第一次绑定到元素时调用(这个时候还没插入dom)。在这里可以进行一次性的初始化设置。(不可以执行input的focus 因为指令绑定到...
2019-10-14 21:12:10
1010
原创 生命周期与组件
vue 生命周期 生命周期定义 从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期(生命周期钩子)! 生命周期钩子 生命周期钩子就是生命周期事件的别名;常用两个 created mounted 带before的钩子都没啥用 created mounted用作获取数据 生命周期函数分类 创建期间的生命周期函数: beforeCreate:实例刚在内存中被创建...
2019-10-14 21:10:51
221
原创 vue基础-2
vue v-model Vue的核心特性之一是双向绑定,vue的响应式原理是实现了数据->视图,接下来我们要学习 视图->数据的原理。v-model 用法: v-model指令用来在input、select、textarea、checkbox、radio等表单控件或者组件上创建双向绑定。 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方...
2019-09-30 17:05:18
142
原创 vue基础
vue vue入门 vue简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用 vue引入 开发版本 包含完整的警告...
2019-09-29 21:32:53
146
原创 es6基础
es6入门 es6 简介 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 let和const ES6 新增了let/const命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效...
2019-09-28 14:48:07
134
原创 微信小程序
小程序 课程收获 入门小程序开发 理解微信小程序的开发流程 独立开发微信小程序 案例运用的知识: 用户登录:通过后台获取小程序的openid,获取用户信息 提交表单:通过小程序的数据绑定,将用户数据和后台交互 选择相册图片或拍照,预览和上传 自定义组件的应用 一 、小程序的背景 1. 什么是小程序 为了有更好的体验,更简单的规范和管理,微信首先推出了小程序的概念,小程序是寄生在微信上的,微...
2019-09-25 14:46:57
972
原创 AJAX1
AJAX 背景介绍 AJAX是 “Asynchronous JavaScript And XML”的缩写(即:异步的JavaScript和XML),是一种实现无页面刷新获取服务器数据的混合技术。它不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。 1. xml 和 json XML 是 “Extensible Markup Language” 的缩写(即:可拓展标...
2019-09-25 14:15:32
200
原创 ajax代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ajax新方法</title> </head> <body> <script type="text/javascript"> var xhr =...
2019-09-17 21:46:48
169
原创 ajax
AJAX 背景介绍 AJAX是 “Asynchronous JavaScript And XML”的缩写(即:异步的JavaScript和XML),是一种实现无页面刷新获取服务器数据的混合技术。它不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。 1. xml 和 json XML 是 “Extensible Markup Language” 的缩写(即:可拓展标...
2019-09-17 21:43:01
217
原创 三大家族
1 三大家族和一个事件对象 三大家族(offset/scroll/client) 事件对象/event (事件被触动时,鼠标和键盘的状态)(通过属性控制) 1.2 Offset家族简介 offset这个单词本身是–偏移,补偿,位移的意思。 js中有一套方便的获取元素尺寸的办法就是offset家族; offsetWidth和offsetHight以及offsetLeft和offsetTop以...
2019-09-05 20:06:47
308
原创 几种常用兼容方法
常用及兼容方法 function sct() { //获取当前屏幕top return document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; } function getStyle(ele, styleName) { //封装获取属性值的方法兼容了ie if ...
2019-08-31 15:02:08
490
原创 dom操作
dom操作 一 事件 #####事件三要素 事件源 ,事件,事件驱动程序,主要就是操作节点. dom节点的获得 document.getElementById("demo")//通过id获得; document.getElementsByTagName("div");//通过标签获得 document.getElementsByClassName("a");//通过类名获得 //标签和类名获得的...
2019-08-14 20:43:49
135
原创 递归
递归 在计算机科学中是指一种通过重复将问题分解为同类的子问题而解决问题的方法。递归式方法可以被用于解决很多的计算机科学问题,因此它是计算机科学中十分重要的一个概念。绝大多数编程语言支持函数的自调用,在这些语言中函数可以通过调用自身来进行递归。计算理论可以证明递归的作用可以完全取代循环,因此在很多函数编程语言(如Scheme)中习惯用递归来实现循环。 台阶问题 有n阶台阶,一次只能上一个台阶或者两个...
2019-08-10 15:19:26
112
原创 三种简单排序方法
三种简单排序方法 冒泡排序(以从小到大说明) 从第一个开始比较相邻两个元素比较大小,如果前面元素小于后面元素,交换位置. 经过一次循环最小的元素会排到最后面. 最小的元素在最后面了,后面的循环不必参与了 从后往前排 代码实现如下 var arr = [45, 12, 45, 78, 12, 88, 96, 11]//从大到小 for (var j = 1; j < ar...
2019-08-10 15:16:04
603
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人