前端备忘录
文章平均质量分 65
前端知识备忘
_老杨_
程序猿老杨头
展开
-
Angular页面项目以HTTPS方式启动调试
在 Angular 项目中,可以使用 HTTPS 启动开发服务器进行调试。原创 2024-07-10 17:26:57 · 443 阅读 · 0 评论 -
使用UglifyJS实现一条指令打包发布项目实例
在前端页面开发中,使用Vue、Angular、React等框架构建的项目通常都会自动配置集成相关代码压缩发布的工具,开发者只需要执行指定命令即可完成项目的整体压缩发布操作。对于没有使用框架的项目,需要开发者手动配置使用相关工具完成对应操作,本文介绍使用UglifyJS实现代码打包压缩的方法。原创 2023-06-19 15:56:49 · 3157 阅读 · 0 评论 -
HTML下拉框样式美化
在网页中,下拉框的样式最难美化,默认样式巨丑,好在现在已经有各种框架实现了下拉框的样式美化,主要思路都是通过JS代码将下拉框元素用更容易设置样式的div进行替换,再将对应选项及事件进行关联。最近一项目需要修改很久以前的页面,用户需求又需要美化下拉框样式,又不能引入第三方的框架,只好自己动手写了一个JS插件,实现下拉框的样式美化。原创 2023-02-24 09:53:09 · 6567 阅读 · 1 评论 -
网页上传文件夹 Angular + NetCore API 实现
1、实现原理前端采用 webkitdirectory 属性选择文件夹,然后遍历文件夹中的文件,循环调用后端接口一个文件一个文件的上传。某度网盘也是同样的原理。2、前端实现本文记录了Angular的写法,原生html+js的方式代码也差不多。模板页面代码如下:<inputtype="file"(change)="selectFolder($event)"webkitdirectory/>ts 代码 selectFolder 方法如下:...原创 2022-03-02 11:01:53 · 935 阅读 · 0 评论 -
Angular单页应用网站SEO优化实例详解
基于个人爱好,使用Angular做了一个双语阅读的网站:蜗牛阅读, 用来闲暇时间看看英文的。可惜传了几本书到现在自己都还没看完~网站后台采用的是Netcore+Mysql,前端页面使用的是Angular8。既然做了网站就想搜索引擎能搜出来,于是就百度了很多大神的方法。我采用了使用 PhantomJS 抓取页面生成静态HTML的方式满足引擎爬虫的要求。经过一阵折腾几个搜索引擎终于都能正确收录我的页面了,也有正确的快照。这篇笔记我会把我整个网站优化过程操作过的一些流程分享给大家,希望能多少帮到大原创 2021-09-07 15:27:29 · 1035 阅读 · 2 评论 -
利用Echarts制作不规则刻度的仪表盘图表示例
Echarts的仪表盘组件是一个比较炫酷的图表,能瞬间提升页面B格。但是默认的仪表盘组件的刻度都是按照设置的最大值均匀分布的。而实际应用中很多场景需要将部分数值区间放大显示到仪表盘上,比如仪表盘前面 50% 显示 0-10 的数值范围后面 50% 就显示 10-50 的范围。这种不规则的刻度不能直接调用 Echarts 提供的方法。需要将数据根据需求进行转换。本文展示了通过数据转换后实现的不规则刻度仪表盘效果。1、let ruler = [0, 10, 25, 50, 100, 200, 50原创 2021-02-24 09:47:09 · 3368 阅读 · 2 评论 -
百度地图API添加海量图标解决方案
采用百度地理信息可视化开源库mapv.js实现以canvas形式绘画渲染海量图标,允许自定义图标点击事件及附加数据参考文档:https://github.com/huiyan-fe/mapv/#readme主要代码:function run() { map.clearOverlays(); let count = document....原创 2020-01-10 13:00:36 · 5186 阅读 · 18 评论 -
javascript 网页打印
function doPrint() { bodyHtml=window.document.body.innerHTML; //将整个页面作为字符串读取出来 startStr=""; //字符串""为打印区块前的开始打印标记 endStr=""; //字符串""为打印区块结束后的标记 printHtml=bodyHtml.substr(原创 2015-08-27 11:58:54 · 472 阅读 · 0 评论 -
Javascript 数字金额 转换为 大写汉字金额
//将数字形式的金额转换为大写汉字形式的金额function NumberToChinese(currencyDigits) { // 数字上限 var MAXIMUM_NUMBER = 99999999999.999; // 定义数字对应汉字字符 var CN_ZERO = "零"; var CN_ONE = "壹"; var CN_TWO = "贰"; var转载 2015-08-27 11:57:11 · 585 阅读 · 0 评论 -
Javascript 页面跳转
刷新:前进:后退:前进:后退:后退+刷新:转载 2015-08-27 11:55:40 · 352 阅读 · 0 评论 -
Google Earth For Javascript 谷歌地球删除所有标记
//前提是google earth 已经在页面加载 即 ge!= null 否则报错function removeAllMarker(){ var allChildren = ge.getFeatures().getChildNodes(); for(i=0;i { if(allChildren.item(i).getType() == 'KmlPlacemark原创 2015-08-27 11:45:04 · 875 阅读 · 0 评论 -
Google Earth For Javascript 谷歌地球添加标记
//前提是google earth 已经在页面加载 即 ge!= null 否则报错function addMarker(lng,lat,markerName,markerIconUrl,description) //lng, lat为double 经纬度//markerName为string标记旁显示的文本, markerIconUrl为自定义图标的url地址如:Ht原创 2015-08-27 11:44:06 · 2150 阅读 · 1 评论 -
Google Earth For Javascript 初始化
var ge = null; google.load("earth", "1"); google.setOnLoadCallback(init); function init() { google.earth.createInstance("map3d", initCallback, failureCallback); } function initCallback(o原创 2015-08-27 11:42:20 · 813 阅读 · 0 评论