自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

AngieLife

心若向阳花自开,人若向暖清风徐来

  • 博客(28)
  • 资源 (3)
  • 收藏
  • 关注

原创 获取街道、乡镇级的地图geoJson数据,使用echarts绘制地图

获取街道、乡镇级地图的地理json数据,以泰州靖江市为例,记录一下实现过程;不用花钱,就是有需要点耐心!

2023-09-06 15:57:45 3311 2

原创 合并代码时,处理Merge branch ‘dev‘ of ssh: xxxxxx问题

出现Merge branch 'dev' of ssh: xxxxxx时,你可以这样处理,Please enter a commit message to explain why this merge is necessary.

2022-07-22 17:01:13 1518

原创 echarts图形的x、y坐标文字设置间隔显示

x横坐标文字设置间隔显示以 echarts 示例里面的 这个折线图为列,当数据比较少时,X轴的类目文字(横坐标)可以完全显示修改左侧的option内容,在xAxis的data数组中再添加两行内容,同时,在series中添加对应数量的值,运行后,可以看到x横坐标已经按照图形大小,自动间隔显示了文字。如果没有特殊要求,这个就可以满足当内容少时,全部显示横坐标文字,当内容多时,自动间隔显示文字在 option 的 xAxis 区域添加 axisLabel:{ interval:0 },这里是设置横坐标的

2021-06-22 11:13:13 14022 8

原创 OpenLayers隐藏默认放大放小按钮

<div id="map"></div>import {Map, View} from 'ol';import TileWMS from 'ol/source/TileWMS';import TileLayer from 'ol/layer/Tile';import {ScaleLine, defaults as defaultControls} from 'ol/control';//安徽省数据源let wmsSource = new TileWMS({.

2021-04-20 11:38:57 2444

原创 vue配置环境变量(可验证、步骤详细)

