前端
文章平均质量分 53
梧桐芊羽
这个作者很懒,什么都没留下…
展开
-
geojson格式展示
获取geojson格式展示方式原创 2023-03-13 09:23:59 · 570 阅读 · 0 评论 -
volar插件总显示$event情况
volar插件安装后出现$event=>问题原创 2023-03-09 21:56:53 · 501 阅读 · 0 评论 -
uniapp中使用openlayer库
最近需要在uniapp上使用openlayer,于是网上查找相关资料貌似renderjs可以实现。顺便及记录下,可能不完善。renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和h5。renderjs的主要作用有2个:大幅降低逻辑层和视图层的通讯损耗,提供高性能视图交互能力在视图层操作dom,运行for web的js库,fs,three.js,echart,mapbox库都可以使用大致步骤:1.openlayers官网下载openlayer包,地址如https:/原创 2021-08-12 21:19:24 · 5689 阅读 · 4 评论 -
git提交时报ssh: connect to host localhost port 22: Connection refused
https://www.freesion.com/article/7123240415/原创 2021-05-24 20:38:40 · 1653 阅读 · 0 评论 -
dayjs日期库使用
Dayjs 是一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 使用相同。目前moment、dayjs、date-fns是最常见的日期库,3者在体积大小差异:moment(功能多)>dayjs>date-fn(模块化加载),但dayjs及date-fns基本可以替代monment,所以根据个人考虑对应库吧!此篇只介绍Dayjs,官方文档:https://dayjs.fenxianglu.cn/安装dayjs库 npm install dayjs --save项原创 2021-05-20 23:36:19 · 2119 阅读 · 0 评论 -
nuxt.js开发小记
1.Nuxt.js是什么?Nuxt.js 是一个基于 Vue.js 的通用应用框架,利用 Vue.js 开发服务端渲染的应用所需要的各种配置nuxt generate ,为基于 Vue.js 的应用提供生成对应的静态站点的功能。确保npx(只要按照npm版本在5.2.0版本以上,则自动安装npx)//使用npx安装$ npx create-nuxt-app <项目名>//安装完进入项目目录并启动$ cd <project-name>$ npm run dev//编原创 2021-04-18 22:10:30 · 818 阅读 · 1 评论 -
302重定向:302 Moved Temporarily
字面上的区别就是301是永久重定向,而302是临时重定向;301适合永久重定向 301比较常用的场景是使用域名跳转。比如,我们访问 http://www.baidu.com 会跳转到 https://www.baidu.com,发送请求之后,就会返回301状态码,然后返回一个location,提示新的地址,浏览器就会拿着这个新的地址去访问。 注意: 301请求是可以缓存的, 即通过看status code,可以发现后面写着from cache。 或者你把你的网页的名称从php修改为了htm.原创 2021-04-13 22:14:45 · 34343 阅读 · 1 评论 -
form表单提交
<form id="formMsg" onsubmit="sendMsg()" method="post" role="form" class="php-email-form"> <div class="form-row"> <div class="col-md-6 form-group"> <input type="text" name="name" clas...原创 2021-01-04 12:33:29 · 283 阅读 · 0 评论 -
解决code EINTEGRITY
项目开发环境遇到如下安装报错code EINTEGRITY,第一种错误如下所示:下载npm包是进行包的哈希检测导致的。执行如下命令:# 删除node_modules和package-lock.json文件,可以使用命令删除rm -rf node_modules rm -rf package-lock.json# npm清除缓存命令npm cache clean --force#重装下即可npm install...原创 2020-11-21 14:53:18 · 17198 阅读 · 4 评论 -
vue添加视频播放
<template> <div class="videopage"> <div class="vedio-body" @mouseover="handleControls(false)" @mouseleave="handleControls(true)"> <!-- <transition name="fade"> <div class="video-title" v-show="isControl">原创 2020-10-22 21:57:53 · 1103 阅读 · 0 评论 -
react常见几种事件声明
第一种方式:箭头函数声明import React from 'react';class Login extends React.Component { constructor() { super(); this.state = {} } //箭头函数方式 onFinish = values => { console.log('Success:', values); }; onFinishFa原创 2020-10-14 17:22:06 · 1168 阅读 · 0 评论 -
vue安装scss时报The “path“ argument must be of type string. Received undefined
在安装vue安装scss时报The “path” argument must be of type string. Received undefined解决方式:这个错误是sass-loader 版本造成的,此时的版本是 “sass-loader”:"^10.0.1",修改版本为 “sass-loader”: “^7.3.1”,重新使用命令安装npm i sass-loader@7 --D即可...原创 2020-09-23 15:04:40 · 2937 阅读 · 1 评论 -
免费的天气api
这是最近网上查询到关于天气的api,大部分的接口都是收费,有部分接口虽然免费,但查询到的信息量特别不全。所以这里写目录标题天气API高德地图--天气查询[FREE API](https://www.free-api.com/)中国天气网天气API注:该接口最快3小时更新一次,包含基本天气信息、湿度、能见度、气压、空气质量指数等,可按地名、城市编号、IP查询该接口返回的json,version接口标识, v1:七天 v6: 实时1天如下所示:免费实况天气接口https://www.tianqiap原创 2020-09-16 21:55:14 · 32045 阅读 · 10 评论 -
html5拖拽事件
最近需要给项目添加拖拽功能属性,我决定使用HTML5新增拖放的API来实现。关于拖拽事件事件事件描述ondragstart (源元素)开始拖动时触发ondrag (源元素)拖动过程中触发ondragend(源元素)结束拖动时触发ondragenter (目标元素)源元素进入目标元素之内时触发ondragover (目标元素)源元素在目标元素区域内拖动时触发ondragleave (目标元素)源元素离开目标元素时触发ondrop (原创 2020-09-13 22:04:13 · 403 阅读 · 0 评论 -
百度地图简单调用js及天气获取
http://lbs.baidu.com/index.php?title=jspopularGL/guide/helloworld注册一个百度账号后,并创建属于自己的应用,生成Ak, 点我申请创建index.html,引用百度地图API文件。<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=您的密钥">源码<!DOCTYPE h原创 2020-09-01 20:07:42 · 3380 阅读 · 1 评论 -
元素倒影-webkit-box-reflect
css3中的-webkit-box-reflect可以实现倒影效果,但浏览器必须是-webkit-内核才能实现此效果。-webkit-box-reflect: direction offset mask-box-image方位 direction可以是下面4个值中的1个,above,below,left,right,分别表示上下左右。如果不是使用类似inherit等全局关键字,则此方...原创 2019-12-16 22:15:29 · 558 阅读 · 0 评论 -
归并方法
归并数组方法:迭代数组所有项,构成最终的返回值。reduce():由头遍历到尾。reduceRight()。由尾遍历到头。若不明白,自己动手是一遍代码就懂了。 let list=[40,20,10,50,23,56];//从40位置开始 let sum=list.reduce(function(prev,cur,index,array){ console.log('r...原创 2019-09-24 22:58:25 · 927 阅读 · 0 评论 -
localstorage存储boolean类型值小坑
今天使用localstorage存储boolean数据时,发现怎么弄页面上数据显示就是有问题。后面才发现,在localstorage中存储的boolean数据都变成了字符串了,才导致的。所以"true"=true及"false"==false,“true”==false显示都为false。...原创 2019-09-13 13:17:39 · 4571 阅读 · 0 评论