前端
zxer123
这个作者很懒,什么都没留下…
展开
-
2020-09-22
VUEvue基础二级目录三级目录vue基础二级目录三级目录理解的 $ 只是一种约定俗成的明明方式,表示这个属性或者方法存在于 Vue 实例的原型上:this.$refs.loginFormRef.resetFields()把axios挂载到vue原型上,每个组件可以通过this.$http来请求组件按需加载element.jsimport { Button, Form, FormItem, Input, Message } from 'element-ui'Vue.use(Button)原创 2020-09-22 22:56:51 · 145 阅读 · 0 评论 -
js编程记录
编程9.13数组1.复制数组的几种方式1.1浅拷贝1.2深拷贝2.找出数组arr中重复出现的元素数组去重数组1.复制数组的几种方式1.1浅拷贝arr.slice() let a = [1,2,3,{a:1}]; let b = a.slice(); a[3].a=2 console.log(b)//[1,2,3{a:1}]arr.concat() let a = [1,2,3,{a:1}];原创 2020-09-15 22:56:17 · 114 阅读 · 0 评论 -
js相关面试
这里写目录标题1. 数组去重的几种方式1. 数组去重的几种方式1.1 new Set()方式return Array.from(new Set(arr))1.2 嵌套for循环+splice1.3 new新数组,indexOf判断存在,不存在push在这里插入代码片1.4 for of+object利用对象属性不重复,判断元素是否重复1.5 Array.sort排序+比较相邻元素是否相同arr= arr.sort();...原创 2020-09-13 22:51:43 · 72 阅读 · 0 评论 -
Axios基础
Axios基础axios特性Axios用在什么场景?axios实现axios特性1、可以在浏览器中发送 XMLHttpRequests2、可以在 node.js 发送 http 请求3、支持 Promise API4、拦截请求和响应5、转换请求数据和响应数据6、能够取消请求7、自动转换 JSON 数据8、客户端支持保护安全免受 XSRF 攻击Axios用在什么场景?1.浏览器发送请求,或者Node.js发送请求都可以用到Axios。像Vue、React、Node等项目就可以使用Axio原创 2020-09-07 22:52:07 · 124 阅读 · 0 评论 -
2020-09-07
路由路由是什么前端路由的实现原理一级目录路由是什么本质就是一种对应关系,url地址和真实的资源对应的关系前端路由的实现原理前端路由是依靠hash值(锚链接)的变化进行实现(比如点击页面中的菜单或者按钮改变URL的hash值,根据hash值的变化来控制组件的切换)根据不同的事件来显示不同的页面内容,即事件与事件处理函数之间的对应关系前端路由主要做的事情就是监听事件并分发执行事件处理函数核心实现依靠window.onhashchange一级目录...原创 2020-09-07 22:51:04 · 84 阅读 · 0 评论 -
Ajax基础
Ajaxajax是什么ajax简介应用场景ajax的作用ajax的原理如何实现ajax二级目录三级目录ajax是什么ajax简介链接AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。Ajax是浏览器提供的一套方法,主要作用就是在不刷新页面的情况下向服务器端发请求与服务器端进行交互从而更改客户端页面的数据或状态,主要目的就是为了提高用户体验。应用场景situation1:比如浏览网页的时候浏览到底部有一个‘加载更多’按钮,之原创 2020-09-05 22:37:45 · 87 阅读 · 0 评论 -
前端面试
1.详细讲一下项目用到的技术2.代码部分2.1实现数组去重 <script> function abc(arr){ var ret=[] for(i=0;i<arr.length;i++){ if(ret.indexOf(arr[i])==-1){ ret.push(arr[i]) } } return ret; }原创 2020-09-04 16:27:29 · 334 阅读 · 0 评论 -
前端知识总结1
promise const promise = new Promise((resolve)=>{ console.log(1); resolve(); console.log(2); }) promise.then(()=>{ console.log(3); }); console.log(4);answer:1,2,原创 2020-09-03 18:28:58 · 128 阅读 · 0 评论 -
双飞翼布局
双飞翼布局1.先设置头部和尾部的高度2.三个同height float,两边定宽度,中间100%,别忘去浮动3.左边margin-left:100%, 右边-100px,中间被压住4.中间设margin原创 2020-09-03 15:27:18 · 125 阅读 · 0 评论 -
react知识梳理
react基础知识1.react的基本概念React是Facebook开发出的一款JS库 Facebook认为MVC无法满足他们的扩展需求特点1.react不使用模板2.react 不是一个MVC框架3.响应式4. react是一个轻量级的js库原理虚拟DOM react把DOM抽象成为一个JS对象diff算法1.虚拟DOM确保只对界面上真正发生变化的部分进行实际的DOM操作2.逐层次的来进行节点的比较react 历史轴20132.react 开发环境的搭建1.react原创 2020-07-28 20:24:36 · 180 阅读 · 0 评论 -
表单验证之正则表达式
邮箱验证:/^\w+@\w+(\.\w+)+$/手机号验证: /^1[34578]\d{9}$/原创 2020-07-10 20:44:43 · 111 阅读 · 0 评论 -
前端布局神器display:flex
参考作者三、容器属性设置在容器上的属性有6种。flex-directionflex-wrapflex-flowjustify-contentalign-itemalign-contentflex-direction属性:决定主轴的方向(即项目的排列方向)align-items属性:定义在交叉轴上的对齐方式对齐方式与交叉轴的方向有关,假设交叉轴从下到上。.box{ align-items: flex-start | flex-end | center | baseline原创 2020-07-09 18:45:47 · 481 阅读 · 1 评论 -
理解伪元素选择器
理解伪元素选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> q::before原创 2020-07-07 19:29:11 · 117 阅读 · 0 评论 -
安装npm install sass-loader node-sass -D报错的原因和解决办法
Vue安装sass的命令:1、npm install node-sass --save-dev2、npm install sass-loader --save-dev运行出现错误,解决方案如这里1. 首先安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org2. 用cnpm重新安装一次cnpm install node-sass --save-devcnpm install sass-loader --sav原创 2020-07-07 17:07:40 · 12870 阅读 · 1 评论 -
解决nodejs Express安装第三方模块 bcrypt(加密模块)错误百出的问题
bcryptjs,它是一个第三方密码加密库,是对原有 bcrypt 的优化,优点是不需要安装任何依赖直接引入即可使用npm/cnpm install bcryptjsasync function run () { // 生成随机字符串 // genSalt方法接收一个数值作为参数 // 数值越大 生成的随机字符串复杂度越高 // 数值越小 生成的随机字符串复杂度越低 // 默认值是 10 // 返回生成的随机字符串 const salt = await bcrypt.genSalt(原创 2020-07-05 13:40:22 · 608 阅读 · 0 评论 -
vue-devtools 编译安装(yarn install卡住解决方案)
vue-devtools 编译安装先从Github 拉源码git clone https://github.com/vuejs/vue-devtools.git编译 vue-devtools1. 安装yarnnpm install yarn -g将yarn添加淘宝源#设置永久镜像yarn config set registry https://registry.npm.taobao.org2. 安装项目的全部依赖切换到vue-devtools目录下yarn install此时y原创 2020-07-01 21:24:44 · 6713 阅读 · 4 评论 -
mongoDB采坑
mongoDB采坑安装问题没有权限参考https://blog.csdn.net/qq_20084101/article/details/82261195原创 2020-07-01 20:23:42 · 181 阅读 · 0 评论 -
js数组总结
数组方法创建数组的两种方式字面量方式示例代码如下:var arr = [1,"test",true];new Array()示例代码如下:var arr = new Array(); 注意:上面代码中arr创建出的是一个空数组,如果需要使用构造函数Array创建非空数组,可以在创建数组时传入参数 参数传递规则如下:如果只传入一个参数,则参数规定了数组的长度如果传入了多个参数,则参数称为数组的元素检测是否为数组instanceof原创 2020-06-29 16:08:48 · 115 阅读 · 0 评论