- 博客(17)
- 收藏
- 关注
RSS订阅原创 js开发模式
1.工厂模式使用函数 直接创建对象返回对象避免多次创建对象//创建一个对象function Factory(name,sex,age,job){var obj={};obj.name=name;obj.sex=sex;obj.age=age;obj.job=job;obj.eat=function (){return this.name+“吃饭！”;}return obj;}console.log(Factory(“张三”,“男”,18,“学生”));console.log
2020-07-07 14:25:55
172
原创 js继承 1.原型链继承 2.构造继承 3.实例继承 4.拷贝继承 5.组合继承 6.寄生组合继承
js继承继承： 子类继承父类的属性和方法1.原型链继承通过下面两个内置对象了解到 js底层是通过原型链继承而来的由外到内 通过__proto__属性连接 形成链式 就叫原型链原型链继承是通过prototype属性实现继承原型链继承的特点：子类的实例继承自身的实例属性 也继承父类里面的构造属性和方法 父类的原型属性和方法缺点：1.不能继承子类的原型属性和方法2.只能进行单继承 不能多继承3.继承之后 原型对象上的属性全是共享4.子类不能直接向父类传递参数父类func
2020-07-07 13:39:03
207
原创 原生的Ajax
ajax概念是：在不进行整个页面的更新的情况下 局部更新界面（局部刷新技术）ajax 和请求数据有关前后端分工 中间由ajax来对接ajax就是异步的javascript和xml（树形结构文档 xhml—写法和html写法一致 写的标签是自定义的标签）作用是：快速创建动态网页的技术ajax在与后端 进行少量的数据交互 返回到前端 实现异步更新书写原生的ajax一.创建ajax对象 考虑兼容 ie5 ie6的兼容二.使用open 方法1.参数 method
2020-07-06 21:02:45
108
原创 js面向对象
对象具有三大特征：继承 封装 多态对象具有-属性和行为接触过的对象 String Array Math Date（js自带的对象）如何自己定义对象现在开发里面 java 前端 C# php 面向对象开发（简单）1.Object 是一个大对象 是顶级对象//如何自己定义对象//使用new关键字 创建一个新的对象 对象都是引用类型var person = new Object();//设置属性person.name = “张三”;per
2020-07-06 20:05:24
122
原创 正则
正则表达式学习特殊符号正则的作用 测试文本 匹配文本的匹配串中的子串或者 取出符合某个条件的子串非打印字符\cx 匹配键盘的 c 代表 A-Z a-z 子符\f 匹配换页符\n 匹配换行符\r 匹配回车符\t 匹配制表符\s 匹配的是任何空白字符 等价[\f\r\n\v\t]\S 匹配任何非空白字符 等价[^\f\r\t\n\v]特殊字符 (具有特殊含义的字符 要查特殊字符 就得转义)$ 匹配表达式的结尾 如果套匹配$符号 $
2020-06-10 13:09:55
116
原创 数组，math，date
数组的方法删除数组里面元素var arr=[1,2,3,4];1.pop 删除数组中的最后一位 该方法返回值是删除的值console.log(arr.pop());console.log(arr);2.shift 删除数组中的第一个元素 该方法返回的是删除的值console.log(arr.shift());console.log(arr);给数组里面添加值var arr1=[1,2,3,4,5];push 追加到数组之后arr1.push(6);console.log(
2020-06-10 13:01:57
100
原创 字符串方法，js的string和array对象
一、字符串的方法1.字符串类型转化为数字类型parseInt(“123”);//123parseFloat(“98.9”) //98.9parseInt(“98￥”)//982.数字类型转字符串类型var a = 123;a.toString();//“123”3.在字符串检测字符的方法var str = “abcdefa”;indexOf（从左-右查找）lastindexOf（从右-左）1.一个参数如果存在 返回该字符的索引位置 反之 -1console.log(str.i
2020-06-10 12:45:49
157
原创 BOM（window，history，location）
window一、弹框1.alert 警告框alert(“提示！”);2.prompt 带输入框的提示框 点击确定 该方法的返回值是输入的值或者默认值var x=prompt(“请输入您的价格：”,1);//返回值是字符串类型3.confirm 提示信息框 返回时true falseconfirm(“确定删除？”);二、网页打开关闭方法open() 打开指定的网页close() 关闭当前网页getComputedStyle() 获取非行内样式 方法getSe
2020-05-27 19:51:11
123
原创 dom元素
如何获取dom元素dom 全称是document object model 文本对象模型 简称dom元素，dom就是html元素获取dom元素的时候需要注意什么，注意dom元素是否初始化（是否已经存在）一.四种动态获取dom的方法1.通过class 类名称获取元素 返回的是一个HTMLCollection集合document.getElementsByClassName() var btn=document.getElementsByClassName("list");cons
2020-05-19 16:02:08
2921
原创 js基础05.08
一.内部样式<script>内容 </script>外部样式<script src="js/index.js"></script>console.log()输出变量到控制台二.js里面的数据类型分为两种类型：1.值类型 存储在栈里面的 使用空间固定 复制的是本身number（数字型） boolean（真假） string（字符串类型） undefined（未定义类型） null（空值） 检测值类型 typeof2.引用类
2020-05-13 22:11:32
154
0502
1.css3媒体查询媒体查询 做屏幕适配，pc，移动端根据不同的设备显示不同的boxall所有设备screen 屏幕设备 电脑 ipaid 手机print 打印设备not print 不包含打印设备不加限制条件 所有的屏幕共有样式写min-width 注意：从小到大去写写max-width 注意：从大到小去写内部样式写法 @media screen and (...
2020-05-07 13:40:28
192
1
原创 css3
一.css3里面移动端固定模式开发head里面添加meta响应移动端<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=3.0,user-scalable=no"> viewport 视口 width=device-width...
2020-05-05 22:54:55
161
原创 html5
一.浏览器兼容性处理1.[if lt IE 9] <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>lt小于运算符 [endif]2[if lte IE 6] <script src="//misc.360bu...
2020-05-05 21:49:23
340
原创 04.18
一.css里的垂直对齐方式父元素里面的子元素 垂直对齐1.子元素大小一致时，使用padding 让元素垂直对齐2.如果子元素大小不一致，设置元素的垂直对齐方式vertical-align: middle;使用行高让文本垂直对齐 水平对齐（一般不使用）文本水平居中 设置text-align:center;把行高设置和高度一致，文本垂直居中ine-height:100px;<...
2020-04-19 21:02:01
179
原创 04.17
一.css元素浮动元素水平浮动子元素在默认情况会自动撑开父元素元素水平浮动 left right元素在浮动之后会脱离文档流 就不占位置子元素浮动，父元素撑不开 怎么处理1.给父元素设置固定高2.给父元素设置 超出部分隐藏 overflow: hidden;3.在父元素内部设置一个空的div <div style=" clear: left;">&...
2020-04-19 19:17:22
149
原创 0414学习记录
1.css层叠样式表渲染html到网页css存在样式表当中外部样式表提高工作效率多个样式可以层叠为一个css作用是 给html标签写表现形式的html标签分为几种类型：按照是否换行来分：行级元素，块级元素根据是否闭合来分：完全闭合，自闭合css样式的写法规则：属性：值；css里面的颜色值：颜色值： 单词值 十六进制颜色值 #000000 rgb rgb(11...
2020-04-15 16:35:33
145
原创 0411学习记录
第一节：htmlhtml: 是超文本标记语言 作用是描述网页一种语言html不是编程语言 是标记语言使用html的标记标签 描述网页html文档也叫web页面什么是html标签：是使用 html标签通常成对出现 也有单标签的eg: 要编辑的内容 声明 当前的文档是html 标签 里面显示当前网页的所有信息 lang="en" 标注网页的语言 en 英语 ch 中文head...
2020-04-15 15:08:31
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人