- 博客(16)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 高性能网站建设指南 阅读总结
本书2008年出版，有些内容显得有些老了，很多优化已经被广泛应用甚至有了更好的优化方式，但是阅读后仍然获益良多。绪言A ：前端性能的重要性时间花在哪了？（性能黄金法则）至少80%的最终用户响应时间花在了下载页面中所有组件上，仅10%-20%的时间用来下载HTML文档绪言B ：HTTP概述压缩：用压缩减小响应的大小，服务器用Content-Encoding头确认响应已被压缩条件get请求：浏览器缓存的副本，用Last-Modified头使浏览器知道组件最后修改时间，服务器会返回304响应.
2022-02-27 17:45:31
338
1
原创 3D动画：樱花雨
基于canvas和requestAnimationFrame动画的樱花雨效果，效果如下源码链接：执行过程（先进行实例初始化）setParameters创建canvas标签，并设置宽高后加入容器中maxAddingInterval：设置新生花瓣的间隔时间reconstructMethods：改变render函数指向createCherries根据屏幕宽度和初始值，确定花瓣初始生成数量new CHERRY_BLOSSOM（init）初始化该花瓣参数rende.
2021-12-21 23:30:00
644
原创 移动vue-cli项目遇到的问题
我因为一些需求把我创建的vue-cli项目移动到了另一个盘符下面，启动时遇到好多报错1、没有安装axios elementui，重新安装就是解决cnpm i axios element-ui -S2、再次运行，又报错如果你仔细寻找，就会发现这些文件你都有，他就是不能识别解决：删除node_modules下_element-ui@2.13.1@element-ui文件夹，重新下载eleme...
2020-04-22 19:19:03
332
原创 vscode 插件Vetur解决代码高亮和格式化问题
在用vscode打开vue项目的时候，通常会这样后来找到了一个插件Vetur下载后重新加载页面，页面就比较舒服了，解决了代码高亮问题但是我们发现，vue文件html代码无法格式化，这样就比较难受，后来在设置settings.json中添加设置 // 更改vue的html格式 "vetur.format.defaultFormatter.html": "js-beautify-...
2020-04-20 12:21:53
7117
6
转载 关于ajax请求本地json文件跨域的问题
举一个需求的例子做前端开发的时候,会经常使用一些假数据,这个时候我们就会在本地进行ajax请求,来获取数据,如果使用的编译器是webstrom,使用ajax就不会出现跨域的问题,但是现在使用vscode的人越来越多,使用vscode就会出现file本地协议问题,所以个人提出一些解决方案.方案一:如果嫌一系列操作麻烦的话,就直接使用webstrom,不用考虑其他方法.方案二:使用火狐浏...
2020-03-18 19:39:48
1125
转载 【JS】深拷贝与浅拷贝的区别，实现深拷贝的几种方法
壹 ❀ 引如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。此篇文章中也会简单阐述到栈堆，基本数据类型与引用数据类型，因为这些概念能更好的让你理解深拷贝与浅拷贝。我们来举个浅拷贝例子：let a=[0,1,2,3,4], b=a;cons...
2020-03-09 22:00:01
92
转载 圣杯布局和双飞翼布局的理解和区别
题目来源：前端每日3+1第1天 圣杯布局和双飞翼布局的理解和区别，并用代码实现1、圣杯布局浮动、负边距、相对定位、不添加额外标签效果图DOM结构：<p class="header">Header</p><p class="bd"> <p class="main">Main</p> <p class="l...
2020-02-01 17:43:06
510
转载 一个合格的程序猿应该收藏的网站
今天浏览博客发现一个博主分享的程序员需要了解的网站，真的很全面，里面干货也很多，就想分享给大家。原文地址：https://blog.csdn.net/sinat_33921105/article/details/103899234作者：ithuangqingPS：每个网站都是学计算机混互联网必须知道的，真的牛杯，我就不过多介绍了，大家自行探索，觉得没用的，尽管留言吐槽吧????社区类1、G...
2020-02-01 15:47:48
225
1
原创 原生js实现放大镜
思路：1、移入移出事件：移入目标盒子出现放大镜盒子和遮罩层盒子2、Tab切换：点击下面列表选项切换目标盒子内容3、鼠标移动：（1）拖拽和边界判定：用鼠标移动遮罩层盒子位置（2）调整放大镜盒子背景图片大小，使背景图片移动位置与遮罩层盒子移动位置成比例效果：一、css和html<div id="wrap"> <section> ...
2020-01-28 23:11:44
156
原创 Calculator-codewards-js
原题链接：https://www.codewars.com/kata/5235c913397cbf2508000048问题描述：Create a simple calculator that given a string of operators (), +, -, *, / and numbers separated by spaces returns the value of that e...
2020-01-10 09:46:11
183
原创 js制作轮播图
我的轮播图功能有：自动播放、点击焦点切换和点击左右按钮切换效果图：自动轮播点击焦点切换注意：本文用带背景颜色的li标签指代图片，有需要的话可以将图片插入li标签内思路：基础布局和css样式（1） 给盛放要轮播的图片的盒子绝对定位js中的代码（2） 复制第一张图片放在盒子最后，复制最后一张图片放在盒子最前，以保证轮播图左右滑动效果（否则看起来会有一点卡顿）（3）设置盒子位置...
2020-01-07 21:25:58
413
原创 鼠标拖拽和边界吸附
思路：1、拖拽获取元素绑定事件：当鼠标按下时，可以拖走；鼠标移动时，拖着走；鼠标抬起时，不能拖走2、边界值判定当鼠标将要超过边界值是，强行让元素位置固定在边界上效果：一、布局<div id="drag"></div>二、css样式* { margin: 0; padding: 0; ...
2020-01-03 16:43:51
1306
原创 Tab切换
js实现Tab切换（选项卡）Tab切换：点击或者鼠标划过时不同导航栏时，下面内容自动切换一 布局<div> <ul> <li class="active1">1</li> <li>2</li> <li>3</li&g...
2019-12-31 12:07:16
317
原创 js动态表格创建
js动态表格创建1、一个table表格，表格分为两个部分，上面是thead表头，表头里面仅一行，有3列（th), 下面是tbody表格内容，要求tbody中的每一行都是用js动态创建的1、一个table表格，表格分为两个部分，上面是thead表头，表头里面仅一行，有3列（th), 下面是tbody表格内容，要求tbody中的每一行都是用js动态创建的1 布局<table>...
2019-12-29 17:53:55
4691
3
初步使用ajax.pdf
2020-02-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人