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