![](https://img-blog.csdnimg.cn/43cbf0fe1c9a43479f6a6f1a4e1264a5.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web前端
文章平均质量分 70
前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。
鱼找水需要时间
千里之行,积于跬步;万里之船,成于罗盘
展开
-
用coding向你最爱的人说圣诞快乐
圣诞节源自古罗马人迎接新年的农神节,与基督教本无关系。在基督教盛行罗马帝国后,教廷将这种民俗节日纳入基督教体系,同时以庆祝耶稣的降生。但在圣诞节这天不是耶稣的生辰,因为《圣经》未记载耶稣具体出生时间,同样没提到过有此种节日,是基督教吸收了古罗马神话的结果。原创 2022-12-24 15:34:15 · 2387 阅读 · 38 评论 -
Mars3D三维可视化平台
提供多种时空数据,包括影像、高程、矢量、实景、三维模型等各类数据的叠加融合、支持包括OGC、TMS、MapBox、3DTiles等标准服务与数据的接入加载。提供了包括距离、面积、高度、角度、剖面、体积等多种量算分析功能;提供了等高线、天际线、地表透明、地形开挖、模型剖切、模型裁剪、模型开挖等功能。提供支持包括点、线、面、体、模型、军事标绘等多种矢量数据的标绘的使用与管理,提供多图层的标绘管理、提供矢量数据的统一风格的API调用和style样式设置,可导出导入标准GeoJSON格式数据。原创 2022-09-04 21:19:50 · 2198 阅读 · 16 评论 -
七夕来袭——属于程序员的浪漫
*七夕来袭!是时候展现专属于程序员的浪漫了!你打算怎么给心爱的人表达爱意?鲜花礼物?代码表白?还是创意DIY?或者…无论那种形式,快来秀一秀IT人的浪漫!讲述和亲爱的TA一起经历的那些故事以程序员的方式撒狗粮,专业浪漫,值得拥有!...原创 2022-07-31 23:59:41 · 5422 阅读 · 22 评论 -
腾讯地图Javascript API GL
腾讯位置服务在多平台为开发者提供了丰富的地图展现形式,帮助从属于不同领域的开发人员轻松完成构建地图并在其基础上打造专属内容的工作。同时配合海量数据、个性化定制、可视化等能力满足各个行业场景下对地图的需求。是基于WebGL技术打造的3D版地图API,3D化的视野更为自由,交互更加流畅。提供丰富的功能接口,包括点、线、面绘制,自定义图层、个性化样式及绘图、测距工具等,使开发者更加容易的实现产品构思。充分发挥GPU的并行计算能力,同时结合WebWorker多线程技术,大幅度提升了大数据量的渲染性能。...原创 2022-08-01 07:00:00 · 1097 阅读 · 0 评论 -
Axios入门与源码解析
axios create ajax web请求原创 2022-07-13 07:00:00 · 2858 阅读 · 0 评论 -
前端开发与构建工具Vite
vite的特性vite 主要由两部分组成:浏览器支持默认的构建目标浏览器是能 在 script 标签上支持原生 ESM 和 原生 ESM 动态导入。传统浏览器可以通过官方插件 @vitejs/plugin-legacy 支持 —— 查看 构建生产版本 章节获取更多细节。搭建第一个 Vite 项目使用 NPM:使用 Yarn:使用 PNPM:还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。例如,要构建一个 Vite + Vue 项目,运行:查看 以获取每个模板的更多细节:,,,,,,,原创 2022-07-12 07:00:00 · 6864 阅读 · 0 评论 -
Node.js安装
下载下载完后解压并指定安装目录,进行安装安装完成后进行验证修改全局模块下载路径希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹下创建两个文件夹及如下图创建完两个空文件夹之后,跟之前操作一样,在键盘按下【win+R】键,输入cmd,然后回车,打开命令行界面,输入下面命令说明: 创建的node_global文件夹所在路径 创建的node_cache文件夹所在路径修改系统环境变量将【用户变量】下的修改为,之后点击确定。在【系统变量】下新建 在【系统变量】下的新建原创 2022-07-11 07:30:00 · 2927 阅读 · 0 评论 -
JQuery JavaScript常用API整理(前端入门必学)
现在MVVM框架逐渐占据了主要市场,很多老项目也逐渐的从jQuery转向了MVVM架构!JQuery还有必要学吗? 我的答案是jQuery必须学! JavaScript是基础,JQuery能让DOM操作更方便,哪怕用vue react当操作dom的时候 还是离不开的,只是说可以不用学的那么深。下面就整理一下我之前工作中用到的一些API以这个html为例2、判断元素是否包含某个样式3、判断元素是否是某个标签4、jquery find end5、Math函数6、.click和.on的区别原创 2022-07-07 20:15:00 · 3238 阅读 · 3 评论 -
搭建 Markdown 强大写作环境-VS Code
Markdown 是一种易于读写的轻量级的标记语言,编写出的作品简洁美观,近年来受到了越来越多的追捧,被广泛地用于日常写作,乃至电子书发表。与此同时,一系列优秀 Markdown 编辑器应运而生。其中较为著名的有,Typora(免费,跨平台)、MarkText(开源,跨平台)、Zettlr(开源,跨平台)、MacDown(开源,macOS)等等。vs code markdown 快捷改变文本颜色......原创 2022-07-07 10:45:14 · 3646 阅读 · 2 评论 -
原淘宝 npm 域名即将停止解析,请切换至新域名(npm无响应)
NPM的全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。2020年3月17日,Github宣布收购npm,GitHub现在已经保证npm将永远免费。NPM 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具,也是世界上最大的软件注册表,里面包含超过600000 个 包的结构,能够使您轻松跟踪依赖项和版本。npmmirror.com和 将在 2022.06.30 号正式下线和停止 DNS原创 2022-06-18 11:05:09 · 5593 阅读 · 2 评论 -
Hexo + Gitee安装部署(打造你的个人博客)
Linux 安装 Node.jsLinux 安装 gitLinux 安装HexoHexo Butterfly主题Gitee环境部署注册Gitee账号新建公开仓库新建仓库时名称最好是保持跟你注册时的个人空间地址是一样的。因为这样你就不会生成二级域名了。如果不跟注册时的个人空间地址一样的话,到时候自己的网站就会有二级域名的存在了。开通Gitee Pages服务4. SSH配置git config --global user.name "yourname"git confi原创 2022-05-20 20:49:14 · 4171 阅读 · 0 评论 -
Linux安装Hexo,打造个人博客
先安装node、git安装Hexomkdir hexocd hexo/npm install hexo-cli -ghexo在nodejs的nodejs/bin目录可以找到hexo命令,采用软连接把hexo命令添加到全局# 根据个人nodejs路径进行配置ln -s /opt/software/node/bin/hexo /usr/local/bin/hexo# 配置错了可以删除再重新配置rm -rf /usr/local/bin/hexoln -s /opt/s.原创 2022-05-15 14:23:30 · 4606 阅读 · 2 评论 -
Linux安装Node.js
查看系统位数uname -a官网下载对应文件下载下来的tar文件上传到服务器并且解压,然后通过建立软连接变为全局cd /opt/software# 上传文件tar -zxvf node-v16.15.0-linux-x64.tar.xz # 删除压缩包rm -rf node-v16.15.0-linux-x64.tar.xz# 重命名mv node-v16.15.0-linux-x64/ node# 确认一下nodejs下bin目录是否有node 和npm文件cd.原创 2022-05-15 13:56:27 · 4060 阅读 · 1 评论 -
Token、Cookie、Session 的关系
在Web应用中,HTTP请求是无状态的。即:用户第一次发起请求,与服务器建立连接并登录成功后,为了避免每次打开一个页面都需要登录一下,就出现了cookie,Session。CookieCookie是客户端保存用户信息的一种机制,用来记录用户的一些信息,也是实现Session的一种方式。Cookie存储的数据量有限,且都是保存在客户端浏览器中。不同的浏览器有不同的存储大小,但一般不超过4KB。因此使用Cookie实际上只能存储一小段的文本信息。例如:登录网站,今输入用户名密码登录了,第二天再打开很多情况原创 2022-02-08 15:46:07 · 2866 阅读 · 0 评论 -
jQuery选择器(满足你的所有业务)
jQuery 选择器允许对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。使用jquery请先引入<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 元素选择器$(this)原创 2022-01-25 23:19:05 · 167 阅读 · 0 评论 -
JavaScript 连接消息(RabbitMQ)
STOMP是一个简单的面向文本的消息传递协议。它定义了一种可互操作的有线格式 ,以便任何可用的 STOMP 客户端都可以与任何 STOMP 消息代理进行通信,从而在语言和平台之间提供简单而广泛的消息互操作性(STOMP 网站有一个STOMP 客户端和服务器实现列表。官方介绍使用:环境准备RabbitMQ开通STOMP通道:rebbitmq安装目录sbin文件夹下执行命令rabbitmq-plugins enable rabbitmq_web_stomprabbitmq-plugins enab原创 2022-01-22 15:35:30 · 5223 阅读 · 0 评论 -
JavaScript 回调函数
函数实际上是对象:它们能被“存储”在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回;回调函数回调函数就是一个参数,将这个函数作为参数传到另一个函数里面,当那个函数执行完之后,再执行传进去的这个函数。这个过程就叫做回调。回调,回调,不直接调用而是回头调用的意思。主函数的事先干完,回头再调用传进来的那个函数。刚开始看过很多博客,他们总是将回调函数解释的云里雾里,很高深的样子。举一个别人举过的例子:约会结束后你送你女朋友回家,离别时,你肯定会说:“到家了给我发条信息,我很担心你。” 对不,原创 2022-01-22 12:15:21 · 854 阅读 · 0 评论 -
vue+elementUI表单导致页面刷新
vue+elementUI表单导致页面刷新点击按钮导致整个页面刷新,部分数据没有请求,偶尔会正常,可能和网络请求有关解决方法:可以在 标签上添加 @submit.native.prevent 或者 给button 添加 type=“button” 属性Internet Explorer 的默认类型是 “button”,而其他浏览器中(包括 W3C 规范)的默认值是 “submit”。亲测两种方式均可...原创 2020-12-09 12:02:02 · 1766 阅读 · 0 评论 -
JavaScript promise使用
promise介绍使用:function getMessageData() { var queryUrl = "http://1.1.1.1:1"; var param = {}; return new Promise((resolve, reject)=>{ request.post(queryUrl, JSON.stringify(param), function(result){ if(result.Result == 0 && result.D原创 2022-01-20 13:38:43 · 391 阅读 · 0 评论 -
Layui 组件化
时代的车轮滚滚向前,哪些属于每个时代的英雄变成了那个时代的印记,就像贤心说的 这是一种带有热量的冰冷感!我们选择了 IT 这个行业,自然希望能够在这里走得更远。而那些大神创造的框架则让我们看得更远,2006年1月,约翰 · 雷西格发布了 jQuery 的第一个版本,就让我们进入了 jQuery 时代;尤雨溪创造了 Vue,使我们正式迈入 Vue 的时代。这些领军者,让我们的工作和生活变得更加简单。我们与这些领军者相去甚远,微不足道,但依然有很多IT人在默默地用自己的行动来帮助一些人,让我们可以少走一些弯原创 2022-01-20 14:06:53 · 427 阅读 · 0 评论