dong_dong222的博客

原创 前端面试每日十题【多方面总结】，杜绝炫技

有些文章有一些面试题，炫技总结，很不适合我这样没什么工作经验的人，下面是我自己总结的，比较容易理解，适合像我一样刚开始找工作的人1、什么是commonJS？commonJs是js语言的模块化规范，它通常在服务器nodeJS上使用。项目是由多个模块组成的，模块和模块之间的调用，需要各个模块有相同规范的API，2、闭包闭包：可读取其它函数内部变量的函数闭包产生的条件：1、在函数内部也有一个函数 2、函数内部的函数用到了外部...

原创 vue钩子【通俗易懂版】

在vue中，钩子指的是“hook”，是一种事件劫持机制，可以比事件更早进行执行处理；钩子可以理解为vue的内置事件，但是这个内置事件需要主动去配置，可以用来处理被拦截的函数调用、事件和消息。vue生命周期中8个钩子函数beforeCreated() 在vue实例创建完成之前执行，此时所以无法访问data中的数据和methods中的方法created( )在vue实例创建完毕之后执行，可以访问data中的数据和methods中的方beforemount( ) 在模板渲染到...

原创 耗时2天做出来的nodeJS思维导图【总结版】---巨详细

学完nodejs未来巩固知识，花费两天时间做了一份思维导图，因为我也是刚学习node，所以里面每个知识点都有详解，还有小案例，自认为非常适合学习正在学习或者想要复习node的小伙伴

原创 node小问题求帮助

这是运行node终端的输出结果，但是ctrl+单击 打开的页面是这样的之后在postman测试这个网址输出结果是这样的，不是我要的结果我初学node这个问题不解决进行不下去了，希望知到的盆友能给我指点万分感谢求各位大神帮帮忙啊！！！...

原创 初学node 【mysql 增删改查基本操作】详解

目录安装操作mysql数据库的第三方模块连接配置mysql数据库执行sql语句查询插入一般方法简便方法更新一般方法简便方法删除标记删除安装操作mysql数据库的第三方模块npm i mysql如果安装过程中报错：原因是你的npm版本太高了，降低一下版本npm i [email protected] -g连接配置mysql数据库// 1、导入数据库const mysql = require('mysql')// 建立链接关系c

原创 nodemon : 无法加载文件 C:\Users\AppData\Roaming\npm\nodemon.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.micros

原因：你的电脑禁止运行脚本，把这个权限放开就行了电脑搜索 Windows Powershell右键以管理员身份运行进入页面执行命令set-ExecutionPolicy RemoteSigned结果输入y运行命令查看结果get-ExecutionPolicy再去运行nodemon命令，成功耶耶耶耶耶耶耶耶耶撒花花耶耶耶耶耶耶耶耶耶撒花花耶耶耶耶耶耶耶耶耶撒花花耶耶耶耶耶耶耶耶耶撒花花耶耶耶耶耶耶耶耶耶撒花花...

原创 关于map()和forEach的细微区别

