JavaScript
xxxjun_
这个作者很懒,什么都没留下…
展开
-
Vue双向绑定原理
<div id="box"></div>//例如:我们在vue中定义一个a数据数据function data() { return { a: 10 }}let d = data() //这样就可以通过d.a访问数据,d.a = 20 从新给数据赋值//Object.defineProperty 用来定义对象数据,有三个参数//第一个参数:必需。目标对象 这里就是d//第二个参数:必需。需定义或修改的属性的名字 .原创 2022-03-29 16:09:00 · 883 阅读 · 0 评论 -
百度Api定位试用
网站https://lbsyun.baidu.com/先注册账号 => 注册成为开发者 => 控制台 => 应用管理 => 我的应用 => 创建应用 => 根据需求创建 => 创建后会有一个访问AK=>添加meta标签<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />=>设置容器样式<style type="text/css.原创 2022-03-17 19:40:57 · 405 阅读 · 0 评论 -
防抖、节流
防抖: 触发高频事件n秒后只会执行一次,如果n秒内高频事件再次触发,重新计算时间 - input键盘输入事件,搜索关联内容 - resize浏览器窗口尺寸改变事件,移动端适配 封装代码: 事件绑定: inputEle.oninput = bounce1(zxhs, 1000) //第一个参数为触发执行函数,第二个为时间 事件监听: inputEle.addEventListener('input',bo.原创 2022-01-13 11:22:43 · 108 阅读 · 0 评论 -
gulp-
gulp :项目自动化构建打包工具(将我们本地的项目打包成放在外网的项目) gulp项目目录结构 -gulp_demp(项目名) -src -css -js -pages //html -sass package.json //npm init -y 项目初始化(-y为默认) package-lock.json ...原创 2022-01-07 20:37:00 · 71 阅读 · 0 评论 -
gitee
git 分布式版本控制工具 =>介绍:操作内容,项目代码,文档... 记录项目代码文档的每次提交的版本号,版本提交者,时间,修改的内容 随时找到响应版本的代码 =>使用: 1.下载git工具软件 2.通过命令行操作 =>命令: 在项目文件夹中右键点击Git Bash Here 初始化版本库 git init ...原创 2022-01-07 20:26:47 · 265 阅读 · 0 评论 -
npm包、scss
npm包管理工具 在统一的地方下载项目依赖的第三方包 安装:随nodejs一起安装 检查:npm -v (检查安装是否成功) 下载: npm install 包名 -g (-g为全局安装,任意目录下可以使用) npm install jquery 删除:npm uninstall 包名 -g 项目管理:(初始化) npm init npm init -y (-y为默认)...原创 2022-01-07 20:25:20 · 1061 阅读 · 0 评论 -
jquery动画
隐藏 参数分别为 时间,匀速,触发执行函数,动画操作都可用 $('div').hide(1000,'linear', function () { console.log(1);})显示 $('div').show(1000)切换 $('div').toggle(1000) 淡入 $('div').fadeIn(1000)淡出 $('div').fadeOut(1000)切换 $('div').fadeToggle(1000)垂直滑入 隐藏 $('div').slideD.原创 2021-12-30 19:58:01 · 495 阅读 · 0 评论 -
jquery
选择器:和css一样 返回的是一个伪数组对象 $('p') $('input[name="username"]') $('li').first() //选中第一个li $('li').last() //选中最后一个li $('ul li:nth-child(2)') $('.li1').parent() //选中li的第一个父节点 $('.li1').parents()//选中li的所有父节.原创 2021-12-28 20:41:33 · 256 阅读 · 0 评论 -
构造函数继承、闭包
// 继承 // 构造函数中,子类可以继承父类构造函数的方法 原型继承 // 声明一个 人 的构造函数 function Person(name) { this.name = name this.say = function () { console.log(this.name + '能说话'); } } ...原创 2021-12-27 17:58:04 · 255 阅读 · 0 评论 -
Ajax、cookie
1.HTTP协议 HTTP(超文本传输协议)是一个基于请求与响应的模式、无状态的、应用层的协议、绝大多数的web开发,都是勾践在HTTP协议之上的2.Ajax 浏览器与服务器通讯而无需刷新当前页面的技术,不需要刷新当前页面,只刷新局部页面的一种异步通讯技术. //1.实例化ajax核心对象xmlhttpRequest const xhr = new window.XMLHttpRequest //2.建立链接 .原创 2021-12-25 15:57:48 · 370 阅读 · 0 评论 -
面向对象、原型、异步
面向对象: 找解决问题的对象,调用其功能方法解决问题,如果对象不存在,自己创建对象构造函数: 构造函数名与数据类型名相同 第一个字母大写 函数体中使用this关键字定义对象的属性和方法 使用new语句调用构造函数创建对象原型: 每个构造函数(对象)都有一个prototype属性指向它的原型(原型对象) 所有实例对象都可以访问原型对象上定义的公共的属性和方法 //定义一个构造函数 function Student.原创 2021-12-15 18:59:09 · 795 阅读 · 0 评论