Hdd_whj的博客

前端易错笔试题集锦

Hdd_whj — Tue, 27 Apr 2021 08:47:17 +0800

vue封装过滤器

Hdd_whj — Sun, 25 Apr 2021 21:57:40 +0800

通常为了提高性能会对组件进行封装同理为减少代码的冗余我们可以对全局过滤器进行封装举个栗子：后台返回的时间戳处理的常用方法 => 日常科普：时间戳：即1970年1月1日到现在的经过的毫秒数前端处理时间戳有两种方式： 1.利用new Date日期对象处理 var d=new Date(传入时间戳*1000) 再通过getFullYear(),getMonth(),getDate(),getHours(),getMinutes(),getSeconds() 2.利用mo.

通过防抖和节流对搜索引擎进行优化

Hdd_whj — Fri, 23 Apr 2021 00:50:36 +0800

防抖和节流：主要目的是为了降低高频事件触发，减少dom操作或请求次数，提升性能常用事件: onscroll,onresize,keyup/keydown,mousemove 防抖：在固定时间内，如果有事件触发，则会再延长固定时间，直到固定时间内没有触发事件再做处理例如：电梯和屏保节流指定一个固定时间，无论是事件触发与，只要到了固定时间，都会触发使用方法第三方函数工具库：lodash 安装： npm i lodash 引入：import _ from ‘lodash’ 例：

封装登录接口（环境地址、axios、项目接口）

Hdd_whj — Wed, 21 Apr 2021 21:59:29 +0800

封装环境地址 const env = { //线上环境 prod: { baseURL:‘https://www.XXXXX.top:8888’ }, //开发环境 dev: { baseURL:‘https://www.dev.top:8888/’ }, //测试环境 test: { baseURL:‘https://www.test.top:8888/’ } } export default env; 封装axios //引入axios import axios from ‘axios’ .

安装element ui详解

Hdd_whj — Tue, 20 Apr 2021 21:58:45 +0800

vue add element` ? How do you want to import Element? Fully import //全部安装还是按需安装 ? Do you wish to overwrite Element’s SCSS variables? No //不覆盖sass变量 ? Choose the locale you want to load zh-CN //你使用的本地语言：zh-CN 中文如果不想使用严格模式可以禁用代码如下：项目根目录下创建vue.co

获取url中的参数

Hdd_whj — Mon, 19 Apr 2021 21:57:48 +0800

function getUrlParam(sUrl, sKey) { var p = (sUrl.split('?')[1] || '').split('&'); var o = {}; p.forEach(function(i) { var k = i.split('='); var v = (k[1] || '').split('#')[0] if (o[k[0]]) { o[k[0]] = typeo

如何实现弹框后跳转

Hdd_whj — Fri, 16 Apr 2021 21:40:47 +0800

今天在做项目时遇到判断条件后有一个弹框在弹框弹完之后跳转页面最开始按照以下代码没有出现弹框就直接跳转了 if(this.data.value === this.data.value2){ wx.showToast({ title: '设置成功', }) wx.redirectTo({ url: '/pages/grxx/gerenXX', }) 解决方法：添加计时器代码如下： if(this.data.value === this.data.value2){ wx.showToast({ ti

常见面试题之new函数与异步问题

Hdd_whj — Thu, 15 Apr 2021 21:40:02 +0800

1.new 函数，访问原型上方法 //定义一个Foo函数 function Foo() { getName = function () { alert(1) }; return this; } Foo.getName = function () { alert(2) }; Foo.prototype.getName = function () { alert(3) }; //函数表达式 var getName = function () { alert(4) } //函数声明 function getNa

小程序过滤数据最简便的方法 filter

Hdd_whj — Wed, 14 Apr 2021 21:00:06 +0800

使用filter进行过滤例：通过id匹配要用的数据 hoperightList().then(res=>{ this.setData({ rightList:res, quactionList:res.filter(e=> e.categoryId===36196), shopingList:res.filter(e=> e.categoryId===36197), dingdanList:res.filter(e=> e.categoryId===36198), xieyiL

小程序组件slot、样式隔离、模板复用

Hdd_whj — Wed, 14 Apr 2021 20:37:01 +0800

1.组件slot slot:用于在不破坏组件的情况下，给组件嵌入结构的一种方式例：组件页面： .... .... cate页面：安全高效&

小程序组件之间如何通讯

Hdd_whj — Tue, 13 Apr 2021 08:06:16 +0800

1.父传子如何传递：如何接收： Component({ ... properties: { //要接收的属性 title:{ //接收的类型 type:String, //接收的默认值 value:"此处应该有一个标题" }, content:{ type:String, value:"此处应该是内容" } }, .... }) 2. 子传父主要通过事件派发，监听模式：

前端常错笔试题

Hdd_whj — Tue, 06 Apr 2021 21:43:51 +0800

前端常错笔试题小集锦 label默认属于行内元素常犯错误 : li 获取原生JS的父节点的是element.parentNode（）常犯错误：element.getParent() CSS 选择器最小值必须从1开始，最小为1 常犯错误：从0开始静态语言（强类型语言）静态语言是在编译时变量的数据类型即可确定的语言，多数静态类型语言要求在使用变量之前必须声明数据类型。例如：C++、Java、Delphi、C#等。动态语言（弱类型语言）动态语言是在运行时确定数据类型的语言。变量使用之前不需要类型声明

原生JS的常用方法

Hdd_whj — Sun, 04 Apr 2021 15:09:46 +0800

原生JS的常用方法 1.函数接收参数并弹出例如：

用码云进行小组内的团队协作

Hdd_whj — Thu, 01 Apr 2021 20:09:54 +0800

用码云进行小组内的团队协作使用git clone方法使用git clone方法 1.git clone 组长地址 2.本地创建好dev和自己的分支 3.把组长的dev与自己创建的dev合并git pull origin dev 4.切换到自己的分支后在克隆来的文件里写代码然后上传git add. git commit -m ‘’ 5. git push origin 自己的分支名团队协作示意图 ...