- 博客(7)
- 收藏
- 关注
RSS订阅原创 移动端适配问题
做过移动端的小伙伴们都知道，移动端的适配是一个比较难解决的事。首先我们先来了解下移动端的物理像素、逻辑像素、像素比的概念。1.物理像素：通常是指浏览器的分辨率，也可理解为屏幕的宽度*高度。开发PC端的话，css中的1px就等于一个物理像素；2.逻辑像素：这个概念主要针对移动端，移动端开发的话，1px就是一个逻辑像素；3.像素比（dpr）：物理像素/逻辑像素。在移动端可以通过window.de...
2019-08-25 10:43:11
200
原创 JS数据类型判断
1.在js语言中，包含7种数据类型：null，undefined，string，boolean，number，object,symbol。2.这些数据类型，我们通常可以用typeof去判断数据类型，但是js中有一个历史遗留的大bug，那就是typeof null=Object，为什么会有这么一个重大的bug呢？3.原因：所有的数据都是以二进制的形式存在内存中，而以000开头的数据会系统被判断是...
2019-08-21 08:53:10
316
原创 Vue如何最简单的实现tab功能
我们在开发中，尤其是在移动端，像tab这种需求肯定是经常遇到，那么怎么简单的实现这么一个功能呢？很多童鞋肯定会说着很简单，当点击的或者所在的页面图片换成点击效果的图片，然后每个部分复制一份，这样是可以实现，但是很麻烦。下面我介绍一种简单的实现一种更简单的方法<template> <ul class="nav"> <li v-for="(item,...
2019-08-20 23:27:53
570
原创 前端性能优化
作为一名前端开发，掌握一些前端性能优化是非常有必要的，下面我来列举下我个人比较常用的方法。1.减少http请求（占前端性能优化的80%）。http请求是非常耗资源的，因为每次http请求都需要经过三次握手，这无疑是增加了许多的请求时间。①图片方面A将项目中用到的小图标合成一张精灵图（雪碧图）。如果可以，使用icofont，这些将会大大的减少一个http请求。B如果是稍微比较大的图片，我们可...
2019-08-20 23:07:33
123
原创 vue封装的组件如何在调用时绑定click事件
我们在开发中会封装许多的通用的组件，那么如何封装好一个组件时，在调用的时候绑定click事件呢？1.child组件<template> <div class="child" @click="$emit'childClick',123) /> //说明：第一个参数：childClick ，是事件名，在调用的时候需要用到，第二个参数123，是你在调用的时候传...
2019-08-13 21:29:25
3907
2
原创 js闭包的理解
JavaScript中闭包无处不在，只是我们能不能去识别它。当函数可以记住并能访问所在的语法作用域时，就产生了闭包。我们来看下面这个例子1. function fun(){ var a=1; function foo(){ console.log(num) 1 } foo(){ } ...
2019-08-13 21:13:10
171
原创 vue 从webpack 3X升级到 webpack 4.X全过程
当前项目我是采用的webpack3.6 应用的是vue-cli安装的项目，由于webpack4官方尚未出脚手架，所以我们升级到webpack4的话需要手动升级。我是按照如下步骤去升级的。备注：我用的npm的版本是6.4.1；你们可以在终端执行npm -v 查看当前npm版本。1.首先升级webpack（先卸载之前的webpack）npm uninstall webpack卸载完完后 再...
2019-08-10 14:04:50
3106
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人