![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
文章平均质量分 51
谢泽的网络日志
每个人每天都是二十四小时
展开
-
summernote富文本编辑器和jquery.validate冲突报错的解决方案
先看问题:当我在富文本输入并移出鼠标焦点的时候, 控制台抛出错误, 而导致无法对其他表单组件进行校验。原创 2022-12-10 19:48:14 · 898 阅读 · 0 评论 -
javascript 模拟按键事件 触发输入框oninput事件
记录下解决textarea 在js赋值后不生效的问题我要实现的是网页聊天框模拟输入一段话,然后js触发点击发送事件然而在使用js直接赋值之后,textarea并没有收到值document.querySelector('#id').value = 333;又想到用按键事件触发onkeydown,onkeypress,onkeyup,然而试了半天并没有什么鸟用~最后通过事件监听器,从textarea的事件往上级一个个删。终于!!删到input的时候,手动输入的时候字数不再变化了!接下来就.原创 2022-04-24 04:38:16 · 5913 阅读 · 2 评论 -
VSCode打开vue项目,解决无法对@/assets/*的路径跳转
安装Vue Peek插件用于Vue快速查看组件定义以及组件跳转,具体使用见插件文档地址中的使用方法。插件文档地址:https://marketplace.visualstudio.com/items?itemName=dariofuzinato.vue-peek安装成功后,直接ctrl+鼠标左键点击就可以了!...原创 2021-08-07 06:52:15 · 3672 阅读 · 0 评论 -
vue 前端跨域下载文件
一般情况下用a标签的download属性可以下载文件, 前提是在同源策略下。为了解决跨域问题我们用js获取blob类型文件,将远程文件下载到本地直接贴代码 downloadFile(url) { url = url.replace(/\\/g, "/"); const xhr = new XMLHttpRequest(); xhr.open("GET", url, true); xhr.responseType = "blob"; /.原创 2021-01-05 03:10:14 · 5070 阅读 · 6 评论 -
解决nuxt.js部署nginx代理后,出现闪首页的问题
用这份配置之前,用了官方提供的 try_files $uri $uri/ /;,出现了一个致命问题,就是非当前页(跳新标签)与刷新页面时,会先跳首页,再出现对应页面用于nuxtjs 启动项目,使用nginx反向代理至80端口进入nginx配置文件目录cd /usr/local/nginx/conf/conf.d创建配置文件touch nuxt.conf 写入配置map $sent_http_content_type $expires { "text/html" .原创 2020-08-12 17:13:45 · 1609 阅读 · 2 评论 -
JavaScript Math 对象常用方法与大全详解 整数,取整,四舍五入,随机数
Math 是一个内置对象, 它具有数学常数和函数的属性和方法。不是一个函数对象。JavaScript Math 对象描述节与其它全局对象不同的是, Math 不是一个构造器. Math 的所有属性和方法都是静态的. 你用到的常数pi可以用 Math.PI 表示,用 x 作参数 Math.sin(x)调用sin函数. JavaScript中的常数, 是以全精度的实数定义的.方法节常用...原创 2018-12-06 10:32:19 · 1204 阅读 · 0 评论 -
js 获取浏览器经纬度精确到100米(chrome,firefox等大浏览器,ios,安卓亲测可用)
为了满足定位需求,先是调了各大地图的ip转经纬度(精确到城市,甚至出现精确到省的情况),而后使用百度地图的Geolocation定位,出于好奇找出了百度Geolocation定位的源码,才发现如此简单,在此跟大家分享。核心对象1.Geolocation是window.navigator下面的一个对象,该对象提供了实现地理位置定位的接口。2.要用该功能首先判断浏览器是否支持navigato...原创 2018-12-09 16:29:48 · 3592 阅读 · 0 评论 -
IE 浏览器embed标签src属性为空,不能打开网页
前言:今天看到网站在IE上不停的转圈圈(页面基本显示出来了),当时所有的JS都失效了,本着本职工作责任心,开始了找bug之路,但是过程比想象中要艰辛,一开始以为是base标签有问题导致JS加载不到,后来认为是js冲突导致所有js运行失败(又替换了顺序,又替换了好多个JS版本),最后一行一行的删代码,测试,删代码,测试。发现是embed播放器的问题,好在最后解决了问题,上代码!提出问题1,页...原创 2018-12-12 11:49:42 · 2252 阅读 · 2 评论 -
webpack proxy的代理、抓包、跨域、重写代理路径、改头信息、webSocket(前后端分离必备)
在用vue做了3年前后端分离之后(通过anyproxy做代理),才发现webpack自带更方便的代理配置文件找到文件/config/index.js在proxyTable选项增加下面的配置,可配置多个不同的代理 proxyTable: { '/dev': { target: 'http://www.baidu.com:80', chan...原创 2018-12-24 15:30:48 · 15761 阅读 · 0 评论 -
Console调试常用用法
前端程序员在快速调试的时候console.log()是最常用的命令,而除了log还有更多强大而且使用的命令一、显示信息的命令console.log("normal"); // 用于输出普通信息console.info("information"); // 用于输出提示性信息console.error("error"); // 用于输出错误信...原创 2018-12-25 15:15:14 · 15216 阅读 · 0 评论 -
Vue Loader 作用域CSS(scoped)- /deep/ 深入组件选择器
用过vue组件的前端同学应该都遇到过一个问题,就是在当前页的组件有自定义样式,而用了scoped编译出的样式对组件内部并不起作用,最后要写全局样式,接下来用deep来解决此问题加粗样式作用域CSS当style标记具有该scoped属性时,其CSS将仅应用于当前组件的元素。这类似于Shadow DOM中的样式封装。它有一些警告,但不需要任何polyfill。通过使用PostCSS转换以下内容...原创 2019-02-15 17:23:10 · 7399 阅读 · 0 评论 -
正则表达式大全
网上收集了大量常用的正则表达式, 记录并分享一、校验数字的表达式数字:^[0-9]*$n位的数字:^d{n}$至少n位的数字:^d{n,}$m-n位的数字:^d{m,n}$零和非零开头的数字:^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数:^(-)?d+(.d{1,2})?...原创 2019-05-14 17:05:32 · 174 阅读 · 0 评论 -
javascript 实现百度地图车辆图标平滑移动,轨迹回放,多车同时平滑移动
记录一下百度地图平滑移动的js功能<html lang="en"><head> <meta charset="utf-8" /> <title>轨迹回放</title> <style type="text/css"> body, html{width: 100%;height: ...原创 2019-05-23 18:07:09 · 4905 阅读 · 0 评论 -
javascript 解决ie下“视频类型不受支持或文件路径无效”
在做动态切换下一个视频的时候,IE遇到了一个问题。解决记录并分享~查看video兼容性首先我是用<video>标签做的视频播放,ie是支持到9+。如果想支持ie6+可以使用videojs→videojs中文文档详解一、报错信息错误:视频类型不受支持或文件路径无效(video标签报错)MEDIA12899: 音频/视频: 未知 MIME 类型。(控制台报错)二、问...原创 2019-06-18 18:07:10 · 23807 阅读 · 2 评论 -
百度、腾讯地图正/逆地址解析 javascript
项目用到正逆地址解析,记录一下以便再次使用,接口可用于异步GET请求,script方式,h5页面,小程序,手机,同时可用于后端服务。1.百度逆地址解析(根据经纬度获取中文地址)百度文档 - 逆地址解析接口:http://api.map.baidu.com/geocoder/v2/callback=renderReverse&location=35.658651,139.7454...原创 2018-12-04 16:55:10 · 4271 阅读 · 0 评论 -
js 定位当前城市之接口定位(搜狐、新浪、百度、腾讯API)
1.搜狐API&amp;lt;script src=&quot;http://pv.sohu.com/cityjson?ie=utf-8&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; console.l原创 2018-10-31 23:27:56 · 4354 阅读 · 1 评论 -
CSRF攻击与防御原理
CSRF是什么? (Cross Site Request Forgery, 跨站域请求伪造)是一种网络的攻击方式,它在 2007 年曾被列为互联网 20 大安全隐患之一,也被称为“One Click Attack”或者Session Riding,通常缩写为CSRF或者XSRF,是一种对网站的恶意利用也就是人们所知道的钓鱼网站。尽管听起来像跨站脚本(XSS),但它与XSS非常不同,并且攻击方式几转载 2017-12-25 18:01:39 · 1206 阅读 · 0 评论 -
最完整的css hack
不管是前端后端,只要做网页就难免要做兼容,下面的css hack是我搜集了网上所有资料的集合,也是最全面的css兼容。!important网上很多资料中常常把!important也作为一个hack手段,其实这是一个误区。!important常常被我们用来更改样式,而不是兼容hack。造成这个误区的原因是IE6在某些情况下不主动识别!important,以至于常常被人误用做识别IE6的原创 2018-01-01 11:12:46 · 355 阅读 · 0 评论 -
require.js的用法
为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。 <script src="1.js"></script> <script src="2.js"></script> <script src="3.js"原创 2017-12-26 14:04:04 · 206 阅读 · 0 评论 -
5大双内核浏览器内核切换对比,细数双内核浏览器的神坑!
最近因为项目需要调用ocx控件(只支持IE),而向来鄙视IE的我,花了两天时间展开了对双内核浏览器的详细调查与几百次内核切换测试,得出了下面报告:原创 2017-12-26 15:51:36 · 8046 阅读 · 0 评论 -
viewport手机逻辑像素与物理像素原理(附完整手机各版本尺寸)
每英寸有多少个像素,称为ppi(pixel per inch)。我们可以简单算算,iPhone 4是640 x 960像素,对角线就是1154像素,除以3.5英寸,应该是330ppi。而官方给出的数字是326ppi。当像素太密,超过300ppi的时候,人眼 也就不能区分出每个像素。因此iPhone 4的屏幕叫作Retina显示屏。Retina在英文中,是视网膜的意思。原创 2017-12-27 16:31:07 · 26484 阅读 · 2 评论 -
web跨平台图标和浏览器颜色自定义
现代浏览器让您能够轻松地定制特定组件,如图标、地址栏颜色,甚至允许添加自定义磁贴等对象。这些简单的改进可提升吸引力,吸引用户再次访问您的网站。提供出色的图标和磁贴当用户访问您的网页时,浏览器会尝试从 HTML 提取图标。图标可能出现在许多地方,包括浏览器标签、最近的应用切换、新的(或最近访问的)标签页面等。提供高质量的图像将使您的网站更具辨识度,让用户更容易发现您的网站。为充分原创 2018-01-04 15:12:57 · 854 阅读 · 0 评论 -
parent.window.opener实现跨页面通讯
有人在技术交流群里提了个问题,瞬间引起我强烈的好奇心,“通过JS改变上一来源页面内信息,包括跳转等功能”。也许有人见过在父子iframe通讯,但两个页面之间的通讯很少见。跨标签跳转页面从A页面进入B页面,进入B页面的同时,A页面跳转到另一个页面。(有时候你也会遇到这个问题,就是跳到一个页面后,来源页面变成了某某广告页面。) 建立页面A.html,在body里写一个a链接就原创 2017-12-28 09:54:55 · 2615 阅读 · 0 评论 -
js中的instanceof运算符
instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上语法obj instanceof Object;//true 实例obj在不在Object构造函数中描述instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。实例重点内容i...转载 2018-03-16 17:00:34 · 293 阅读 · 0 评论 -
webpack 打包传参 process.env 公司一个项目多个版本的前端架构方案
早上遇到一个问题,项目有至少5个版本,希望通过给打包命令加一个参数就能打包对应版本。process.env配置生产环境在/config/目录下有prod.env.js、dev.env.js、test.env.js这三个分别是生产环境、开发环境、测试环境的配置。 在任何文件里都能简单的用下面代码获取到配置var NODE_ENV = process.env.NODE_E...原创 2018-03-19 10:55:11 · 8462 阅读 · 0 评论 -
js 数字和数字根的和实现方法
数字根是数字中所有数字的递归和。给定n,取n的数字的和,如果该值有两位数字,继续以这种方式减少,直到产生一位数。这只适用于自然数。实现逻辑:digital_root(16)=> 1 + 6=> 7digital_root(942)=> 9 + 4 + 2=> 15 ...=> 1 + 5=> 6digital_root(1...原创 2018-03-28 12:13:09 · 694 阅读 · 1 评论 -
HTTP常用状态码与详解大全
做一个程序员必备状态码速查表。常用状态码整理2开头 (请求成功)表示成功处理了请求的状态代码。200 (成功) 服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。 201 (已创建) 请求成功并且服务器创建了新的资源。 202 (已接受) 服务器已接受请求,但尚未处理。 203 (非授权信息) 服务器已成功处理了请求,但返回的信息可能...原创 2018-07-09 15:43:24 · 418 阅读 · 0 评论 -
javascript获取地图多边形中心点与缩放级别
getCenterPoint(path) { //var path = e.;//Array&amp;lt;Point&amp;gt; 返回多边型的点数组 //var ret=parseFloat(num1)+parseFloat(num2); var x = 0.0; var y = 0.0; for (var i = 0; i &amp;lt; path.length; i++) { x ...原创 2018-07-03 15:32:23 · 9605 阅读 · 0 评论 -
videojs中文文档详解
最近弄视频直播,网上没有全面的中文文档,只好自己整理了一份详细的api。Video.js是一款web视频播放器,支持html5和flash两种播放方式。更有自定义皮肤,插件,组件,语言还有丰富的选项配置。官方网站点此下载videojs.6.0.0入门使用引入video.js和video-js.css,使用video标签就像下面这样:&lt;video id="e...原创 2018-07-05 10:31:23 · 326111 阅读 · 27 评论 -
javascript墨卡托经纬度互转
墨卡托投影是荷兰地理学家墨卡托于1569年提出的一种地球投影方法,该方法是圆柱投影的一种。 “`javascript /** * 经纬度转墨卡托 * @param poi 经纬度 * @returns {{}} * @private */ function _getMercator(poi) {//[114.32894, 30.585748] var mer原创 2017-12-11 14:26:23 · 5512 阅读 · 0 评论