- 博客(9)
- 收藏
- 关注
RSS订阅原创 css经典布局 三栏布局（双飞翼布局）
提示：要求：两边定宽，中间自适应！一、flex实现代码如下（示例）：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal
2021-09-18 07:43:36
209
原创 GET和POST两种基本请求方法的区别
GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题，你的内心充满了自信和喜悦。你轻轻松松的给出了一个“标准答案”：GET在浏览器回退时是无害的，而POST会再次提交请求。GET产生的URL地址可以被Bookmark，而P
2021-07-15 17:39:04
165
原创 IOS移动端click事件300ms的延迟响应
一、问题由来？移动设备上的web网页是有300ms延迟的，往往会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的.2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上，使用了双击缩放(double tap to zoom)的方案，比如你在手机上用浏览器打开一个PC上的网页，你可能在看到页面内容虽然可以撑满整个屏幕，但是字体、图片都很小看不清，此时可以快速双击屏幕上的某一部分，你就能看清该部分放大后的
2021-02-19 18:54:42
841
1
原创 前端面试：防抖与节流
一、什么防抖？防抖：短时间内大量触发同一事件，只会执行一次函数，实现原理为设置一个定时器，约定在xx毫秒后再触发事件处理，每次触发事件都会重新设置计时器，直到xx毫秒内无第二次操作，防抖常用于搜索框/滚动条的监听事件处理，如果不做防抖，每输入一个字/滚动屏幕，都会触发事件处理，造成性能浪费。function debounce(func, wait) { let timeout = null return function() { let context = this
2021-02-03 17:35:40
379
原创 Vuex持久化插件-解决刷新数据消失的问题
一、利用vuex-persistedstate插件1.安装npm install vuex-persistedstate --save2.引入及配置 在store下的index.js中代码如下（示例）：默认存储到 localStorageimport createPersistedState from "vuex-persistedstate"const store = new Vuex.Store({ // ... plugins: [createPersistedState(
2021-01-29 15:07:02
131
原创 前端优化 ：js实现图片懒加载原理
有时候一个网页会包含很多的图片，例如淘宝京东这些购物网站，商品图片多只之又多，页面图片多，加载的图片就多。服务器压力就会很大。不仅影响渲染速度还会浪费带宽。比如一个1M大小的图片，并发情况下，达到1000并发，即同时有1000个人访问，就会产生1个G的带宽。为了解决以上问题，提高用户体验，就出现了懒加载方式来减轻服务器的压力，优先加载可视区域的内容，其他部分等进入了可视区域再加载，从而提高性能。效果图如下一、懒加载原理？一张图片就是一个标签，浏览器是否发起请求图片是根据的src属性，所以实现.
2021-01-27 10:13:42
375
原创 如何安装搭建一个前后端vue项目的开发环境？
本章节主要说的是如何完整的搭建一个项目的开发环境一、1.先安装node去菜鸟教程看 输入 node -v，如果出现相应的版本号，则说明安装成功。二、安装淘宝镜像代码如下（示例）：npm install -g cnpm --registry=https://registry.npm.taobao.org三、安装vue-cli脚手架构建工具代码如下（示例）：npm install -g @vue/cli安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本
2020-12-29 14:49:37
489
4
原创 修改npm的默认安装路径和数据源
修改npm的默认安装路径和数据源一、第一步： npm config ls 查看npm相关配置？代码如下： npm config ls 二、修改npm默认全局安装路径1.执行代码代码如下： npm config set prefix "C:\nodejs\node_gobal" npm config set cache "C:\nodejs\node_cache"例图如下：这两行命令执行后默认不会有提示 表示成功 反之失败2.检查是否修改成功，如果成功，要配置环境变
2020-12-14 18:09:39
497
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人