![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
自学前端
文章平均质量分 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 · 156 阅读 · 0 评论 -
JavaScript第四版阅读ing~(6)
8.2 创建对象8.2.2工厂模式8.2.3构造函数模式new的过程:原创 2020-12-09 19:00:10 · 142 阅读 · 0 评论 -
JavaScript第四版阅读ing~(5)
6.4 Map键值任意,什么都可,object也可console.log((-0) == (+0)) //true三点运算符将Map实例转化为数组下面代码的意思是:对于键的修改,字符串的形式虽然能在遍历时修改,但是实际上在映射的内部是无法修改的,键为对象的话,对象内部属性可以修改,但是,映射的还是那个他之前对应的那个值。(注意基本数据类型这里是键和值都无法修改,引用可以),并且Map容器会不重复,两两重复,取最后一个第8章 对象、类与面向对象编程1、要修改属性的默认特性就要使用Ob原创 2020-12-03 21:54:27 · 158 阅读 · 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 · 132 阅读 · 0 评论 -
JavaScript第四版阅读ing~(3)
第四章4.1.3传递参数ECMAScript中所有函数的参数都是按值传递的,就像从一个变量复制到另一个变量一样,引用值也是值嘛。在局部作用域中修改对象而变化反映到全局时,不意味着参数是按照引用传递的。在这里插入代码片...原创 2020-11-26 00:16:57 · 125 阅读 · 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 · 153 阅读 · 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 · 182 阅读 · 0 评论 -
uni-app(5)
触屏事件@touchstart手指按下@touchend手指离开手指在屏幕上的坐标event.changeTouches[0].clientX和clientY滑动是改变索引,所以明白之前为什么要取列表数组+索引,而不是直接去item来,是为了改变索引,增加减少来形成滑动改变图片<image>是block下载图片//点击下载图片 async handleD...原创 2020-03-24 22:57:21 · 245 阅读 · 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 · 184 阅读 · 0 评论 -
uni-app(3)
实现组件修改标题uni.setNavigationBarTitle({title:'首页'})现在出现这样的问题,视频中教的好像不太起作用,因为主页的设置的v-show,它在组件中mounted放入了这个东西,v-show是display,隐藏,所以一上来就加载了,导致直接显示最终修改,所以不合适,然后我又试了v-if,这样可以,但是问题是,v-if页面被清掉了,重新加载页面,感觉用户体验会...原创 2020-03-21 16:38:14 · 265 阅读 · 0 评论 -
uni-app(2)
封装request请求,然后添加给Vue.prototype,用this可以使用,主要是为了显示加载中微信小程序image有个mode属性,可以设置宽高自适应,让高度随宽度变化,不失真这里后来又用到了aspectFull,索性超链接小程序吧点这里这里是缩略图,需要改变,将路径中$,替换成240或者其他值来达到缩放,由后台完成这个,我们使用就行这里将时间戳变成日期,如moment.j...原创 2020-03-20 19:21:58 · 159 阅读 · 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 · 245 阅读 · 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 · 77 阅读 · 0 评论 -
前端复习总结(5)
事件处理机制流程执行初始化代码,然后将事件回调函数交给对应的模块进行管理,当事件发生的时候,管理模块会将回调函数及其数据添加到回调队列中依次执行,因为js是单线程的,其中必须初始化代码执行完了才会读取回调队列中的回调函数进行执行...原创 2020-02-23 16:12:00 · 170 阅读 · 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 · 159 阅读 · 0 评论 -
前端复习总结(3)
css实现宽度自适应100%,宽高16:9的比例的矩形这里有意思的padding-bottom,以及position的问题我首先想到为什么不用margin-bottom呢,想一下盒模型,margin是控制外面,padding是里面,这两个百分比参照的都是父级的宽度,不用margin是因为它撑不开内容区域,这个我看是为了解决图片闪烁问题的,position为什么要写呢,因为如果不写,把item...原创 2020-02-13 13:36:57 · 100 阅读 · 0 评论 -
前端复习总结(2)
常见的页面布局静态布局流式布局弹性布局响应式布局响应式布局css3媒体查询是响应式方案的核心响应式开发一套界面,通过检测视口分辨率,针对不同客户端在客户端做代码处理,来展现不同的布局和内容animation和transitiontransition是过渡属性,强调过渡,他的实现需要触发一个事件(比如鼠标移动上去,焦点,点击等)才执行动画。它类似于flash的补间动画,设置一个开始...原创 2020-02-12 16:50:07 · 135 阅读 · 0 评论 -
前端复习总结(1)
狐火写好好地,浏览器炸了,吓死了,差点白写了,还好截图了,还是chrome靠谱。。。<html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> *{ margin: 0;...原创 2020-02-11 17:09:07 · 158 阅读 · 0 评论 -
Vue的学习(1)
指令 大括号 双向绑定<div id="app"> <input type="text" v-model="message"><!--指令--> <p>Hello {{message}}</p><!--大括号表达式--></div><script type="text/javascript" s...原创 2020-01-06 21:05:08 · 117 阅读 · 0 评论 -
Gulp和Grunt
感觉来说这两个都没webpack好用,Gulp服务器那有点麻烦,其他的还好,Grunt教程说国内用的不多,简单的记录一下学习过程Gulp//引入let gulp = require('gulp')const jshint = require('gulp-jshint')//定义你的任务// Did you forget to signal async completion?//1.调...原创 2020-01-04 14:25:05 · 122 阅读 · 0 评论 -
ES6的学习(4)
数组的扩展<!--1. Array.from(v) : 将伪数组对象或可遍历对象转换为真数组2. Array.of(v1, v2, v3) : 将一系列值转换成数组3. find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素4. findIndex(function(value, index, arr)...原创 2020-01-02 17:14:39 · 178 阅读 · 2 评论 -
ES6的学习(3)
Iterator遍历器工作原理:- 创建一个指针对象,指向数据结构的起始位置。- 第一次调用next方法,指针自动指向数据结构的第一个成员- 接下来不断调用next方法,指针会一直往后移动,直到指向最后一个成员- 每调用next方法返回的是一个包含value和done的对象,{value: 当前成员的值,done: 布尔值}* value表示当前成员的值,done对应的布尔值表示当前的...原创 2020-01-01 18:50:51 · 127 阅读 · 0 评论 -
ES6的学习(1)
let关键字作用:与var类似, 用于声明一个变量特点:在块作用域内有效不能重复声明不会预处理, 不存在提升应用:循环遍历加监听使用let取代var是趋势<script type="text/javascript"> //console.log(age);// age is not defined let age = 12; //let ...原创 2019-12-30 22:01:29 · 128 阅读 · 0 评论 -
css2.1的一些深入了解(4)黏连布局
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/> <title></titl...原创 2019-12-25 12:40:46 · 105 阅读 · 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 · 128 阅读 · 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 · 116 阅读 · 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 · 112 阅读 · 0 评论 -
Mongodb(2)
1.基本概念基本概念数据库(database)集合(collection)文档(document)- 在MongoDB中,数据库和集合都不需要手动创建,当我们创建文档时,如果文档所在的集合或数据库不存在会自动创建数据库和集合基本指令show dbsshow databases- 显示当前的所有数据库use 数据库名- 进入到指定的数据库中db- db表示的是当前所处的数...原创 2019-12-23 18:17:47 · 110 阅读 · 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 · 85 阅读 · 0 评论 -
css2.1的一些深入了解(1)
最近感觉晚上9点以后有点闲,每天补充一点深入了解的东西,算是能加快进度吧1.定位,包含块,默认值问题视口和包含块不是一个东西初始包含块是一个视窗大小的矩形对于一个非根元素,position为relative或未设置,包含块为最近的父级包含块对于一个非根元素,如果position值为absolute,包含块设置为最近的position值不是为默认值的祖先元素如果没有祖先,元素的包含定义...原创 2019-12-21 22:10:37 · 108 阅读 · 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 · 81 阅读 · 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 · 154 阅读 · 0 评论 -
Node.js学习阶段(2)
1.在node中有一个全局对象 global,它的作用和网页中window类似在全局中创建的变量都会作为global的属性保存在全局中创建的函数都会作为global的方法保存当node在执行模块中的代码时,它会首先在代码的最顶部,添加如下代码 function (exports, require, module, __filename, __dirname) {在代码的最底部,添加如...原创 2019-12-20 20:29:43 · 159 阅读 · 0 评论 -
Node.js学习阶段(1)
1.这里要先去Node.js官网去下载出来,然后可以通过cmd窗口,node -v来查看下载的版本,然后在webstorm终端那就可以运行了,也不必要单独打开cmd运行,右键的run也可以直接运行2.智能提示这里我晕了,版本不一样显示好像也不一样把这个勾上就行,但是其他的都是这样的,和我的界面不同,但是选上也能提示node的代码,应该都一样3.模块化在node中,通过requir...原创 2019-12-20 12:24:58 · 99 阅读 · 0 评论 -
jQuery(4)的补充
window.onload是整个页面包括图片加载完才执行,(function)是页面加载完就执行,它不管图片我们想去取大图片的宽度,直接取取不不到的所以可以通过过(function{})是页面加载完就执行,它不管图片我们想去取大图片的宽度,直接取取不不到的所以可以通过过(function)是页面加载完就执行,它不管图片我们想去取大图片的宽度,直接取取不不到的所以可以通过过largeImg.o...原创 2019-12-19 17:06:04 · 102 阅读 · 0 评论 -
jQuery的复习(4)
1.京东商品详情界面这里可以参考B站的尚硅谷 web全栈工程师jQuery的最后一节视频,看起来很复杂,其实就是写的顺序问题,写的过程中打乱了顺序,从头写,挺好理解的,这里面有一个图片加载的问题,等下午下课回来继续写下面的js代码给出来了然后给一个完整的包提取码是05p8$(function () { /* 1. 鼠标移入显示,移出隐藏 目标: 手机京东, 客户服务, 网站导航,...原创 2019-12-19 12:46:32 · 128 阅读 · 0 评论 -
jQuery的复习(3)
1.最终的完整轮播图(这遍复习累死了,重新写也不好写,但是可以很快知道为什么,也有一些问题,具体我都写到了代码中的注释里)<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>焦点轮播图</title> <style type="text/...原创 2019-12-18 21:37:07 · 107 阅读 · 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 · 108 阅读 · 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 · 101 阅读 · 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 · 182 阅读 · 0 评论