- 博客(30)
- 收藏
- 关注
原创 Vue 数据响应式
css响应式不用说大家都知道,拖动浏览器窗口大小时,内容布局和大小会自动变化。那么Vue的数据响应式就是,实例中,通过修改vm的.n值,就能改变data()中的n。let vm = Vue({ data(){ n:0 }})Vue2中,数据响应式是通过Object.defineProperty实现的。注意事项如果开发者给一个data中不存在的变量a做了修改,a是无法在页面上显示出来的,因为Vue无法监听一开始不存在的变量。解决方法:使用Vue.set或者this.$setdata
2020-09-07 15:56:34
218
原创 Vue的两个版本的差异
两个版本的差别完整版文件是vue.js完整版额外包含了编译器。所以体积比非完整版大40%左右。视图部分需要写在html中;或者写在vue组件中的template选项中。只包含运行时的版本是vue.runtime.js非完整版,没有编译器。视图部分需要写在render()函数里。template和render如何使用template一般写在vue组件里的顶部,html语法如下:<template> <div id="app"> <div>{
2020-09-06 21:24:34
550
原创 浅析 MVC
MVC是什么?MVC是一种设计模式M是Module,是数据层 ,专门管理数据的地方V是View,是视图层,操作界面及交互的地方C是control,是控制器,其他操作封装在这里let m = { 数据1, 数据2}let v = { 生成页面标签, 渲染到页面}let c = { 计算数据, 计算其他逻辑}EventBus 有哪些 API,是做什么用的?on, 用来绑定事件eventBus.on(事件1,回调函数1)trigger
2020-09-05 15:50:00
141
原创 DOM 事件机制
什么是DOM事件?对DOM元素进行操作的事件例如点击一个元素,发生了这个动作后,以便进行下一步操作。这个点击就是一个事件。捕获和冒泡现代浏览器的事件包含捕获阶段和冒泡阶段。捕获阶段在先,冒泡发生在后。这里有一个id=div1的元素,其内部包含一个class=div2的元素。<div id="div1"> <div id="div2"> <div id="div3"></div> </div></div>那么点击
2020-08-28 18:48:46
210
原创 jQuery 的功能
jQuery是一个对网页DOM元素的操作进行封装的库jQuery 如何获取元素?$(元素) 等同于jQuery(元素) 。 这里的“元素”可以是类选择器.div1,也可以是id选择器#div1,还可以是div标签名,也可以是文档对象document。这样就获取了这个元素,然后可以进行后续操作。jQuery还提供了过滤器,筛选要获取的元素$('div').has('p'); // 选择包含p元素的div元素$('div').not('.myClass'); //选择class不等于myClas
2020-08-28 12:48:23
221
原创 JS 函数的执行时机
普通函数的执行时机函数在定义时不会执行,只要在调用函数时,其调用的变量已经存在就可以打印出变量值。let a = 1;function fn(){ console.log(a)}下面的代码,打印结果是6个6,为什么?let i = 0for(i = 0; i<6; i++){ setTimeout(()=>{ console.log(i) },0)}原因:setTimeout表示先放下内部的代码,暂时不执行,等其部分执行完毕后才执行,是延迟执行。外面i走到
2020-08-24 21:23:53
152
原创 JS 对象基本用法
如何声明对象语法:简写方式let obj = {'name':'frank','age':18}标准方式let obj = new Object({'name':'frank'})如何删除对象的属性语法delete obj.xxxdelete obj['xxx']上面代码删除的是属性名和属性值。如果只想删除属性值,保留属性名,直接重设属性值就好obj.name = undefined如何查看对象的属性查看属性就是读属性查看对象的属性中括号语法obj['
2020-08-23 18:23:18
449
原创 JS语法
1什么是表达式和语句?表达式和语句不能完全区分。一般来说,表达式都有值,语句可能有也可能没有。语句一般会改变声明和赋值。例如:1+2是一个表达式,var a = 1是一个语句。函数也是表达式,只有函数有返回值。console.log表达式的返回值就是log函数本身console.log(3)的返回值是undefined,并不是3,3只是打印出来的值而已。2标识符的规则标识符是声明时取名字需要用到的符号规则:第一个字符,可以是Unicode字母$或_或中文,后面的字...
2020-08-16 22:51:59
96
原创 JavaScript的诞生
JavaScript诞生于何处?先从浏览器的诞生说起。1993年,伊利诺伊大学厄巴纳-尚佩恩分校的国家超级电脑应用中心(NCSA)发表了NCSA Mosaic。1994年,Mosaic Communications雇用了许多原来的NCSA Mosaic开发者用来开发Mosaic Netscape浏览器。该浏览器于同年更名为Netscape Navigator。公司创始人认为浏览器的未来会更加动态,1995年,网景招募了布兰登·艾克。后来网景公司想发明一种与java配合使用的脚本语言,布兰登·
2020-08-06 22:28:48
109
原创 浅析 URL
URL的定义中文名称:统一资源定位符英文全称:Uniform Resource LocationURl包含哪几部分URL = 协议 + 域名 + 路径 + 查询参数 + 锚点1. 协议 protocol 协议是一种约定形式,等于沟通的双方都需要遵守同一种协议,才能通信。 例如:HTTP协议,同来管理打开一个网页时,请求和相应信息是怎么写的。2. 域名 域名是ip的别称。 先说说ip。ip全称是internet protocol。 ip约定了两件事: 1. 如何定位一台设备 2. 如
2020-07-27 21:31:08
127
原创 CSS知识小总结
浏览器渲染原理根据html构建html树(DOM)html树就像一颗倒立的树,不断往下分叉。每个叉是一个html标签。根据css构建css树(CSSOM)MDN上说:css树是一组允许用JavaScript操纵CSS的API。 它是继DOM和HTML API之后,又一个操纵CSS的接口,从而能够动态地读取和修改CSS样式。将两棵树合并成一颗渲染树(render tree)渲染树是dom与cssom连接在一起形成的。渲染树用来描述所有可见的DOM内容,并且将CSSOM样式信息附加到节点上。La
2020-07-24 22:46:48
111
原创 HTML常用标签
一 a标签的用法 a标签是超链接标签。用于点击它时,跳转到新的页面。 href属性,全拼是hyper+reference。 值可以是以下三类:网址: https...是加密网址 http...是过去的未加密网址,没有https安全 //google.com 只要输入网址时,就按这个形式输入绝对没错路径: /a/b/c 以及a/b/c index.html以及./index.html(./也表示当前目录)伪协议:...
2020-07-16 21:51:00
124
原创 HTML入门笔记1
1 HTML是谁发明的? 发明者是蒂莫西·约翰·伯纳斯-李爵士,英国计算机科学家。2HTML起手应该写什么? (1)文档类型<!DOCTYPE html> (2)语言标识<html lang="en"> (3)文件的字符编码<meta name="UTF-8"> (4)视口<meta name="viewport" content="width=device-width,initial-scale=1.0"&g...
2020-07-14 22:23:05
83
原创 你不知道的javascript读书笔记--词法作用域之欺骗词法
词法作用域是由你写代码时将变量和块作用域写在哪里来决定的。作用域气泡,由对应的作用域代码写在哪里来决定。气泡里嵌套气泡,形成内外层级。词法作用域只会查找一级标识符,例如a.b.c,找到a时,b开始就是调用属性的方式了。如何欺骗词法作用域,就是说如何在运行时来“修改”词法作用域?(注意:欺骗词法作用域会导致性能下降)一:1 eval可以将字符串当作书写时就存在于程序中的代码一样来执行。 但是在严格模式中,eval在运行时有自己的词法作用域,所以无法生效了。...
2020-06-17 23:22:32
214
原创 你不知道的javascript读书笔记--LHS和RHS
RHS:获取它的源值。例如console.log(a),就是获取a的源值,获取到了才能打印。LHS:找到变量的容器本身,例如var a=2,=号左边就是找到a容器,因为有了a才能进行=号右边的操作。*非严格模式下,RHS找不到该变量的值,会抛出ReferenceError(与作用域判别失败相关)。LHS找不到变量,会自动创建这个全局变量。*严格模式下,LHS也会抛出ReferenceError。*如果RHS找到了变量值,但是接下来的操作不合法,会抛出TypeError。var a .
2020-06-17 21:35:42
188
原创 javascript手册
javascript转义字符:\b 退格\n 回车换行\t Tab符号\f 换页\' 单引号\" 双引号\v 跳格\r 换行\\ 反斜杠\ 八进制数\xHH 十六进制数\uhhhh 十六进制编码的Unicode检测类型:typeof 检测类型constructor 也能检测类型toString()转换成字符串,也可以用来检测类型对话框:alert...
2019-08-01 14:55:46
339
原创 百度IFE2018任务--22-24天
计算textarea中的内容的行数方法:匹配回车符出现的次数代码:stringB.value.match(/(\r|\n|\r\n)/g).length半角空格和全角空格参考:https://blog.csdn.net/clmmei_123/article/details/81180991半角:一个英文空格,正则表达式:/(^\s*)/g /g ...
2019-07-26 19:04:21
358
原创 百度IFE2018任务--20-21天
原生javascript中,用cssText如何重写内联css注意:前面的分号是为了兼容ie,加号是为了不清除已有的内联样式代码:Element.style.cssText += ';width:100px;height:100px;top:100px;left:100px;'自定义一个方法来实现追加className的效果代码如下代码:function addClas...
2019-07-25 21:57:28
402
原创 百度IFE2018任务--17-18天
十进制转二进制。核心思路:在while循环中,将十进制数字除以2,同时将除以2的余数一次次记录下来,而每次除以2得到的整数商就是下次用来除以2的。直到整数商不够用来除以2了就停止。记录下来的余数的排列顺序是反的,最后反转一下就好。代码:function dec2bin(decNumber) { // 在这里实现你的转化方法,注意需要判断输入必须为一个非负整数 if(de...
2019-07-25 21:51:33
169
原创 android studio 第一天
Android studio创建新项目时,若报错android.support.design.widget.FloatingActionButton无法实例化,原因就是sdk版本问题,在下图中划线处选择相应的api版本
2016-03-12 14:00:57
336
原创 集合,IO总结
集合 集合定义:集合就是存储对象的容器 集合分类: (1)Collection |--List 元素有序,可以重复 |--ArrayList 怎么存就怎么取 底层是数组,查询快,增删慢,线程不安全 |--LinkedList 怎么存就怎么取 底层是链表,查询慢,增删快,线程不安全 |--Vector 底
2013-04-21 22:32:24
596
原创 多线程,日期calendar
1:多线程(理解) (1)多线程: 程序的多条执行路径。 (2)如何实现多线程? A:继承Thread类 B:实现Runnable接口 (3)如何启动线程: 调用start方法。 (4)线程生命周期: A:新建 B:就绪 C:运行 D:阻塞,冻结 E:死亡 (5)线程安全问题的产生: A:有共享数据 B:共享数据被多条语句操作 C:多个线
2013-04-21 22:21:15
1297
原创 打印流,Properties,序列化流
1:打印流(掌握) (1)针对字节和字符数据提供一个打印流的方式。 (2)打印流的特点: A:可以打印任意类型的数据 B:如果启用了自动刷新,在使用println方法的时候,会自动刷新,并且会自动换行。 C:它可以直接往文件中写入数据 注意:请问哪些流对象可以直接操作文件呢? 观其构造方法,如果同时有File和String的参数。应该是可以的。 (3)案例:复制文本文
2013-04-21 22:19:14
451
原创 如何使用IO流
1:字节流(掌握) 参照IO体系图2:转换流(理解) 只有你在使用字节流中需要使用字符流的特殊方法时,才需要使用转换流。 在编码的使用,需要使用转换流。3:流的使用规律操作数据的时候要明确是字节流还是字符流? 如果用记事本打开并能看懂的数据就是字符流: 读取数据 Reader 是否高效: 否:|--FileReader 是:|--Buffer
2013-04-21 22:14:17
461
原创 IO流
1:IO流(掌握) (1)IO流的分类:(理解) A:流向不同 输入流 输出流 B:操作数据不同 字节流 字符流(就是文件数据用记事本打开并能够读懂的数据就用字符流) (2)IO流的体系结构(掌握) IO流 |--字节流(自学一下字节流,实现复制一张图片) |--输入流(读取数据) |--InputStream |--Fi
2013-04-21 22:12:25
502
原创 File类,递归
1:File类(掌握) (1)因为我们硬盘上的数据最常见的方式就是以文件的方式存在。 为了方便对这些文件进行操作,java就提供了一个类File供我们使用。(了解) (2)File类的构造方法(理解) A:File file = new File("d:\\a.txt"); B:File file = new File("d:\\","a.txt"); C:File file
2013-04-21 22:11:34
380
原创 集合框架,Math,System,Runtime,Scanner
1:集合框架 A:集合:存储对象的容器。 对象数组:String[],Student[] B:集合和数组的区别 集合: 长度可变 可以存储不同的对象数据 只能存储对象 数组: 长度固定 可以存储基本数据类型,也可以存储引用类型 只能存储同一种数据类型的数据 C:由于数据结构不同,所以就会有很多的集合类。 而这多种集合类都是可以存储数据的,
2013-04-21 22:10:33
616
原创 helloworld至多态的总结
基本要求:A:用记事本写一个HelloWorld,在控制台输出你的名称,并编译运行。B:在类Demo中,有两个方法,一个是main方法,一个是compare方法(用于比较两个整数是否相等) 最后在main里面进行测试。C:写两个类,一个类是Demo2,一个类是Test。 Demo2类中有一个方法getMax(),返回三个整数中最大的整数。 最后在Test类中的main方法中进行测
2013-04-21 22:07:57
505
原创 Map集合,Collections,Arrays,增强for
1. Map集合 |-- HashMap 基于哈希表的双列集合,不允许重复键,允许null作为键,或者值 |-- TreeMap 基于二叉树的双列集合,不允许重复键,对存储对象进行自然排序,按照自定义的比较器,使TreeMap具备比较性 |-- HashTable 基于哈希表的双列集合,不允许重复键,不用允许使用null作为键,或者值,线程同步 |--Properties 和I
2013-04-21 22:06:20
554
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人