![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
旧专栏
文章平均质量分 60
旧专栏
秋霜梦红尘
这个作者很懒,什么都没留下…
展开
-
微信官方 js-sdk
说明: 仅将官方 js-sdk 发布到 npm,支持 CommonJS,便于 browserify, webpack 等直接使用js源码: https://res.wx.qq.com/open/js/jweixin-1.6.0.js官方使用说明: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115安装:npm install weixin-js-sdk使用:var wx = require('weixin-原创 2020-06-29 08:38:14 · 484 阅读 · 0 评论 -
pc端与移动端适配解决方案之rem
使用方式:在html页面开头,引入下面的原生js代码(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.c转载 2020-07-03 17:34:02 · 1322 阅读 · 0 评论 -
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
如有雷同,不胜荣幸,若转载,请注明让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,然后各种百度啊,最后在 雅朋网 的一个网友帖子的帮助下解决了问题,也参考了 千寻学习网 的资料,先将解决方法总结如下:首先需要确保你的HTM转载 2020-07-14 11:28:58 · 155 阅读 · 0 评论 -
vue 中引入font-awesome
直接引入npm install font-awesome --save就可以了,里面包含样式和字体,直接引入样式就可以了入口js中引入import ‘font-awesome/css/font-awesome.min.css’就可以使用了原创 2020-07-14 18:28:58 · 276 阅读 · 1 评论 -
jQuery 完整 ajax示例
$(function(){ //请求参数 var list = {}; // $.ajax({ //请求方式 type : "POST", //请求的媒体类型 contentType: "application/json;charset=UTF-8", //请求地址 url : "http://127.原创 2020-06-29 08:34:47 · 417 阅读 · 0 评论 -
百度地图,自动获取定位,拖拽获取地点,模糊查询获取当前位置
先看下效果图,因为没有美化,只是做一下功能。完整代码如下<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <script src="../../jss/jquery-1.9.1.min.j转载 2020-06-29 15:53:00 · 752 阅读 · 1 评论 -
javascript百度地图使用(根据地名定位、根据经纬度定位)
1、首先注册百度地图开放平台账号注册完之后可以生成自己的密钥http://lbsyun.baidu.com2、在html页面中引入百度地图js文件http://api.map.baidu.com/api?v=2.0&ak=您的密钥<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script>3、demo实例3-1、根据输入地名定位(并返回经纬转载 2020-06-29 15:13:10 · 3163 阅读 · 0 评论 -
微信获取用户地理位置(经纬度)和百度获取实际地址的经纬度之间相差较大解决
前提了解:坐标系分类(经纬度):类型说明使用者WGS84美国GPS国际通用,如谷歌国外地图、osm地图火星系GCJ-02国测局制定的标准,国内地图必须至少使用此对位置进行首次加密高德地图、腾讯搜搜地图、阿里云地图、灵图51ditu地图、谷歌中国地图BD-09百度在GCJ-02标准基础上进行二次加密百度地图这两天一直在研究经纬度的问题,最后发现在微信上获取用户的地理位置(经纬度)和在百度上获取实际地址的经纬度之间的距离相差较大,整整相差了5000多米的距转载 2020-06-29 14:57:05 · 1783 阅读 · 0 评论 -
百度地图web--拖拽选址
实现思路获取地图的中点经纬度。获取地图拖拽回调事件。将大头针图片底部固定在地图的正中央。引用百度地图sdk、在index.html中引用<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的百度ak"></script>组件中实现地图map 是地图;center-point 是打头针;point 是标示地图中点位置;代码如下:<template转载 2020-06-29 15:43:10 · 633 阅读 · 0 评论 -
浏览器内核
浏览器的四大内核:Trident,Gecko,Webkit,Blink。不同的内核对网页编写语法的解释也有不同,进而导致同一个页面在不同内核的浏览器下显示出来的效果也会有所出入,这也是作为一个前端工程师需要了解不同浏览器所使用的内核和各种兼容性问题。浏览器内核是浏览器的核心,也叫“渲染引擎”,解释html并渲染绘制。浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息。不同的浏览器内核对网页的语法解释也不同,因此网页开发者需要在不同内核的浏览器中测试网页的渲染效果。以下是网上copy下来的主流浏原创 2020-06-23 19:11:57 · 109 阅读 · 0 评论 -
菜鸟的 Sass 学习笔记
介绍sass 是什么?? 在sass的官网,它是这么形容给自己的Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.sass 是世界上最成熟稳定强大的css扩展语言。sass并不是一种编程语言,但是我们可以用于开发网页样式,你可以称它为css预处理器。用sass来写css,然后再编译成正常的css文件。css兼容:Sass与所有版本的CSS完全兼容。转载 2020-06-22 07:44:39 · 180 阅读 · 0 评论 -
javaScript中ajax、axios总结
一.原生js实现ajax请求:步骤:1.get请求:// 1.创建一个XMLHttpRequest的对象. var xml=null; //初始值设为空 if(XMLHttpRequest){ xml=new XMLHttpRequest; //兼容非IE6 }else{ xml=new ActiveXObject('Microsoft.XMLHTTP'); //兼容IE6浏览器 } //2.通过open与服务器转载 2020-06-01 18:26:31 · 441 阅读 · 0 评论 -
Spring Boot + Vue 前后端分离开发,前端网络请求封装与配置
前端网络访问,主流方案就是 Ajax,Vue 也不例外,在 Vue2.0 之前,网络访问较多的采用 vue-resources,Vue2.0 之后,官方不再建议使用 vue-resources ,这个项目本身也停止维护,目前建议使用的方案是 axios。今天松哥就带大家来看看 axios 的使用。axios 引入axios 使用步骤很简单,首先在前端项目中,引入 axios: npm install axios -S装好之后,按理说可以直接使用了,但是,一般在生产环境中,我们都需要对网络请求进行封转载 2020-06-03 17:35:15 · 281 阅读 · 0 评论 -
Fetch()方法介绍
Fetch()方法介绍前言在javascript中,所有的代码都是以单线程的方式执行的,因而网络请求,浏览器事件等操作都需要使用异步的方法。XMLRequest(XHR)var xhr=new XMLHttpRequest() xhr.open('get','/some/url',true) xhr.responseType = 'json'; xhr.send() xhr.onreadystatechange=function(){ if(xhr.status转载 2020-06-03 11:50:39 · 423 阅读 · 0 评论 -
react调接口
1.fetch.jsimport axios from 'axios'const baseUrl='http://localhost:8080'function fetch(api,method,callback){ axios({ url:baseUrl+api, method:method, headers:{ token:'809321849084738' } }).then(res=>转载 2020-06-02 09:10:45 · 1941 阅读 · 0 评论 -
vue中引入json数据,不用本地请求
1.我的项目结构,需要在Daily.vue中引入daily.js中的json数据2.把json数据放入一个js文件中,用exports导出,vscode的json格式太严格了,很多数据,调了一个多小时的格式…例如:daily.jsmodule.exports = { 'tmbTmbsContent': [[ {'label': '123'} ]],}3.在Daily.vue文件中引入import Daily from '@/assets/data/daily.js' // 引入转载 2020-06-22 10:11:13 · 415 阅读 · 0 评论 -
移动端meta设置大全
======声明文档使用的字符编码: <meta charset='utf-8'>强制让文档与设备的宽度保持1:1,对页面设置不能进行缩放:<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 必须联网才可以访问,禁止浏览器从本地计算机的缓存中访问页面内容: <meta http转载 2020-07-15 19:26:14 · 511 阅读 · 0 评论 -
Chrome浏览器如何强制刷新页面(不使用缓存)?
在Chrome浏览器中按下F5或 Ctrl+F5 都没用,Chrome总是会强制使用页面缓存进行刷新,如何不使用页面缓存进行刷新?Chrome官方推荐使用如下快捷键,就可以不使用页面缓存进行刷新Windows和Linux操作系统: Shift+F5 或 Ctrl+Shift+RMac OS: Cmd+Shft+R果上面方法没有效果,可以按下F12(Windows) 或 Cmd+Opt+I(MAC),打开"开发者工具",然后在Refresh按扭上点右键,在弹出菜单上选择"清空缓存并硬件加载"...原创 2020-07-14 18:16:21 · 4802 阅读 · 0 评论 -
pm2常用命令
pm2是node进程管理器,在服务器上搭建node服务是把利器。最近整理了下常用的一些命令,会持续进行更新。安装:npm install pm2 -g //安装pm2pm2 update // 更新pm2pm2 uninstall pm2 //移除pm2开启关闭:pm2 start server.js //启动server.js进程pm2 start server.js -i 4 //启动4个server.js进程pm2 restart server.js //重启server.js进程原创 2020-07-09 21:10:55 · 1066 阅读 · 0 评论 -
nodejs返回json、jsonp
var http = require('http');var urllib = require('url');var port = 10011;var data = {"dest_adcode": 110101, msg": "ok"};http.createServer(function(req, res){ var params = urllib.parse(req.url, true); if (params.query && params.query.cb)原创 2020-06-13 14:18:35 · 334 阅读 · 0 评论 -
res.setHeader()和res.writeHead()
res.setHeader()和res.writeHead()事先声明: 这是我自己得出来的结论,如有不对,还望告知 ????在node.js中,http协议如果不设置响应头,中文的话在客户端浏览器是会乱码的,那么设置响应头的目的是什么,又如何设置响应头?目的是为了告诉浏览器我发送的数据是什么类型的,你应该用什么格式来编码显示。如果不设置,会自动生成一个响应头,但中文的话浏览器会乱码。在http...转载 2020-05-06 10:02:08 · 3229 阅读 · 0 评论 -
nodejs+express+pm2 搭建服务器
使用nodejs+express可以很简单的搭建一个服务器。pm2 则为服务启动插件,其优点为不会单独占用命令窗口,且可对文件修改进行监听,实时更新服务。1、使用express框架搭建项目1.1 全局安装express-generatornpm install express-generator -g安装完成后,使用 express --version 检查版本信息,看是否安装完成注意:这里不能使用 express -v 检查 ,可通过 express -h 查看所有可用的命令行选项。1.转载 2020-07-09 21:04:56 · 602 阅读 · 0 评论 -
node与mysql简单实践
1.首先新建一个文件夹 nodeMysql2.然后在这个文件夹中 初始化package.json (npm init)3.在项目中安装mysql (数据库)和 express (node框架) npm install mysql express --save4.上述步骤完成后 在项目目录下新建一个 app.js文件app.jsconst express = require('express');const app = express();const mysql = require('mys原创 2020-06-13 14:49:19 · 163 阅读 · 0 评论 -
如何用express和node结合创建一个新项目?
express框架是一个基于Node.js平台的极简的灵活的web应用开发框架,最近将这两者结合创建了一个新项目,步骤也不是很复杂。首先:对于初次使用express框架的人来说首先需要先安装express,当然这是在node.js的小黑框下安装。1.安装expressnpm install -g express2.安装项目生成器express-generatornpm install -g express-generator3.建立项目express 项目名4.安装依赖包npm in原创 2020-07-20 15:12:27 · 277 阅读 · 0 评论 -
修改express脚手架的端口,指定端口号
我们创建express项目,启动后默认是3000端口,此时我们可以这样自定义端口打开app.js添加代码process.env.PORT = 2000;转载 2020-07-09 20:49:05 · 1544 阅读 · 0 评论 -
node使用express解决设置静态资源图片乱码
把app.js里res.header(“Content-Type”,“application/json;charset=utf-8”);去掉就可以了原创 2020-07-11 23:53:51 · 1623 阅读 · 4 评论 -
express返回自定义http状态
app.use('/app2.js' ,function(req, res) { res.writeHead(503, 'Current password does not match', {'content-type' : 'text/plain'}); res.end('Current value does not match');});原创 2020-06-11 19:29:58 · 1079 阅读 · 0 评论 -
iview怎么按需引入??
假如我想用iview里面的input。则我需要引入import inputComp from ‘iview/src/components/input’;然后在vue 组件里面组册一下Vue.component(‘inputComp’,inputComp);然后在页面上以进行引入。vue规定名字不能取和标签相同的名字。...原创 2020-07-14 18:27:33 · 1034 阅读 · 0 评论 -
解决iview Page组件无法重置为第一页的问题
在Page组件的ref属性中设置一个id值例如:pages,在vue实例中是用$refs[‘pages’]操作该组件即可,如果不明白的可以去vue官网看refs的介绍<template> <Page ref="pages" :total="pageTotal" show-elevator show-total :page-size="row" @on-change="pageData"></Page> </template> //分页初始化为第一转载 2020-07-27 14:00:22 · 885 阅读 · 0 评论 -
es6语法
let&const关键字let关键字是用来取代var的;let作用,与var类似,用于声明一个变量;特点:1,在块级作用域里有效(比如循环遍历内部就可以用let定义变量){ let a = 0; var b = 1; console.log(a) console.log(b)}console.log(a)console.log(b)报错:ReferenceError: a is not defined2,不能重复声明{ let a = 0; let a = 2;原创 2020-05-21 10:59:46 · 275 阅读 · 0 评论 -
ES6 常用总结字符串的扩展
ES6为字符串添加了遍历器接口,使得字符串可以被for…of循环遍历。for (let codePoint of 'foo') { console.log(codePoint)} // "f"// "o"// "o"1.1. 示例:遍历一个JSON数据function lettest() { var jsongs = { "result": [原创 2020-06-29 16:23:55 · 78 阅读 · 0 评论 -
ES6常用总结let、const
1. ECMAScript 6简介ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。2. let 和 const 命令2.1. Let 命令ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。for (let i = 0; i < 3; i++) { let i = 'abc'; con转载 2020-06-29 16:38:14 · 167 阅读 · 0 评论 -
ES6展开运算符数组合并,函数传参
定义:.展开运算符允许一个表达式在某处展开。使用场景1.展开函数在多个参数的地方使用 。意指用于函数传参2.多个元素的地方使用,意指用于数组字面量3.多个边框的地方使用,意指用于解构赋值函数调用中使用展开运算符之前实现方式function test(a, b, c) { return a + b +c; }var args = [0, 1, 2];test.apply(null, args);//3如上,我们把args数组当作实参传递给了a,b,c,这边正是利用了Funct原创 2020-06-23 11:59:21 · 637 阅读 · 0 评论 -
Python实现连接MySql数据库及增删改查操作详解
1、安装PyMySQLPyMySQL 是在 Python3.x 版本中用于连接 MySQL 服务器的一个库,Python2中则使用mysqldb。PyMySQL 遵循 Python 数据库 API v2.0 规范,并包含了 pure-Python MySQL 客户端库。在使用 PyMySQL 之前,我们需要确保 PyMySQL 已安装。使用pip命令安装pip install PyMySQL2、Python连接MySql数据库连接数据库前,请先确认以下事项:Ⅰ 在你的机子上已经安装了 Pyt转载 2020-07-21 20:53:48 · 620 阅读 · 0 评论 -
os.path.splitext()用法--分离文件名与扩展名
用法: os.path.splitext(“文件路径”) 分离文件名与扩展名;默认返回(fname,fextension)元组,可做分片操作例子:import ospath_01='E:\STH\Foobar2000\install.log'path_02='E:\STH\Foobar2000'res_01=os.path.splitext(path_01)res_02=os.path.splitext(path_02)print(root_01)print(root_02)结果原创 2020-07-28 15:06:13 · 403 阅读 · 0 评论 -
python实现通过URL下载图片到本地服务器
import osimport urllib.requestimage_url = 'http://img.jingtuitui.com/759fa20190115144450401.jpg'file_path = 'C:/python-pro/mall_splier'# file_name = image_urltry: if not os.path.exists(file_path): os.makedirs(file_path) #如果没有这个path则直接原创 2020-07-28 15:03:37 · 1275 阅读 · 0 评论 -
python如何切割字符串
python字符串的分割方法如下str.split():字符串分割函数通过指定分隔符对字符串进行切片,并返回分割后的字符串列表。语法:str.split(s, num)[n]参数说明:s:表示指定的分隔符,不写的话,默认是空格(’ ‘)。如果字符串中没有给定的分隔符时,则把整个字符串作为列表的一个元素返回。num:表示分割次数。如果指定了参数num,就会将字符串分割成num+1个子字符串,并且每一个子字符串可以赋给新的变量。[n]:表示选取第n个分片,n表示返回的list中元素下标,从0开转载 2020-07-28 15:20:30 · 2798 阅读 · 0 评论 -
python去除字符串中指定字符
python 去除 字符串的几种方法 !!!你知道几种?可以用来去除字符的函数有: strip(), replace(), re.sub(),strip()去除首尾指定字符,不传参数为去除空格>>> s = '/n 123456 /n'>>> s.strip('/n')' 123456 '>>> s.strip('/n').strip()'123456'lstrip()去除头部指定字符,不传参数为去除头部空格&g原创 2020-07-28 15:30:37 · 327 阅读 · 0 评论 -
python打开文件或目录的方法
一、利用explorer.exeimport os利用explorer.exe执行start_directory = r’D:\testdir’os.system(“explorer.exe %s” % start_directory)二、用os.startfileimport osopens explorer at C:\ drive,just work for windowsstart_directory = r’D:\testdir’os.startfile(start_direct转载 2020-07-28 15:37:17 · 1129 阅读 · 0 评论 -
selenium操作滚轮滑动到底部
driver.execute_script("window.scrollTo(0,document.body.scrollHeight);")原创 2020-07-28 14:57:38 · 4464 阅读 · 0 评论