- 博客(14)
- 收藏
- 关注
原创 前端易错笔试题集锦
<svg> 标签的目的是什么?答案:用可伸缩矢量图来画图或文本CSS3新增特性有()答案:1、CSS3选择器2、CSS3边框(Borders)3、CSS3背景4、CSS3渐变5、CSS3文本效果6、CSS3字体(@font-face规则)7、CSS3转换和变形1)2D转换方2)3D转换属性8、CSS3过度(transition属性)9、CSS3动画(@keyframes规则 animation属性)10、CSS3多列11、CSS3盒模型12、CSS3伸
2021-04-27 08:47:17 198
原创 vue封装过滤器
通常为了提高性能会对组件进行封装 同理为减少代码的冗余我们可以对全局过滤器进行封装举个栗子:后台返回的时间戳处理的常用方法 =>日常科普:时间戳:即1970年1月1日到现在的经过的毫秒数前端处理时间戳有两种方式:1.利用new Date日期对象处理 var d=new Date(传入时间戳*1000) 再通过getFullYear(),getMonth(),getDate(),getHours(),getMinutes(),getSeconds() 2.利用mo.
2021-04-25 21:57:40 229
原创 通过防抖和节流对搜索引擎进行优化
防抖和节流:主要目的是为了降低高频事件触发,减少dom操作或请求次数,提升性能常用事件:onscroll,onresize,keyup/keydown,mousemove防抖:在固定时间内,如果有事件触发,则会再延长固定时间,直到固定时间内没有触发事件再做处理 例如:电梯和屏保节流指定一个固定时间,无论是事件触发与,只要到了固定时间,都会触发使用方法第三方函数工具库:lodash安装: npm i lodash引入:import _ from ‘lodash’例:
2021-04-23 00:50:36 180
原创 封装登录接口(环境地址、axios、项目接口)
封装环境地址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//引入axiosimport axios from ‘axios’.
2021-04-21 21:59:29 213
原创 安装element ui详解
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
2021-04-20 21:58:45 271
原创 获取url中的参数
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
2021-04-19 21:57:48 92
原创 如何实现弹框后跳转
今天在做项目时遇到判断条件后有一个弹框 在弹框弹完之后跳转页面 最开始按照以下代码没有出现弹框就直接跳转了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
2021-04-16 21:40:47 400
原创 常见面试题之new函数与异步问题
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
2021-04-15 21:40:02 448
原创 小程序过滤数据最简便的方法 filter
使用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
2021-04-14 21:00:06 583
原创 小程序组件slot、样式隔离、模板复用
1.组件slotslot:用于在不破坏组件的情况下,给组件嵌入结构的一种方式例:组件页面:<view class="dialog_box" wx:if="{{ isShow }}"> .... <slot name="a"></slot> .... </view>cate页面:<Dialog-box> <view slot="b"> <text>安全</text> <text>高效&
2021-04-14 20:37:01 344
原创 小程序组件之间如何通讯
1.父传子如何传递:<Dialog-box id="dialog" title="订单信息" content="订单支付内容" />如何接收:Component({ ... properties: { //要接收的属性 title:{ //接收的类型 type:String, //接收的默认值 value:"此处应该有一个标题" }, content:{ type:String, value:"此处应该是内容" } }, .... })2. 子传父主要通过事件派发,监听模式:
2021-04-13 08:06:16 331
原创 前端常错笔试题
前端常错笔试题小集锦label默认属于行内元素 常犯错误 : li获取原生JS的父节点的是element.parentNode() 常犯错误:element.getParent()CSS 选择器最小值必须从1开始,最小为1 常犯错误:从0开始静态语言(强类型语言)静态语言是在编译时变量的数据类型即可确定的语言,多数静态类型语言要求在使用变量之前必须声明数据类型。例如:C++、Java、Delphi、C#等。动态语言(弱类型语言)动态语言是在运行时确定数据类型的语言。变量使用之前不需要类型声明
2021-04-06 21:43:51 112
原创 原生JS的常用方法
原生JS的常用方法1.函数接收参数并弹出例如: <div class="box"> <input type="text" name="item" value="北京市"><br> <input type="text" name="item" value="朝阳区"><br> <button id="btn">传参</button> </div>
2021-04-04 15:09:46 354
原创 用码云进行小组内的团队协作
用码云进行小组内的团队协作使用git clone方法使用git clone方法1.git clone 组长地址2.本地创建好dev和自己的分支3.把组长的dev与自己创建的dev合并git pull origin dev4.切换到自己的分支后在克隆来的文件里写代码然后上传git add. git commit -m ‘’5. git push origin 自己的分支名团队协作示意图...
2021-04-01 20:09:54 247
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人