- 博客(19)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue项目打包后修改接口地址
我们在做vue项目时，总会遇到开发时用的测试地址和项目上线时用到的接口地址不同，再就是项目上线后，后期需要更改接口地址的情况。然而，如果没有一个配置文件，后期更换起来就只能修改vue文件然后再打包上线。这对于没有开发经验的运维人员来说，是有一定难度的。所以我们就要用到配置文件，直接修改配置文件，就可以修改。...
2022-08-05 10:26:23
4261
4
原创 3D旋转相册
CSS3 3D 转换3D 转换CSS3 允许您使用 3D 转换来对元素进行格式化。rotateX() x轴旋转，围绕其在一个给定度数X轴旋转的元素。div{ transform: rotateX(120deg); -webkit-transform: rotateX(120deg); /* Safari 与 Chrome */}rotateY() y轴旋转，围绕其在一个给定度数Y轴旋转的元素。div{ transform: rotateY(130deg);
2020-09-19 17:40:29
488
原创 前端开发，解决跨域的几种方法
跨域同源策略什么是同源策略，其作用是什么？同源策略指的是：协议+域名+端口三者皆相同，可以视为在同一个域，否则为不同域。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。作用是一个用于隔离潜在恶意文件的重要安全机制。所限制的跨域交互包括：Cookie、LocalStorage、IndexdDB 等存储内容；DOM 节点；Ajax 请求。当协议（protocol），主机（host）和端口号（port）三者只要有一个不同则会出现跨域问题。跨域解决方法解决跨域的方
2020-09-19 17:32:12
467
原创 运用ES6Set方法求交集并集差集
Set方法Set 构造函数能让你创建 Set 对象，其可以存储任意类型的唯一值，无论是 primitive values 或者对象引用。创建set集合new Set([xxx])如果传递一个可迭代对象，它的所有元素将不重复地被添加到新的 Set中。 const s1 = new Set([1,2,3,4,5,6,7,3,6]) console.log(s1)如果不指定此参数或其值为null，则新的 Set为空。如果存放的是原始值：会转换成字符串对象，再进行存储。 con
2020-09-12 20:12:48
449
原创 纯CSS3制作正方体
CSS3 3D 转换3D 转换CSS3 允许您使用 3D 转换来对元素进行格式化。rotateX() x轴旋转，围绕其在一个给定度数X轴旋转的元素。div{ transform: rotateX(120deg); -webkit-transform: rotateX(120deg); /* Safari 与 Chrome */}rotateY() y轴旋转，围绕其在一个给定度数Y轴旋转的元素。div{ transform: rotateY(130deg);
2020-09-12 19:55:45
549
原创 echarts绘制地图
echartsECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。ECharts 遵循 Apache-2.0 开源协议，免费商用。ECharts 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示。效果图初始效果鼠标移到某一板块效果、鼠标移到图例上查看效果代码开始前，先下载引入地图资源<script src="./china.js"></s
2020-08-18 19:55:53
1288
6
原创 echarts绘制百家姓饼状图
echartsECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。ECharts 遵循 Apache-2.0 开源协议，免费商用。ECharts 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示。效果图进去随机加载6个，每个姓的数值随机点击右侧的图例，显示隐藏饼状图代码分析先设置一个容器<style> div {
2020-08-18 19:45:03
347
原创 echarts随机50选20个不重复的生成图表
echartsECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。ECharts 遵循 Apache-2.0 开源协议，免费商用。ECharts 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示。效果图每次随机选中20个不同的，并且值也随机代码分析先设置一个容器<style> div { width: 1000
2020-08-12 17:01:08
490
原创 jQuery简易照片墙
jQuery照片墙照片墙在网络上也是非常常见的东西，各式各样的照片墙，有着各式各样的新奇的特效照片墙效果图点击要查看的图片，然后图片放大，再次点击后还原代码分析首先设置出最开始的样式 <style> * { padding: 0; margin: 0; list-style: none; } html, body,
2020-08-12 15:47:34
430
原创 CSS3流式布局
CSS3流式布局流式布局：经典的流式布局有以下几类左侧固定,右侧自适应右侧固定左侧自适应两侧固定,中间自适应(圣杯布局)等分布局例如以下这个，网页放大缩小只改变了右边绿色部分。源码分析直接设置一个div，里面放两个小div<div class="all"> <div class="left"></div> <div class="right"></div> </div>
2020-07-30 19:34:02
1094
原创 CSS3圣杯布局
CSS3圣杯布局圣杯布局：左右两列宽度固定，中间列自适应。圣杯布局，是学习css3后，常见的布局之一。窗口最大化示例：窗口缩小后，两边宽度不变，中间缩小：源码先设置一个头部，中间，底部。中间又分为左中右三部分。<div class='container'> <header>头部</header> <section> <div class='left'>左</div>
2020-07-27 19:16:29
160
原创 前端小游戏2048（一步步详解附带源代码，源码上传到csdn,可以免费下载）
前端开发2048小游戏，纯html+css+js，欢迎大家阅读交流，如果代码有什么不足，希望大家指正
2020-07-22 19:49:13
9489
26
原创 用canvas画飞机大战（一步步详解附带源代码,源码和素材上传到csdn,可以免费下载）
前端canvas飞机大战,文章里附带源码及步骤详解.源码及图片素材我也上传在csdn,需要的可以免费下载
2020-07-20 19:32:17
6393
16
原创 用canvas画时钟（一步步详解附带源代码）
canvas绘制时钟，结合了js和canvas，让canvas所绘制的不再只是静止不动的画。希望大家在阅读完之后，有更简单的绘制方法，请在评论区留言，谢谢。
2020-07-15 19:10:58
6439
原创 程序员在工作中这样做，会省去一大堆烦恼
身为一名程序员，在生活中，工作中，都会遇到种种烦恼。如果你只为薪水而工作，你的生活将因此而陷入平庸之中，你找不到人生中真正的成就感，工作的目的虽然是为了获得报酬，但工作能给你带来的远比工资要多的多。努力工作并且学习，你会收获很多。
2020-07-09 20:29:30
4108
原创 无论小白还是大佬，前端开发必不能少了Ta
浏览器内核浏览器是前端开发必不可少的东西，没有了浏览器，前端再好的代码也都是白给，而浏览器内核也是浏览器必不可少的东西。但是大家有没有真正的深入了解过浏览器呢？内核，即：引擎排版引擎（layout engine），也称为浏览器引擎（browser engine）、页面渲染引擎（rendering engine）或样版引擎，它是一种软件组件，负责获取标记式内容（如HTML、XML及图像文件等等）、整理信息（如CSS及XSL等），并将排版后的内容输出至显示器或打印机。所有网页浏览器、电子邮件客户端、电子阅
2020-07-06 19:54:21
5025
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人