.env.development和.env.production文件是什么?.env.development 是开发环境下的配置文件.env.production 是生产环境下的配置文件如果这两个文件是空的,那么运行 npm run serve 时,process.env.NODE_ENV 的值默认就是 development;运行 npm run build 时,process.env.NODE_ENV 的值默认就是 production; "scripts": { "serve": "vu

2021-04-07 17:34:18 20231 10

原创 关于时间的代码片段

关于时间的代码片段时间转换成时间戳,时间戳转换成时间,时间显示几秒前,几分钟前,几小时前等(待更新) //时间转换成时间戳 timeToTimestamp(time) { return new Date(Date.parse(time)).getTime(); } //时间戳转换成时间 timestampToTime(timestamp) { var date = new Date(timestamp); //时间戳为10位需*1000,时间戳

2020-11-06 18:34:06 267

原创 vue倒计时翻页插件

介绍一款插件 一款时间翻页的插件,可以在vue2里面使用名称:vue2-flip-countdowngithub地址:https://github.com/philipjkim/vue2-flip-countdowndemo: https://philipjkim.github.io/vue2-flip-countdown/index.html(点击直接看效果)它的最终效果如下图所示:我把它用在我们项目里面,对样式进行了修改,我的效果如下:使用方法如下:安装和下载:npm install

2020-11-04 15:44:06 2433 9

原创 a标签下载pdf文档

开发过程中,有时我们需要点击a标签然后可以下载pdf文档,但是结果经常是pdf文档直接就在浏览器中打开了,那么想要直接下载需要怎么实现呢?实现方式:在a标签的href中写上要下载的pdf文档的地址,加上download下载属性,最后记得让后台给.pdf加个content-type头:application/octet-strea!...

2020-10-30 15:15:18 6437

原创 小程序的版本更新 提示用户更新

微信小程序新版本发布之后,用户使用依然是旧版本,这是因为在微信有缓存且不会及时更新至新版本。所以想让用户更新到新版本,可以通过两种方式,一种是卸载小程序后再重新搜索下载,另一种则是小程序中加个功能:给予用户版本更新提示并自动下载安装新版本。

2020-09-11 17:28:48 1277

原创 使用element-ui遇到的相关问题

问题1:element-ui 上传图片后 清空图片显示使用element-ui组件,用el-upload上传图片,上传图片后再次打开还是会有原来的图片,如果想要清空原来上传的图片,就需要在组件上绑定ref,在提交成功后的方法里调用this.$refs.upload.clearFiles();就可以清除原来上传的文件。...

2020-06-17 21:05:56 385

原创 小程序体验版本接口是http协议,打开不调用接口

工作中遇到的问题:小程序体验版本打开后显示空白只有点击“打开调试模式”再次打开才能显示正常原因:因为体验版本的接口协议是http,但小程序只认https,所以不会去调接口;所以只有打开调试模式才能调接口,这就相当于我们在微信开发者工具上勾选上了“不校验合法域名、web-view(业务域名)、TLS版本及HTTPS证书”。...

2020-06-17 15:10:37 2266 3

原创 组件同名报错、组件嵌套报错

解决vue报错:vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <xiangmu> - did you register the component correctly? For recursive components, make sure to provide the "name" option.,列出两种注册全局组件的方法

2020-06-06 10:26:56 717

原创 在vscode的终端上执行编译typescript指令报错的解决方法

最近在学习typescript,然后在写代码测试的过程过发现vscode对typescript的支持蛮好的,typescript的代码是不能直接被浏览器识别的,需要用tsc xx.ts的指令编译成js代码才行,结果在终端中输入编译语句时报如下错误tsc : 无法加载文件C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅http://go.microsoft.com/fwlink/?LinkID=1351

2020-05-25 16:37:36 2831 1

原创 前端开发工作中遇到的一些问题及解决方法

日常工作中会遇到一些问题,在这边整理下方便查询,会不断更新,都是亲测有效的方法,你值得信赖,嘻嘻

2020-05-22 16:49:30 5119

原创 Git学习笔记 -- 安装git、创建版本库、时光穿梭、远程仓库

一、Git的安装在window系统上安装:从https://git-for-windows.github.io下载,然后按默认选项安装即可;安装完成后,在“桌面”上右击,在弹出的菜单中选择“Git Bash”;在蹦出一个类似命令行窗口的东西里面输入git命令:$ git --version //查看git安装版本安装完成后,还需要最后一步设置,在命令行输入:$ git config --global user.name "Your Name"$ git config -

2020-05-22 14:54:46 485

原创 npm和yarn的使用方法

npm和yarn使用命令如下://两者是等效的npm init yarn initnpm installyarn npm install [email protected] -g yarn global add [email protected] install [email protected] --saveyarn add [email protected] install [email protected] --save-devyarn add xxx

2020-05-21 10:53:51 889

原创 微信小程序——引入WeUI组件库(二)

摘要上一篇 微信小程序——引入WeUI组件库(二) 写的是如何用npm构建的方式引入WeUI组件库,这次说的是用 useExtendedLib 扩展库 来引入WeUI组件库。推荐理由:这种方式是微信小程序推荐的引入方式,这样引入的组件将不会计入代码包大小配置如下在小程序根目录下的 app.json 文件进行全局配置 useExtendedLib 即可(不支持组件){ "pages":[ "pages/index/index", "pages/logs/logs" ],

2020-05-16 10:05:42 2331 3

原创 微信小程序——引入WeUI组件库(一)

如何在小程序中引入我们需要的WeUI组件库?下面我们将通过npm的方式下载构建,只要按照以下几个步骤操作即可完成!

2020-05-12 00:14:52 2624

原创 让SVG图片颜色可编辑

1、找到你要处理的svg图片2、右击——用记事本打开3、删除 svg文件中 所有的fill值这样一顿操作下来,你就可以通过css样式对svg图片进行颜色修改啦!...

2020-05-08 16:43:29 745

原创 常用的 js小数取整的函数

常用的 js小数取整的函数1、丢弃小数部分,保留整数部分parseInt(7/2)2、向上取整,有小数就整数部分加1Math.ceil(7/2)3、四舍五入Math.round(7/2)4、向下取整Math.floor(7/2)...

2020-05-06 16:43:26 416

转载 Gulp, Cannot read property 'apply' of undefined

Gulp, Cannot read property 'apply' of undefinedgulp -vCLI version 3.9.1Local version 4.0.0这里的CLI版本是什么意思?不懂?但是npm上发布的gulp-cli的版本最新是2.0.0,执行gulp命令后才会出现下面的错误在gulp的github的issue里找到解决方案是全局安装下gulp-cli:...

2018-12-19 10:52:08 623

转载 jquery 父、子页面之间页面元素的获取,方法的调用

一、jquery 父、子页面之间页面元素的获取,方法的调用:1.父页面获取子页面元素: 格式、实例:$(&quot;#iframe的ID&quot;).contents().find(&quot;#iframe中的控件ID&quot;).click(); $(&quot;#ifm&quot;).contents().find(&quot;#iBtnOk&quot;).click(); // ifm 为 &amp;lt;ifr

2018-06-07 16:27:53 462

原创 defaultValue 实现 placehoader 功能,兼容IE6及以上

添加默认值 实现兼容IE6+ 的placehoader功能$(".search input").focus(function() { if($(this).val() == this.defaultValue) { $(this).val(""); $(this).css("color", "#000"); }});$(".search in...

2018-06-04 10:17:30 424

原创 移动端手机 摇一摇加声音

iOS 为了节省用户流量,对于 audio 和 video标签的 preload 和 autopaly 标签 会自动拦截,除非用户手动点击 交互才会执行 。但是客户要求,加载的时候必须有背景音乐,怎么办,这就要借助微信开发者文档了。亲 测 有 效第一步:首先加载一个微信JS-SDK&amp;amp;lt;script src=&amp;quot;http://res.wx.qq.com/open/js/...

2018-05-22 11:29:30 1109

原创 js获取每月的天数

js获取每月天数的两种方法:1、存储到一个数组中进行获取,但是如果是二月份的话就需要首先判断是否闰年,再确定是28还是29了2、通过js的Date对象

2017-06-19 11:03:33 2346

原创 HBuilder 制表符转换成空格

将你的编辑器按照下面的配置进行设置,以避免常见的代码不一致和差异:用两个空格代替制表符(soft-tab 即用空格代表 tab 符)。保存文件时,删除尾部的空白符。设置文件编码为 UTF-8。在文件结尾添加一个空白行。HBuilder强转tab为空格的设置方法如下: 工具 —> 首选项 —> 常规 —> 编辑器 —> 文本编辑 勾选 插入空格代替制表符 —> 完成啦!

2017-06-05 00:38:36 5571

转载 如何在iframe内部弹出浮层,浮层遮罩整个浏览器

需求说明:页面内有多级iframe嵌套;iframe内部某些按钮点击后需要弹出浮层;浮层需要将整个浏览器窗口遮罩,且浮层位于浏览窗口中部。解决思路:顶层页面内预留用于显示浮层的div(命名为popdiv),且该div内有一预留的iframe,该iframe用于加载浮层内容,命名为popiframe;提供可以直接访问浮层内容的url连接;iframe触发显示浮层事件时,通过window.

2017-04-13 18:20:09 12781 1

原创 session过期,如何跳出iframe框架页

在web开发过程中经常会有这种情况,在一个主页面中包含侧边导航菜单和iframe,点击菜单项,对应页面会在iframe中显示,整个页面不会刷新,效果如图1。 【图1】 但是如果设置了会话session,在会话过期后再操作会自动redirect重定向到登录页面,经常会出现在session过期后,再点击菜单项,登录页面显示在iframe中而非显示在当前窗口的情况,效果如图2。 【图

2017-03-20 14:37:54 491 1

node.js权威指南

适合nodejs初学者,高清; 第一部分介绍Node.js,讲解用它进行开发所需的基础技术。第1章介绍 了JavaScript和Node的特性,通过示例代码一步步进行讲解。第2章介绍 了基本的Node.js编程概念。第3章完整地演示了如何从头开始搭建一个 Web程序。

2018-11-27

日历控件,日期多选

Kalendae多选日历插件,可多选,多月份,可随意禁用日期,可默认选择等等。

2018-10-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除