Web前端
文章平均质量分 52
前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS、HTML5及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 。
thomas.he
低得下头、沉得住气、经得起诱惑、耐得住寂寞、看得透人、想得开事...
展开
-
【重要】原淘宝 npm 域名已更新
原来的http://npm.taobao.org和 http://registry.npm.taobao.org 将在 2022.06.30 号正式下线和停止 DNS 解析。原创 2022-07-08 10:22:23 · 1044 阅读 · 0 评论 -
Windows下yarn安装之修改Yarn缓存位置
Yarn缓存位置修改改变 yarn 全局安装位置然后你会在你的用户目录找到 的文件,打开它,找到 ,改为 改变 yarn 缓存位置本机设置的路径在我们使用 全局安装 包的时候,会在 “D:\Software\yarn\global” 下 生成 node_modules.bin 目录我们需要将 D:\Software\yarn\global\node_modules.bin 整个目录 添加到系统环境变量中去,否则通过yarn 添加的全局包 在cmd 中是找不到的。检查当前 yarn 的原创 2022-06-08 11:41:16 · 1101 阅读 · 0 评论 -
js 利用canvas + flv.js实现视频流 截屏 、本地下载功能实现
js 利用canvas + flv.js实现视频流 截屏 、本地下载功能实现 flv.js demo Your browser is too old which doesn't support HTML5 video. 开始 暂停 停止 跳转 截图 下载原创 2022-04-26 14:16:43 · 2005 阅读 · 0 评论 -
多款非常优秀的基于 vue3.x 、Native UI、TypeScript 的中后台管理系统模板
前言今天给大家分享5款开源且非常优秀的基于 vue3.x 、 Native UI 的中后台管理系统模板,助力大家快速开发一个中后台管理系统Soybean Admin简介Soybean Admin 是一个基于 Vue3、Vite、TypeScript、Naive UI 的免费中后台模版,它使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于mock实现的动态权限路由,开箱即用的中后台前端解决方案,也可用于学习参考。特性最新技术栈:使用 Vue3/vite2 等前端前沿技术开发,原创 2022-03-29 15:32:50 · 5078 阅读 · 3 评论 -
ECharts图表显示数字
ECharts图表显示数字效果图代码效果图代码 series: [ { data: [ 523, 380, 329, 289, 276, 274, 271, 267, 265, 260, 235, 235, 219, 211, 211, 209, 204, 203, 198, 196 ], type: 'bar', itemStyle: { normal: { label: {原创 2021-10-10 16:18:08 · 1482 阅读 · 0 评论 -
百度地图关键字输入提示并增加标注-BMap.Autocomplete
Autocomplete集成百度地图并支持关系字输入提示,主要用到的是BMap.Autocomplete,方法调用如下:效果代码<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-sc原创 2021-03-16 16:13:54 · 4341 阅读 · 1 评论 -
聊一聊Swagger-UI的那些事情
软件简介Swagger是一个实现了OpenAPI(OpenAPI Specification)规范的工具集。OpenAPI是Linux基金会的一个项目,试图通过定义一种用来描述API格式或API定义的语言,来规范RESTful服务开发过程,总体目标是使客户端和文件系统作为服务器以同样的速度来更新。文件的方法、参数和模型紧密集成到服务器端的代码,允许 API 来始终保持同步。Swagger 让部署管理和使用功能强大的 API 从未如此简单。随着前后端的技术划分,对接口的规范以及测试要求也越来越高,因此现原创 2020-11-20 14:37:31 · 254 阅读 · 0 评论 -
npm、yarn配置国内镜像
删除配置关闭代理yarn config delete proxynpm config rm proxynpm config rm https-proxynpm配置安装cnpm镜像npm install -g cnpm --registry=https://registry.npm.taobao.org使用代理registrynpm config set registry https://registry.npm.taobao.orgyarn配置yarn config set re原创 2020-11-19 15:38:39 · 735 阅读 · 0 评论 -
HTML微信客户端打开链接判断
效果HTML源代码<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" /> </head> <body>原创 2020-10-22 15:39:19 · 442 阅读 · 0 评论 -
一遍搞定ContentType类型
分类image/bmp BMPimage/gif GIFimage/jpeg JPEGimage/tiff TIFFimage/x-dcx DCXimage/x-pcx PCXtext/html HTMLtext/plain TXTtext/xml XMLapplication/afp AFPapplication/pdf PDFapplication/rtf RTFapplication/msword MSWORDapplication/vnd.ms-excel MSEXCEL原创 2020-10-13 12:01:52 · 359 阅读 · 0 评论 -
原生AJAX获取用户数据
var xmlHttp;//创建用来和服务器交互的xmlHttp对象function createXMLHttpRequest(){ if(window.ActiveXObject){//基于IE5.0系列 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.XMLHttpRequest){//基于firefox,mozila,.原创 2020-10-13 11:58:08 · 397 阅读 · 1 评论 -
双击文本实现可编辑
双击文本实现可编辑http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">双击文本实现可编辑input.a {border:1px solid #fff;background:#fff;}input.b {border:1px solid #369;background:#ff原创 2009-02-03 10:22:00 · 974 阅读 · 0 评论 -
好用的js
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档body{font-size:12px;}ul,li,h2{margin:0;padding:0;}ul{list-style:none;}#top{width:900px;height:40px;margin:0原创 2008-10-15 18:36:00 · 406 阅读 · 2 评论 -
npm run dev 启动VUE时出现ERROR in Cannot find module node-sass
npm run dev 启动VUE时出现ERROR in Cannot find module 'node-sass’执行cnpm install node-sass@latest安装完成,再重新执行npm run dev启动正常。原创 2020-06-16 14:18:03 · 531 阅读 · 0 评论