![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 71
写bug的小气球
go go go
展开
-
JavaScript第四版阅读ing~(7)
8.2.5对象迭代这种做法改变了constructor属性的指向,现在指向了Object,(相当于没有constructor,之后new Object,沿着隐式原型链周到Object的constructor属性,而这个属性指向Object)。我们需要这样子,下面的意思正常给Person.prototype添加constructor属性默认是可枚举的,但是实际上这个属性是不可枚举的,所以我们采用Object.defineProperty()给其设置值:...原创 2020-12-14 22:45:59 · 132 阅读 · 0 评论 -
JavaScript第四版阅读ing~(6)
8.2 创建对象8.2.2工厂模式8.2.3构造函数模式new的过程:原创 2020-12-09 19:00:10 · 118 阅读 · 0 评论 -
JavaScript第四版阅读ing~(5)
6.4 Map键值任意,什么都可,object也可console.log((-0) == (+0)) //true三点运算符将Map实例转化为数组下面代码的意思是:对于键的修改,字符串的形式虽然能在遍历时修改,但是实际上在映射的内部是无法修改的,键为对象的话,对象内部属性可以修改,但是,映射的还是那个他之前对应的那个值。(注意基本数据类型这里是键和值都无法修改,引用可以),并且Map容器会不重复,两两重复,取最后一个第8章 对象、类与面向对象编程1、要修改属性的默认特性就要使用Ob原创 2020-12-03 21:54:27 · 140 阅读 · 0 评论 -
JavaScript第四版阅读ing~(4)
第5章 基本引用类型5.3原始值包装类型我们知道原始值不应该有方法,而实际上这个例子又确实执行了,这是因为后台进行了很多处理。let s1 = "some text"let s2 = s1.substring(2)console.log(s2) //me text具体来讲,当第二行访问s1时,是以读模式来访问的,也就是要从内存中读取变量保存的值,再以读模式访问字符串值的任何时候,后台执行以下3步创建一个String类型的实例调用实例上的特定方法销毁实例可以想象成:let s1 =原创 2020-11-30 19:02:43 · 108 阅读 · 0 评论 -
JavaScript第四版阅读ing~(3)
第四章4.1.3传递参数ECMAScript中所有函数的参数都是按值传递的,就像从一个变量复制到另一个变量一样,引用值也是值嘛。在局部作用域中修改对象而变化反映到全局时,不意味着参数是按照引用传递的。在这里插入代码片...原创 2020-11-26 00:16:57 · 101 阅读 · 0 评论 -
JavaScript第四版阅读ing~(2)
这章操作符有些多,还挺有意思的,虽然用的不多,但是身为计算机出身的起码要会吧。3.4.6 String类型ECMAScript中的字符串是不可变的。let lang = 'Java'lang = lang + 'Script'这里,首先会分配一个足够容纳10个字符的空间,然后填充上‘Java’和‘Script’,最后销毁原始的字符串‘Java’和字符串‘Script’。模板字符串将表达式转换为字符串时会调用toString():let foo = {toString: () => '原创 2020-11-24 18:27:45 · 145 阅读 · 0 评论 -
JavaScript第四版阅读ing~(1)
接下来会阅读JavaScript第四版,工作很忙,尽量做到每日一更,巩固基础,从第三章起值得留意的会写下读书笔记。第三章3.3变量 var let const1、var message这行代码定义了一个名为message的变量,可以用来保存任何值类型,在未初始化时会保存一个特殊值undefined,也可直接初始化赋值,赋值为‘hi’,但是并不代表message是字符串类型,只是简单的赋值而已。2、所谓的变量提升,而且反复声名一个var变量也没有问题。function foo(){ co原创 2020-11-23 19:33:48 · 164 阅读 · 0 评论 -
前端(实际开发总结)2
1.ElementUI中表单验证下面的提示文字,这里好像少一步也不行,就按这个走吧,第一次写这个提示,这里逻辑应该是valid代表着是不是输入框为空值,空值返回false。...原创 2020-05-09 18:07:11 · 1421 阅读 · 0 评论 -
前端(实际开发总结)1
prop相当于从数组传的参数,也就是.什么,elementUi中:data就相当于数组,他会根据prop来分布到每一行,这里有个fixed,这个地方固定住了宽度原创 2020-04-24 17:41:31 · 324 阅读 · 0 评论 -
回顾node(4) 仿社区写一个案例
path路径操作模块path.basename:获取文件的路径名(包含扩展名)。path.dirname:获取一个路径的目录部分。path.parse():将路径转为对象,里面啥都有。path.join:当你需要拼接路径的时候,使用这个,自动拼接。忘了没事,去node官网path模块看看,node环境下自己试试。Node中的其他成员在每个模块中,除了require, exports等...原创 2020-04-02 15:44:16 · 82 阅读 · 0 评论 -
uni-app(4)
后台传的字符串带换行符,使用view标签是不能正确显示的,要用text哦这里分页用到了另一个方式,onReachBottom,这是单独的一个界面,而前面那个是组件,所以用这个更简单,不用给定高度什么的,直接用就行,舒服。因为这里album是个对象,所以不能判断里面是有值,要变成数组。var obj = { 0: 'a', 1: 'b', 2: 'c' };console.log(Obje...原创 2020-03-22 18:41:06 · 157 阅读 · 0 评论 -
uni-app(1)
react先放一下,顶不住了,学完这个继续,熟悉下uni-app样式和sassrpx 小程序中的单位750rpx = 屏幕的宽度vw h5单位 100vw = 屏幕宽度 100vh = 屏幕高度uniapp中内置有sass的配置,只需要安装对应的依赖就行 npm i sass-loader node-sass 然后在style标签上假如属性 lang=‘scss’这个uniapp和vu...原创 2020-03-19 22:06:12 · 238 阅读 · 0 评论 -
React的学习(6)redux部分
thunk中间件npm i --save redux-thunkRedux-thunk中间件的配置和安装import {createStore, applyMiddleware, compose} from 'redux'import reducer from '../reducer/reducer'import thunk from 'redux-thunk'const compos...原创 2020-03-18 18:11:59 · 74 阅读 · 0 评论 -
前端复习总结(4)
JS中一共分成几种数据类型String,Number,Null,Boolean,Undefined,Object,Symbol使用typeof检查一个Null类型的值时会返回"object"console.log(typeof NaN)得到numbernull和undefined由于undefined衍生自null,所以null == undefined 会返回true。但是 null...原创 2020-02-14 16:43:39 · 140 阅读 · 0 评论 -
前端复习总结(2)
常见的页面布局静态布局流式布局弹性布局响应式布局响应式布局css3媒体查询是响应式方案的核心响应式开发一套界面,通过检测视口分辨率,针对不同客户端在客户端做代码处理,来展现不同的布局和内容animation和transitiontransition是过渡属性,强调过渡,他的实现需要触发一个事件(比如鼠标移动上去,焦点,点击等)才执行动画。它类似于flash的补间动画,设置一个开始...原创 2020-02-12 16:50:07 · 111 阅读 · 0 评论 -
前端复习总结(1)
狐火写好好地,浏览器炸了,吓死了,差点白写了,还好截图了,还是chrome靠谱。。。<html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> *{ margin: 0;...原创 2020-02-11 17:09:07 · 138 阅读 · 0 评论 -
ES6的学习(3)
Iterator遍历器工作原理:- 创建一个指针对象,指向数据结构的起始位置。- 第一次调用next方法,指针自动指向数据结构的第一个成员- 接下来不断调用next方法,指针会一直往后移动,直到指向最后一个成员- 每调用next方法返回的是一个包含value和done的对象,{value: 当前成员的值,done: 布尔值}* value表示当前成员的值,done对应的布尔值表示当前的...原创 2020-01-01 18:50:51 · 102 阅读 · 0 评论 -
Zepto的学习(3)移动端小案例的演练
这里参考尚硅谷的一个小实战演练,主要用到了css3,Zepto等等,还不错。这里是链接:提取码:2zy8效果可以实现移动端的各个翻页情况:$(function () { //初始化数据 var direction = { up: 1, right: 2, down: 3, left: 4 } //初始化两个坐标 var now = {...原创 2019-12-29 16:16:30 · 172 阅读 · 0 评论 -
Zepto的学习(1)与jQuery的一些区别
1.attr和propjQ中在jquery中如果用attr去获取布尔值属性且该布尔值属性在标签体内没有定义的时候,会返回undefinedzepto中在zepto中用attr也可以获取布尔值属性.prop在读取属性的时候优先级高于attr,布尔值属性的读取还是建议用prop2.DOM操作jQ中jquery中插入DOM元素的时候添加配置对象(属性选择器:id,class。。。)的时候...原创 2019-12-24 20:01:26 · 120 阅读 · 0 评论 -
Mongodb(3)
//进入my_test数据库use my_testshow dbs//向数据库的user集合中插入一个文档db.users.insert({ username:'孙悟空'})show dbsshow collections//查询user集合的文档db.users.find()//向数据库的user集合中插入一个文档db.users.insert({ user...原创 2019-12-24 10:11:13 · 110 阅读 · 0 评论 -
css2.1的一些深入了解(3)使用绝对定位模拟固定定位
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } html{ /* ...原创 2019-12-24 08:49:01 · 106 阅读 · 0 评论 -
Mongodb(2)
1.基本概念基本概念数据库(database)集合(collection)文档(document)- 在MongoDB中,数据库和集合都不需要手动创建,当我们创建文档时,如果文档所在的集合或数据库不存在会自动创建数据库和集合基本指令show dbsshow databases- 显示当前的所有数据库use 数据库名- 进入到指定的数据库中db- db表示的是当前所处的数...原创 2019-12-23 18:17:47 · 105 阅读 · 0 评论 -
css2.1的一些深入了解(2)圣杯布局与双飞翼
圣杯布局:主要是利用float position 以及margin为负值控制边界<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ padding...原创 2019-12-23 14:25:24 · 79 阅读 · 0 评论 -
css2.1的一些深入了解(1)
最近感觉晚上9点以后有点闲,每天补充一点深入了解的东西,算是能加快进度吧1.定位,包含块,默认值问题视口和包含块不是一个东西初始包含块是一个视窗大小的矩形对于一个非根元素,position为relative或未设置,包含块为最近的父级包含块对于一个非根元素,如果position值为absolute,包含块设置为最近的position值不是为默认值的祖先元素如果没有祖先,元素的包含定义...原创 2019-12-21 22:10:37 · 103 阅读 · 0 评论 -
Mongodb(1)心态崩了的配置环节
记录一下配置过程,按照教程,去官网找不到那个代码,自己打上去的,心态都崩了1.安装MongoDB安装高级系统设置里配置环境变量,里面的path,别忘了分号,不要输出入法的分号;C:\Program Files\MongoDB\Server\3.2\bin这个都简单在c盘根目录- 创建一个文件夹 data- 在data中创建一个文件夹db打开cmd命令行窗口- 输入 mon...原创 2019-12-21 19:02:43 · 76 阅读 · 0 评论 -
Node.js学习阶段(3)
1.Buffer(缓冲区)Buffer的结构和数组很像,操作的方法也和数组类似数组中不能存储二进制的文件,而buffer就是专门用来存储二进制数据使用buffer不需要引入模块,直接使用即可在buffer中存储的都是二进制数据,但是在显示时都是以16进制的形式显示//1.将一个字符串保存到buffer中var buf = Buffer.from(str);//2.创建一个10个字...原创 2019-12-21 15:29:05 · 131 阅读 · 0 评论 -
Node.js学习阶段(2)
1.在node中有一个全局对象 global,它的作用和网页中window类似在全局中创建的变量都会作为global的属性保存在全局中创建的函数都会作为global的方法保存当node在执行模块中的代码时,它会首先在代码的最顶部,添加如下代码 function (exports, require, module, __filename, __dirname) {在代码的最底部,添加如...原创 2019-12-20 20:29:43 · 141 阅读 · 0 评论 -
Node.js学习阶段(1)
1.这里要先去Node.js官网去下载出来,然后可以通过cmd窗口,node -v来查看下载的版本,然后在webstorm终端那就可以运行了,也不必要单独打开cmd运行,右键的run也可以直接运行2.智能提示这里我晕了,版本不一样显示好像也不一样把这个勾上就行,但是其他的都是这样的,和我的界面不同,但是选上也能提示node的代码,应该都一样3.模块化在node中,通过requir...原创 2019-12-20 12:24:58 · 93 阅读 · 0 评论 -
jQuery(4)的补充
window.onload是整个页面包括图片加载完才执行,(function)是页面加载完就执行,它不管图片我们想去取大图片的宽度,直接取取不不到的所以可以通过过(function{})是页面加载完就执行,它不管图片我们想去取大图片的宽度,直接取取不不到的所以可以通过过(function)是页面加载完就执行,它不管图片我们想去取大图片的宽度,直接取取不不到的所以可以通过过largeImg.o...原创 2019-12-19 17:06:04 · 97 阅读 · 0 评论 -
jQuery的复习(4)
1.京东商品详情界面这里可以参考B站的尚硅谷 web全栈工程师jQuery的最后一节视频,看起来很复杂,其实就是写的顺序问题,写的过程中打乱了顺序,从头写,挺好理解的,这里面有一个图片加载的问题,等下午下课回来继续写下面的js代码给出来了然后给一个完整的包提取码是05p8$(function () { /* 1. 鼠标移入显示,移出隐藏 目标: 手机京东, 客户服务, 网站导航,...原创 2019-12-19 12:46:32 · 120 阅读 · 0 评论 -
jQuery的复习(3)
1.最终的完整轮播图(这遍复习累死了,重新写也不好写,但是可以很快知道为什么,也有一些问题,具体我都写到了代码中的注释里)<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>焦点轮播图</title> <style type="text/...原创 2019-12-18 21:37:07 · 99 阅读 · 0 评论 -
jQuery的复习(2)
1.补充js部分的问题,分别来看,通过比较可以明白很多2.爱好选择器(与js那一张好好比较)<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta http-...原创 2019-12-18 12:42:23 · 104 阅读 · 0 评论 -
jQuery的复习(1)
1.多Tab点击切换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02_多Tab点击切换</title> <style> * { margin: 0; padding: 0;...原创 2019-12-17 19:38:43 · 97 阅读 · 0 评论 -
js部分的复习(3)
1.变量提升这里相当于在函数体内部先var a , console.log(a),a=4var a = 3 function fn () { console.log(a) var a = 4 }fn()//undefined2.测试题 测试题3: */ var c = 1 function c(c) { console.log(c) ...原创 2019-12-17 12:15:50 · 174 阅读 · 0 评论 -
js部分的复习(2)
1.这里a,b,形参obj都指向了同一个对象,a.age最后的值为13的原因你可以想成虽然传的实参为a但是其实和上面a是不同的,它把那条线断开了,上面的a指向依然是age=13,下面的obj指向了age=15,,所以a依然为13,形参obj只不过是传了一个地址值,下面又修改了地址值2.关于this如何确定this的值?test(): windowp.test(): pnew test...原创 2019-12-16 20:53:54 · 153 阅读 · 0 评论 -
js部分的复习(1)
1.专门对付字符串转换方式://parseInt()把一个字符串转换成正数//parseFloat()吧一个字符串转成浮点数2.运算符3.!非 &&与 ||或js中属于短路与,只要前面看到false就不看后面了的js中或属于短路的或,如果第一个true,就不会检查第二个4.三元运算符//条件运算符也叫三元运算符//语法:// 条件表达式?语句1:语...原创 2019-12-16 12:26:55 · 197 阅读 · 1 评论