前端
前端
马克88
make
展开
-
js的docment.cookie获取的内容不完整
如题在浏览器开发者工具的application里的cookie里可以看到完整的cookie,个别字段无法通过document.cookie获取。不能读到的Cookie内容应该被设置成了 HttpOnly,即客户端脚本无法读取,只能从服务端读取和操作。设置 HttpOnly 的作用就在于通过阻止 JS 读取 Cookie 来 防止XSS 攻击。除了通过浏览器插件的方式(浏览器为其提供了接口),使用客户端脚本是基本0可能的。...原创 2020-10-01 13:44:57 · 2236 阅读 · 0 评论 -
解决谷歌浏览器http链接自动跳转到https的问题
本地开发测试使用域名doc.com,是http开头,因某些设置调整导致谷歌浏览器自动跳转到https:再想回到http下,进入chrome://net-internals/#hsts,在delete处填入url:如果没有效果就需要清除缓存:原创 2020-06-25 13:12:50 · 2845 阅读 · 0 评论 -
前端的优化与JQuery懒加载
前端优化做前端的时候,把实现不了的效果切换成图片还有一些图标也会切成图片,会降低前端页面展示的性能,增加页面资源HTTP的请求负担,甚至有的页面存在几十个img的http请求 。1、降低图片的大小 首先我们目前常用的图片格式有png,gif,jpg等 是降低图片的大小kb,有很多方法可以做,压缩图片,选择更小kb的图片格式,以达到最优的显示效果 智图:一个图片优化平台 https://tinypng.com/ 2、选择适当的图片宽度尺寸(即响应式图片) 不管是.转载 2020-05-23 00:03:04 · 310 阅读 · 0 评论 -
国内网站常用的一些 CDN 静态资源公共库加速服务
2015-06-08 web开发者们的福利来了。。旨在为大家提供更快更多更好的静态资源库的CDN加载库方案!CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。一 般的CDN公共库都会包含全球所有最流行的开源JavaScript、JQuery等库,你可以在自己的网页上直接通过script标记引用这些资转载 2020-05-22 23:21:53 · 763 阅读 · 0 评论 -
jQuery中$.fn的用法
在jQuery插件中,常常看见这样的结构,开始自己也是不理解后来通过查阅资料,慢慢的理解其中的大意,所以先总结出来。(function($, window, document, undefined ){}){//...code}(jquery,window,document)1.立即执行函数:(function(){})()这是一个自调函数,函数定义好之后自动执行。(function(){})表示一个匿名函数,而后面紧跟着的()表示立即调用此函数。而且()也是向函数传递参...转载 2020-05-12 17:04:39 · 174 阅读 · 0 评论 -
开源的api文档管理系统
在项目中,需要协同开发,所以会写许多API文档给其他同事,以前都是写一个简单的TXT文本或Word文档,口口相传,这种方式比较老土了,所以,需要有个api管理系统专门来管理这些api,从网上找了许多比较好的开源文档管理系统,可以应用到项目中。1、国外的话Swaggerswagger-ui2、国内的Showdoc国内开源的非常好用的一款API文档管理系统,安装也非常方便,只需将源代码放到项...转载 2020-05-05 20:36:01 · 5561 阅读 · 0 评论 -
审查网页广告来源添加到防火墙,遭遇debugger
本想审查找出网页广告来源添加到防火墙,让手机享受无广告骚扰,没想碰到了debugger其实不用管这个也能找到广告来源:将这个js链接添加到防火墙即可拦截。不过遇到了debugger,打开开发者工具不能正常播放视频了。遇到即是有缘,怎能就此放过。还是最终一下:然后来到:368行这里有个循环判断,然后就是下断刷新页面来到断点,F1...原创 2020-04-07 00:19:24 · 172 阅读 · 0 评论 -
CSS设置文字不能被选中及解除限制
今天搜索一些资料,碰到一些网站不能复制文本,起初以为是js限制问题,使用解除右键的js之后还是不行,【资料:】JS禁止选中文本方法复制代码if (typeof(element.onselectstart) != "undefined") { // IE下禁止元素被选取 element.onselectstart = new Func...原创 2020-04-04 21:08:13 · 7970 阅读 · 0 评论 -
解除网页右键限制和开启网页编辑状态的js代码
当访问页面右键被限制了怎么办?很好办!将以下代码添加进收藏夹,点击执行即可:javascript:alert(document.onselectstart = document.onbeforecopy = document.oncontextmenu = document.onmousedown = document.onkeydown = function(){return true;...转载 2020-04-04 20:43:21 · 2789 阅读 · 0 评论 -
CSS让网站整体变灰,不用修改图片
例如今天这个4月4日举行全国性哀悼活动的日子,CSDN页面整体变灰,连图片也是。好奇审查了一下:最后发现是通过css控制:html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-fil...原创 2020-04-04 20:33:56 · 360 阅读 · 0 评论 -
Vue的localStorage缓存遗留问题
场景:login页面登录成功后使用:localStorage.clear();localStorage.token=Data.token;index页面引用头部文件:import userHeaderfrom "../user/tabbar-user-header";tabbar-user-header文件使用:created() { self....原创 2020-03-27 22:04:50 · 1029 阅读 · 0 评论 -
前端ajax请求跨域问题记录
在其他的网站上加载远程js执行一些操作遇到跨域问题:ccess to XMLHttpRequest at 'http://r.com/index.php/api/index/tpl' from origin 'http://991999.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header i...原创 2020-03-08 21:51:52 · 1263 阅读 · 0 评论 -
No 'Access-Control-Allow-Origin' header is present on the requested resource', 跨域访问的解决方法
1. 当请求不在同一域名下的资源文件(ip地址+端口号)时,会报如下错误:“No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.”,翻译下,因为被请求的资源没有设置 ‘...转载 2020-03-08 18:13:02 · 2027 阅读 · 0 评论 -
解决前端跨域:has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header...
在前端工作中,有时候会碰到跨域的问题,就是请求的接口地址和本身的服务器不属于一个域内,此时浏览器会报错:XXXXX(请求的跨域url)has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested网上有很多的解决办法,可以用jsonp来请求等等。这里...转载 2020-03-08 18:06:33 · 33523 阅读 · 3 评论 -
ttf/woff等字体库导出svg文件上传iconfont.cn
本想修改FontEditor代码(https://github.com/ecomfe/fonteditor)自动分割字体库导出每个字体的svg文件,结果git代码下来没安装成功:npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename 'E:\WebSitePHP\ww...原创 2020-02-17 18:10:48 · 2863 阅读 · 4 评论 -
Iconfont 使用及demo(单色、多色、渐变色) 案例demo
IconFont 图标的3种引用方式新版Iconfont-阿里巴巴矢量图标库支持三种引用方式:1.unicode引用(原始)unicode是字体在网页端最原始的应用方式,特点是:兼容性最好,支持ie6+,及所有现代浏览器。支持按字体的方式去动态调整图标大小,颜色等等。但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。注意:新版ico...转载 2020-01-21 22:37:00 · 1750 阅读 · 0 评论