每日进步一点点
本专栏主要是为了鞭策自己
纵有千般好
前端小白前来报道,各位大佬多多关照
展开
-
每日进步一点点
今日励志语:牛仔裤,格子衫,凌乱胡须包双肩。眼镜方,发际远,不是乞丐,是程序男。难,难,难!吃得多,花得少,不是泡面就水饺。颈椎病,肩周炎,何以救病?代码大全。痊,痊,痊!单行道,两边看,不抢红灯不踩线。夜两点,才下班,一看邮件,BUG成山。闪,闪,闪!回公司,改软件,一改就到七点半。吃早饭,又上班,此生无悔程序员,缘,缘,缘!今日知识点:vue-router-重定向目标:掌握前端路由的重定向功能。回忆:在nodejs中大家使用的是express框架,其中有 response 对象原创 2021-04-30 09:12:18 · 67 阅读 · 2 评论 -
每日进步一点点
今日励志语:一只站在树上的鸟,从来不会害怕树枝断裂,因为它相信的从来不是树枝,而是自己的翅膀今日知识点:vue-router-编程式导航目标:掌握不使用router-link进行跳转,通过js的方式进行跳转。以前:使用 A 标签进行跳转,如果没有 A 标签使用 location.href = ‘地址’现在:使用 router-link 进行跳转路由,如果没有 router-link 标签使用 $router.push(‘静态地址’|对象)概念:使用js的方式进行路由的跳转,就叫:编程式导航原创 2021-04-27 14:35:59 · 41 阅读 · 0 评论 -
每日进步一点点
今日励志语:97%的人一辈子,工作、赚钱、消费 、再工作、再赚钱、再消费今日知识点:vue-router-编程式导航目标:掌握不使用router-link进行跳转,通过js的方式进行跳转。以前:使用 A 标签进行跳转,如果没有 A 标签使用 location.href = ‘地址’现在:使用 router-link 进行跳转路由,如果没有 router-link 标签使用 $router.push(‘静态地址’|对象)概念:使用js的方式进行路由的跳转,就叫:编程式导航区别 $route原创 2021-04-25 17:00:57 · 72 阅读 · 0 评论 -
每日进步一点点
今日励志语:目标的坚定是性格中最必要的力量泉源之一,也是成功的利器之一。没有它,天才也会在矛盾无定的迷径中,徒劳无功今日知识点:vue-router-属性toto属性可以写很多种形式的路径。例如:to="/article" 静态的to属性:to="{path:’/article’,query:{id:101}}" === to="/article?id=101":to="{name:‘article’,params:{articleId:101}}" === to="/article/原创 2021-04-23 11:57:26 · 39 阅读 · 0 评论 -
每日进步一点点
今日励志语:有恒则断无不成之事今日知识点:vue-router-动态路由概念:不同的路由地址,需要指向同一个组件,这样的路由规则的实现,就叫动态路由。换一句话:你定义的路由规则,需要匹配到不同的地址。业务场景:代码演示:<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,原创 2021-04-22 17:24:31 · 53 阅读 · 0 评论 -
每日进步一点点
今日励志语:在我们的生命中,从来没有遭受过失败的,那么我们现在所遇到的,都是暂时的挫折罢了今日知识点:复制数组,找数组当中最小的数字var arr = [201,203,205,206,202,204]// 复制数组赋值给新的变量// JSON.parse(JSON.stringify(arr)这样复制是为了后面操作不影响原数组var fn = JSON.parse(JSON.stringify(arr));var min;for (var i = 0; i < fn.length;原创 2021-04-21 16:08:33 · 42 阅读 · 0 评论 -
每日进步一点点
今日励志语:把问题看宽广些,没有解决不了的事今日知识点:查索引var arr2 = [201,203,205,206,202,204]var idx = arr2.findIndex((i)=>{return i===202})console.log(idx)//4今日面试题:你知道 webpack 中 babel、plugin、loader 都有什么作用吗?答:babel 用来出来 es6 转 es5plugin 配置 webpack 的一些插件loader 用来配置解析处理原创 2021-04-20 16:38:55 · 36 阅读 · 0 评论 -
每日进步一点点
今日励志语:要做行动上的巨人,不要把时间浪费在虚幻的梦想上今日知识点:前端路由概念:地址栏改变但是不刷新页面(不会请求HTML),根据地址栏的不同更新界面内容(切换业务场景)改地址:location.hash hash实现模式history.pushState() history实现模式理解hash实现的原理知道vue-router插件的使用,实现的是:地址 映射 组件。使用步骤:引入创建组件配置对象配置路由规则初始化路由挂载到vue根实例使用router-原创 2021-04-19 16:28:32 · 36 阅读 · 0 评论 -
每日进步一点点
今日励志语:行动才是最具有价值,即使做错今日知识点:vue组件概念:针对界面功能(HTML,CSS,JS)的封装,相互独立更好维护,提高复用度。注册全局 Vue.component(组件名称,组件配置对象)局部 new Vue({ components:{组件名称:组件配置对象} })命名:注册的时候 btn-add BtnAdd 使用的时候 btn-add传值(重要)父传子:使用子组件的时候,绑定属性 <com-child :msg="父组件数据">定义子组件的时候原创 2021-04-18 11:48:05 · 40 阅读 · 0 评论 -
每日进步一点点
今日励志语:再长的路,一步步也能走完,再短的路,不迈开双脚也无法到达今日知识点:正则表达式正则表达式:用于匹配规律规则的表达式,正则表达式最初是科学家对人类神经系统的工作原理的早期研究,现在在编程语言中有广泛的应用,经常用于表单校验,高级搜索等。创建正则表达式构造函数的方式var regExp = new RegExp(/\d/);正则字面量var regExp = /\d/;正则的使用/\d/.test(“aaa1”);元字符正则表达式由一些普通字符和元字符组成,普通字符包括大小写字原创 2021-04-17 22:44:05 · 45 阅读 · 0 评论 -
每日进步一点点
今日励志语:一定要把自己的目标落在实处,写下人生的清单今日知识点:响应式布局响应式布局(respond layout)是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端(手机、平板、pc电脑) ——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。优点:一套代码可以适配多个终端缺点:需要兼容多个终端 开发效率低有很多处理兼容的代码 代码冗余较大 加载速度慢响应式开发现状:不是所有的网站都适合响应式 基本上是一些简原创 2021-04-16 18:37:27 · 39 阅读 · 0 评论 -
每日进步一点点
今日励志语:生命太短暂,不要去做一些根本没有人想要的东西今日知识点:精灵图为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了 CSS 精灵技术(也称 CSS Sprites、CSS 雪碧)。将网页中的一些小背景图像整合到一张大图中 ,这样服务器只需要一次请求就可以了使用精灵图核心:精灵技术主要针对于背景图片使用。就是把多个小背景图片整合到一张大图片中。这个大图片也称为 sprites 精灵图 或者 雪碧图移动背景图片位置, 此时可以使用 background-posit原创 2021-04-15 22:22:48 · 75 阅读 · 0 评论 -
每日进步一点点
今日励志语:目标的坚定是性格中最必要的力量泉源之一,也是成功的利器之一。没有它,天才也会在矛盾无定的迷径中,徒劳无功。——查士德斐尔爵士今日知识点:DOM树:相关概念:文档:一个页面就是一个文档,DOM中使用document表示节点:网页中的所有内容,在文档树中都是节点(标签、属性、文本、注释等),使用node表示标签节点:网页中的所有标签,通常称为元素节点,又简称为“元素”,使用element表示总结:所谓DOM,就是将html文档转换成一个document对象,并且封装了各种各样的属性和方原创 2021-04-14 22:38:22 · 45 阅读 · 0 评论 -
每日进步一点点
今日励志语:不想三年以后的事,只想现在的事今日知识点:六大数据类型基本数据类型(简单数据类型)number 数值型string 字符串boolean 布尔型undefined 未定义null 空引用引用数据类型(复杂数据类型)object 对象function 函数array 数组number数据类型所有的数字都是Number数据类型利用typeof关键字可以返回当前数据的数据类型(只针对简单数据类型)特殊值:NaN not a number 不是一个数字注意 小数原创 2021-04-13 22:09:29 · 46 阅读 · 0 评论 -
每日进步一点点
今日励志语: 朝着自己的方向走,至少你是快乐的今日知识点:原型链今日面试题:src 与 href 的区别答:src(source)指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求 src 资源时会将其指向的资源下载并应用到文档中,如 js 脚本,img 图片和 iframe等元素。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,类似于将所指向资源嵌入当前标签内。href(hypertext reference/超文本引用)指向网络资原创 2021-04-12 09:24:42 · 46 阅读 · 0 评论 -
每日进步一点点
今日励志语:得进一寸进一寸,得进一尺进一尺,不断积累,飞跃必来,突破随之今日知识点:CSS属性书写顺序(重点)建议遵循以下顺序:布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式)自身属性:width / height / margin / padding / border / background文本属性:color / font / text-decoration原创 2021-04-10 09:25:03 · 55 阅读 · 0 评论 -
每日进步一点点
今日励志语:思想改变行为,行为改变结果今日知识点:文本格式化标签在网页中,有时需要为文字设置粗体、斜体 或下划线等效果,这时就需要用到 HTML 中的文本格式化标签,使文字以特殊的方式显示。今日面试题:什么是闭包?答、简单的说,作用域是针对变量的,比如我们创建一个函数 a1,函数里面又包了一个子函数 a2。此时就存在三个作用域:全局作用域、a1 作用域、a2 作用域;即全局作用域包含了 a1 的作用域,a2 的作用域包含了 a1 的作用域。当 a1 在查找变量的时候会先从自身的作用域区查找原创 2021-04-09 09:38:10 · 71 阅读 · 0 评论 -
每日进步一点点
今日励志语:最优秀的人就是你自己!今日知识点:特殊字符在 HTML 页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代重点记住:空格 、大于号、 小于号 这三个, 其余的使用很少,如果需要回头查阅即可。今日面试题:JS 的数据类型有哪些?答:简单数据类型:Undefined、Null、Boolean、Number 和 String。复杂数据类型:Object...原创 2021-04-08 14:19:13 · 43 阅读 · 0 评论 -
每日进步一点点
今日励志语:看自己的工作那些环节还未做到100%,发现及时弥补今日知识点:函数匿名函数与自执行函数匿名函数匿名函数:没有名字的函数匿名函数如何使用:将匿名函数赋值给一个变量,这样就可以通过变量进行调用 我们将这个称之为函数表达式 函数表达式值会预解析前面的var 后面的值不会被解析自执行(匿名函数自执行)匿名函数可以避免全局变量的污染自执行函数函数可以自执行(function fn(){console.log(“我可以自己执行哦”);})();函数也是一种类型声明函数的两种方原创 2021-04-07 15:57:34 · 35 阅读 · 0 评论 -
每日进步一点点
今日励志语:一定要把自己的目标落在实处,写下人生的清单今日知识点:css三大特性:1,层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式样式不冲突,不会层叠2,继承性 CSS中的继承: 子标签会继承父标签的某些样式,如文本颜色和字号。恰当地使用继承可以简化代码,降低 CSS 样式的复杂性。子元素可以继承父元素的样式:(text-,font-,line-这些元素开头的可以继原创 2021-04-06 16:31:20 · 427 阅读 · 0 评论 -
每日进步一点点
今日励志语:学习的方法记笔记、复习笔记、使用笔记、融会贯通今日知识点:如果我在目前的工作当中没有新的知识点,我会把前端的知识点从html-css-JavaScript-jQuery-ajax-git-node-vue,,,,全都梳理一遍啊(每天一个知识点)今天html知识点:网页1.网页是图片、链接、文字、声音、视频等元素组成, 其实就是一个html文件(后缀名为html)2.网页生成制作: 有前端人员书写 HTML 文件, 然后浏览器打开,就能看到了网页.3.HTML: 超文本标记语言, 用来原创 2021-04-05 11:34:40 · 47 阅读 · 0 评论 -
每日进步一点点
今日励志语:这个世界上有世袭的王位,没有世袭的成功,成功只属于真正喜爱它的人。今日知识点:最近写了一个活动页面里面用到了jQuery效果animate与@keyframesanimate 当将动画绑定到某个选择器上时所需要,不然不会产生动画@keyframes: 用来改变动画的轨迹或效果(利用某项css 创建所需动画)使用:需要创建一个名字,这个动画的名字,后面绑定动画时会需要form 起始时,等同于 0%to 到达终点时,等同于100%关于他们的区别,网上一搜一大堆我就不再过多原创 2021-04-03 17:31:09 · 56 阅读 · 0 评论 -
每日进步一点点
以前的我没有自己的学习习惯,那么从今天开始,我会每天通过发布文章来记录我工作中及学习中所遇到的知识点今日励志语:如果你的起点比别人晚,从现在开始,每天就要大量行动。你要去思考,如何比别人捷足先登,这就是前瞻性的思考。每做一件事情都要比别人早一步,都要比别人更迅速地掌握未来的动态,未来的资讯,未来的方向。今日知识点:最近在工作中用到了idea,那我就来记录一下Java的环境配置:朋友发来的安装包是2019.3.3版本的idea,jdk1.8版本今日面试题:水平垂直居中的方法?.原创 2021-04-02 14:38:17 · 59 阅读 · 0 评论