![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
WangShade
www.laowangomg.com
展开
-
Vue.js+Node.js+Mongodb+Express+Bootstrap搭建个人博客
1 概述花了半年时间学习,然后开发的个人博客,目前我的博客正在使用。博客前端展示页面见这里,顺便安利一波小站,嘻嘻。后台管理部分如图。后台首页。后台管理,包括博客的删除、修改和是否隐藏。写博客。2 技术栈前端使用到的技术有:vuevue-routervuexbootstrap-vue前端用到的插件有:sweetalert2 (弹出框,注意有2,不是swee...原创 2019-12-16 21:39:19 · 1090 阅读 · 5 评论 -
web开发学习总结之常用es6特性
1 let和const关键字1. 1 letES5中只有var能够定义变量,作用域是在function中。ES6中可以用let来定义变量,定义是块级作用域变量。如果用let来引导循环,出了循环体就真的没有定义了。for(let i = 0; i < 10 ; i++) { //相当于在这里定义了i}console.log(i); //报错使用let,不再有变量声明...原创 2019-12-08 16:22:22 · 139 阅读 · 0 评论 -
web开发学习总结之固比固模型
页面上经常有这样的部分:固定宽度剩余部分固定宽度两种方法实现。方法1:绝对定位的方法方法2: display:box;属性原创 2019-12-08 10:47:43 · 103 阅读 · 0 评论 -
web开发学习总结之em与rem
1 emem表示父元素的字号的倍数。(特例:在text-indent属性中,表示文字宽度。)em为单位的时候,font-size属性是计算后再继承,如box1计算出来是40px。那么里面的box2、box3继承的都是40px。em单位不仅仅可以用来设置字号,还可以设置任何盒模型的属性,比如width、height、padding、margin、borderwidth: 30em;heig...原创 2019-12-08 10:39:36 · 389 阅读 · 0 评论 -
web开发学习总结之移动端浏览器视口大小
1 PPI首先明确一点,PPI数值的大小与屏幕(电脑或手机)分辨率大小、屏幕(电脑或手机)视口大小没有任何关系。PPI全称是Pixal Per Inch 每平方英寸像素的个数。手机的PPI很大,所以屏幕小但是像素多,所以颗粒感小(视网膜屏),让人看不到屏幕上的像素点。2 浏览器视口大小2.1 电脑的浏览器视口宽度win10系统有点准备工作。就是现在设置->显示页面,把“更改文本、...原创 2019-12-08 09:59:36 · 1155 阅读 · 0 评论 -
web开发学习总结之css3
1 CSS3概述CSS3 是 层叠样式表(Cascading Style Sheets) 语言的最新进展,目的在于扩展 CSS2.1。 它为我们带来了许多期待已久的新特性, 例如圆角,阴影,gradients(渐变),transitions(过渡) 或 animations(动画) , 当然还有新的布局如 multi-columns , flexible box 或 grid layouts。...原创 2019-12-07 21:52:23 · 217 阅读 · 0 评论 -
web开发学习总结之css私有前缀
私有前缀:浏览器厂商把一些还处于实验性质的css属性,都加上了自己的前缀。chrome的是-webkit-火狐是-moz-IE是-ms-欧朋是-o-原创 2019-12-07 21:21:10 · 140 阅读 · 0 评论 -
web开发学习总结之html5
1 HTML5概述html4.01和xhtml1.0的内容见这篇文章。如果完全不知html建议先去看看那篇文章。我们先看看html5对比html4和xhtml1.0有哪些部分的增强。完整的文档参考MDN。增强了下面几大块。HTML4.01、XHTML1.0中定义了很多语义的标签,div、p、ul、ol等等。HTML5增加了很多语义的标签、表单标签。具体见下一节。连通性web sock...原创 2019-12-07 20:11:20 · 191 阅读 · 0 评论 -
web开发学习总结之Ajax
1 Ajax是什么Ajax全名是Asynchronous JavaScript and XML (异步JavaScript和XML)。其实就是在用户感受不到的情况下偷偷地、悄悄地先服务器发起HTTP请求(get\post\put\delete等等),然后将请求回来的数据在页面局部刷新呈递。ps: 实际上现在没有一个公司使用XML当做后台、前台的中介文件,都是使用JSON。所以Ajax现在应该...原创 2019-12-07 19:29:28 · 106 阅读 · 0 评论 -
web开发学习总结之js中调用函数时this对象含义
我们调用函数的方式有哪些?这些调用函数的方式,里面的this是谁?直接用()运算符来调用函数,那么函数里面的this指的是window对象函数如果绑定给了某个HTML元素的事件上,那么函数里面的this就是这个HTML对象用定时器调用函数,函数内部的this就是window对象用对象打点(方法)来调用函数,函数里面的this指的是这个对象用apply、call,可以人工设置this是谁...原创 2019-12-06 22:03:37 · 145 阅读 · 0 评论 -
web开发学习总结之js各种距离总结
1 元素的尺寸、位置1.1 offsetLeft和offsetTopoDiv.offsetLeft()oDiv.offsetTop()返回值都是数值。一个元素的offsetLeft值,就是这个元素左边框外,到自己的offsetParent对象的左边框内的距离。那么谁是自己的offsetParent呢?不同浏览器有差异,如图。IE8IE9、IE9+、高级浏览器...原创 2019-12-06 21:56:21 · 285 阅读 · 0 评论 -
web开发学习总结之js事件流详解
1 事件流原理当你单击了某个元素,单击事件不仅仅发生在这个元素上,你也单击了它的父元素、父元素的父元素、……它的祖先元素,甚至单击了整个页面。“事件流”描述的是页面上各个元素接收事件的顺序。我们为了描述事件的传播顺序,特意人为规定了两个阶段:捕获阶段capture pahse、冒泡阶段bubbling phase。点击页面上的一个元素,事件在哪个阶段触发,这取决于添加事件监听的方法。2...原创 2019-12-06 21:25:16 · 197 阅读 · 0 评论 -
web开发学习总结之jQuery
1 $()函数jQuery是DOM编程领域的霸主,极大的简化了原生JavaScript的DOM编程。其最核心的函数便是$()函数,能够根据CSS选择元素。注意,$()函数选择出来的是jQuery对象,不是原生js的Dom对象。(jQuery对象和元素Dom对象可以互换,这里不写了)1.1 支持的选择器支持所有CSS2.1的选择器:$("p")$(".box") $("#box"...原创 2019-12-06 21:01:19 · 153 阅读 · 0 评论 -
web开发学习总结之原生js零散知识点
1 IIFEIIFE就是immediately-invoked function expression,即时调用函数表达式如果一个函数,在定义的时候,我们就想直接调用它,就是一个IIFE。我们试图在定义函数的后面,直接写圆括号:/* 直接在后面写()会报错 */function fun(){ alert("哈哈")}();控制台报错,这是因为函数是一个函数体,并不是表达式,只...原创 2019-12-05 22:17:01 · 77 阅读 · 0 评论 -
web开发学习总结之js中的call与apply
结论:call与apply这两个东西功能一致,就是把一个函数里面的this设置为某个对象。区别就是后面的参数的语法。我们试图在回调函数中,用this表示oDiv对象,这样感觉爽。animate(oDiv,{"left":600},2000,function(){ this.style.backgroundColor = "red";});但是不行,回调函数中this不是oDiv。所以...原创 2019-12-05 22:16:01 · 215 阅读 · 0 评论 -
web开发学习总结之css
1 css整体感知1.1 什么是css前端开发3层:HTML 结构层 语义、结构CSS 样式层 样式JS 行为层 交互、行为、动画CSS的全称是cascading style sheet , 层叠式样式表。这里分成两块,“样式表”是给页面加上各种各样的颜色,绘制各种各样的形状。层叠式的意思有一下几层意思。同一个标签可以有多个选择器选择它,这些选择器的样式互相叠加继承性,c...原创 2019-12-03 23:06:27 · 214 阅读 · 0 评论 -
web开发学习总结之html
1 背景 从今年5月份开始学习web,断断续续用了差不多半年的业余时间,然后上个月开始着手从零开发自己的个人网站,截至到昨天,实现了一些基本功能,在开发的过程中,发现脑袋里面塞了好多知识点,但是很乱很杂,很多时候要去找个知识点,自己明明知道她就在脑子里,但就是想不起来细节,导致开发这个简单的博客差不多用了一个多月的时间。趁热打铁,从头开始梳理一下知识点,希望能把知识点系统起来。背景介绍完了,下...原创 2019-12-02 22:57:44 · 324 阅读 · 0 评论 -
mongoose报错 TypeError: this.find is not a function
mongoose的model中调用静态方法的时候一直报TypeError: this.find is not a function,改成findeOne也报。翻来覆去想了两个小时,原来是箭头函数的问题 。articleSchema.statics.searchByAid = (aid, callback) => { this.find({ articleId: aid }, (...原创 2019-11-23 22:57:06 · 2740 阅读 · 0 评论