map（）和forEach（）都是用来遍历数组的，用法大致相同，但也有细微的差别不同：forEach()针对每一个元素执行提供的函数，对数据的操作会改变原数组 var arr1 = [0, 2, 4, 6, 8]; var newArr1 = arr1.forEach(function (item, index, arr1) { console.log(this); console.log(arr1);

原创 深度还原vue组件的【父向子传值】

今天学习了vue组件的父向子传值，来csdn记录一下喽。父向子传值演示：Father Son 让美女来总结一下这个案例吧：我创建了一个son.vue组件，之后把son.vue引入到父组件app.vue里面。步骤就是：1、在app.vue的<script></script>中导入组件 2、在app.vue的<script></script>中注册组件 3、在app.vue的<template>...

原创 【贪婪匹配】和【非贪婪匹配】

在学到正则的时候，看到了贪婪匹配，感觉又是什么高深莫测的术语，其实不然。贪婪匹配：尽可能匹配最长的字符串 非贪婪匹配： 尽可能匹配最短的字符例如：ga<div>8901</div>bb<div>test2</div>如果想要匹配一个完整的div，贪婪模式的结果为：<div>8901</div>bb<div>test2</div>非贪婪模式的结果为：<div>8901</d

原创 解决安装了esay-less保存less文件后生成的css里面没有内容

此方法只针对本人遇到的问题如果本来你的less一切正常，突然发现在less里面写内容，生成的css里面不会增加相应的样式了很可能是你删了生成的css文件里面的代码！！（很鸡肋，不明白为什么css里面的代码删除之后，保存less之后不会继续生成css代码）这时候你可以删除生成的css文件---再次保存less文件，就会生成一个新的css文件，此时css里面是有代码的。❀如果对你有帮助点赞支持一下吧❀...

原创 【重要】import和link引入css的区别

1、@import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。2、加载页面时，link标签引入的 CSS 被同时加载；@import引入的 CSS 将在页面加载完毕后被加载。3、@import是 CSS2.1 才有的语法，故只可在 IE5+ 才能识别；link标签作为 HTML 元素，不存在兼容性问题。4、可以通过 JS 操作 DOM ，插入link标签来改变样式；由于 DOM 方法是基于

原创 【用src的开放性原则，结合百度接口，实现搜索提示】

如图所示，当输入数字1时下面会动态的产生相关的链接，这种效果，可以用src的开放性原则实现具体实现代码如下：注意：点击li把li里面的内容映射到输入框中之所以没有绑定click事件，是因为，给输入框绑定了失去焦点事件，而li所在的区域在输入框外面，点击li会触发失去焦点事件，是的li所在的ul内容直接清空，也就不会把内容映射到输入框中了...

原创 【仿小米商城网站】html+css 源码和效果图

导航栏鼠标经过样式：侧边栏鼠标经过样式：主体部分：底部区域：想要源码的可以留言评论哦！

原创 求各位朋友帮助

这里面的resp.s.forEach() 里面的 . s 是什么意思，以前都没见过，也没搜索出来。

原创 js字符串截取的3中方法你分的清吗？

1. substring() 方法substring() 的用法为：str.substring( startIndex [,endIndex] )substring() 用于提取并返回字符串索引值 startIndex 到 endIndex-1 之间的字符串。参数为负数时会看成 0。如果第一个参数为正数，第二个参数为负数，则两个参数会对调位置。如果 startIndex 比 endIndex 大，则在提取子串之前会先对调这两个参数。如果 startIndex 和 endIndex 相等，则..

原创 webpack报错【webpack-cli】Unable to load ‘@webpack-cli/serve‘ command

解决方案：在终端里面执行命令：npm install webpack-cli --save-dev*★,°*:.☆(￣▽￣)/$:*.°★* 。解决啦。

原创 安装webpack 报错 npm ERR code EINVALIDTAGNAME

当我们安装webpack包的时候可能会遇到这种错误，如图所示：这种原因可能是你的npm版本太低导致的，需要升级一下npm的版本可以在项目终端执行命令升级升级之后继续写入你所需要的指令问题就解决啦✌*★,°*:.☆(￣▽￣)/$:*.°★* 。...

原创 今天才知道b标签和strong标签差别这么大

b和strong都是使字体加粗。区别一：但是strong的语义性更强烈，对于优化搜索来说更好，能让它知道你这里面的内容的语义效果，b只对视觉效果进行了强调，而语义上没有帮助。区别二：strong是web标准中xhtml的标签，strong的意思是“强调”；b是html的，b的意思是bold（粗体）。为了符合现在W3C的标准，推荐使用strong标签。...

原创 【前端面试】div和p标签都是块级元素，有什么区别？

区别一：语义p标签的语义是段落。div没有语义区别二：样式如果在p标签内写一段文字，形成段落，在该段落前后会有空白行，这是p标签特有的样式。但是如果在div内写段落不会有

原创 如何让鼠标禁止右键菜单、禁止鼠标选中文本？

原创 js事件解绑的两种方式

传统解绑方式非传统解绑方式

转载 关于【ajax中post和get方法的区别】这件事

get和post都是向服务器发送的一种请求，只是发送的机制不同。两者最简单的区别1、使用get请求时，参数在url中显示，而使用post方式，则不会显示出来（get请求会将参数跟在url够进行传递，而post请求则是作为HTTP消息的实体内容发送给web服务器。当然在ajax请求中，这种区别对用户是不可见的。）2、使用get请求发送数据量小，只能传递大约1024字节。post请求发送数据量大，可以达到2M（理论上无限制）3、get请求需注意缓存问题，post请求不需担心这个问题（get方式请求

原创 必会 * ajax 中封装get方法和post方法

❀直接上图有注释封装get方法封装post方法❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀...

原创 前端进阶(做网站必备)----SEO网站优化

SEO汉译为搜索引擎优化，是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式，换而言之就是优化后能更容易被用户搜索到。主要从三方面优化1、title网站标题优化建议： 网站名-网站介绍。2、description网站说明优化建议：简要说明网站是做什么的3、keywords关键字优化建议：能突出网站特点的关键字，数量最好限制为6-8个为佳...

原创 关于＜span＞标签没有设置display属性，还能设置宽高问题

span元素属于行内元素，按道理来说行内元素如果不把display:block或者display:inline-block把行内元素转化为块级元素是不能设置宽高的，但是也有特殊性情况行内元素设置了position属性或float属性在这两种情况下display默认为inline-block因此可以设置宽高。撒花❀❀...

原创 form表单的method属性

method属性有两种方法get 和post但是应该选哪种方法应该以具体情况而论 以下情况用get方法如果希望获得最佳表单传输性能，可以采用 GET 方法发送只有少数简短字段的小表单 如果想在表单之外调用服务器端的应用程序，而且包括向其传递参数的过程，就要采用 GET 方法，因为该方法允许把表单这样的参数包括进来作为 URL 的一部分。而另一方面，使用 POST 样式的应用程序却希望在 URL 后还能有一个来自浏览器额外的传输过程，其中传输的内容不能作为传统 <a> 标签的内..

原创 [初学js] js中console.log()和console.dir()的区别？

console.log()在网页脚本中使用console.log()时，会在浏览器控制台（console）打印出想打印出来的东西。console.dir()可以打印出一个对象所有的属性和方法。

原创 【pink老师--前端经典面试题】mouseover与mouseenter的区别。

mouseover与mouseenter都是上鼠标经过事件，在鼠标经过时触发。两者有什么区别呢看下面代码演示。代码的意思是父盒子里面有一个小盒子。给父盒子绑定mouseover事件，按道理给父盒子绑定的事件，应该只有父盒子执行才对，但事实并非如此，????下图是鼠标经过子盒子时的现象。原因就是在鼠标经过子盒子时候，子盒子没有绑定事件故会向上冒泡，父盒子绑定有事件就会执行。下面来看mouseenter事件当经过子盒子时并不会出现弹窗，也就是说没有产生冒泡事件，证

原创 CIDR划分子网： 一个自治系统有 5 个局域网，其连接如下图。LAN1 至 LAN4 上的主机数目分别为 180、60、15、20。 该。。。

57、一个自治系统有 5 个局域网，其连接如下图。LAN1 至 LAN4 上的主机数目分别为 180、60、15、20。 该自治系统分配到的 IP 地址为 30.138.170/23。给出每一个局域网的地址块，包含网络前缀。 Lan1有180个主机和一个路由器地址一共四个地址Lan2有60个主机和一个路由器地址一共60个地址 Lan3有15个主机和一个路由器地址一共16个地址 Lan4有20个主机和一个路由器地址一共21个地址...

原创 程序员面试题之------数字签名工作原理

数字签名工作过程包括：1、报文加密发送报文时，发送方用一个哈希函数从报文文本中生成报文摘要，然后用自己的私人密钥对这个摘要进行加密；2、报文发送加密后的摘要将作为报文的数字签名和报文一起发送给接收方；3、报文接收接收方首先用与发送方一样的哈希函数从接收到的原始报文中计算出报文摘要，接着再用发送方的公用密钥来对报文附加的数字签名进行解密，如果这两个摘要相同、那么接收方就能确认该数字签名是发送方的。...

原创 计算机网络面试题----访问 http://www.baidu.com 时各层用到的协议

计算机网络面试题----访问 http://www.baidu.com 时各层用到的协议

原创 文本域默认会放大缩小，如何把文本域设置为禁止推拽状态，从而固定大小呢

如下图，textarea标签默认在火狐、谷歌等浏览器下是可以进行右下角拖拽的，也就是当鼠标放上右下角点击之后文本域大小会随鼠标的移动放大或者缩小。但是在实际开发中并不需要这个功能，所以如何能够取消这个默认功能呢？方法一：设置最大宽度、最小宽度、最大高度、最小高度、将宽高锁死，但是这种方法比较麻烦。方法二：给文本域设置属性resize：none 是工作中最常用的方法，该属性能直接固定文本域的大小，但是css3中的方法，部分浏览器可能会有兼容问题。如果有帮助点个支持以下哦，以后会继...

原创 用getElementsByClassName获取元素后，绑定的事件为什么不起作用。

用getElementsByClassName获取元素后，绑定的事件为什么不起作用。