比如有一个网站,https://testsystem.infotest.com 在这个网站的内容文件目录下面,有一个scripts文件夹,该文件夹中有一个js文件,比如lukeTest.js文件 这样,我发现在浏览器中,输入 https://testsystem.infotest.com/scripts/lukeTest.js 可以直接在浏览器中浏览此js文件的内容 这个显然是不对的,因为容易给恶意攻击者找到js的漏洞进行攻击 那么,如何让在web browser中直接输入这个地址,不显示该js

最近有需求要实现在网页直接查看pdf,word,excel文件.但是实际当中并没有很好的开源插件供我们使用,确实有一些付费的插件不错,也很好用,但是对于我来说都不适合. 现在只是单纯的找到了围魏救赵的方法. 就是先实现显示pdf文件,其他文件用别的方式去转成pdf.虽然这个方法确实不好,但是也是没有办法的办法了,如果以后能有更好的,那就再发布别的吧. 这里我就直接介绍pdf的显示方法. 直接上干货. 首先在E:\tomcat8\webapps这个目录下面拷贝下面这个文件 http://yunpa

Ajax.js /**通用ajax服务的定义对象 * services可以是单个服务对象,也可以是service服务数组 * 具体服务的定义请参考appendServices成员函数 */ function Service(services){ this.services=[]; this.shareParameters={}; /**添加共享参数,在这里统一设置共享参数 */ this.addShareParameters=function(shareParameters){ this.sha

在我们平时的项目中,特别是模块化开发中.经常会遇到一些js冲突问题,特别是当项目复杂到一定程度的时候.比如项目中引入了相当多的类库,框架以后. 那么.我们如何去避免或者解决这类问题呢? 1.避免使用全局变量. 2.使用匿名函数的方法来把自己的模块包起来.这样你所定义的变量 就只能在这个匿名函数中使用了. 如果存在模块之间的通信怎么办呢?我们可以适量的使用全局 例如: var win={};//全局对象        (function(){//匿名函数A            win.str1=

springboot静态文件访问的问题,相信大家也有遇到这个问题,如下图项目结构. 项目结构如上所示,静态页面引入js.css如下所示. 大家肯定都是这样写的,但是运行的话就是出不来效果,图片也不显示.原因是因为springboot项目中的一个配置文件spring.mvc.static-path-pattern=/** 指的是/static/下的文件,修改过后如下,图片显示成功. 经过修改,这个简单的静态文件引入就可以使用了.详细方法:https://blog.csdn.net/catoop/a

背景 在做存量项目接入Vite测试时发现,存量(老)项目中很多是直接在js中书写jsx语法,使用Vite启动时就会抛出一堆问题Failed to parse source. 不嫌麻烦可以跑个脚本批量修改文件类型,这是一个解决办法. 为了刨根知底,同时为了存量项目最低成本的接入Vite使用,尽力避免修改业务代码.得寻找其它办法解决一下. 报错截图如下 复现问题 初始化demo项目 # npm 6.x npm init vite@latest my-react-app --template reac

在一个项目中为了减少全局变量的使用及模块化的开发我们使用的构造函数加原型的开发模式 var App = function(){ //管理构造函数的属性 this.name = 'jack' } //页面初始化时执行 App.prototype.init = function(){ //绑定事件 this.bindevent() //可以通过原型的方法绑定些自己需要的函数 } App.prototype.bindevent = function(){ //此处书写绑定的事件,也可以通过函数将绑定的

Idea2018中集成Tomcat9导致OutPut乱码找到tomcat的安装目录,打开logging.properties文件,增加一行代码,覆盖默认设置,将日志编码格式修改为GBK.java.util.logging.ConsoleHandler.encoding = GBK js代码 (function() { var CookieUtil = { // get the cookie of the key is name get : function(name) { var cookieN

摘自https://www.cnblogs.com/sanzangTst/p/7692454.html 浏览器弹窗: 现在大多数网站都会使用自定义弹窗,使用Selenium自带的方法暂时处理不了,这时就需要js来处理浏览器弹窗问题 大家能看到,图中的这种弹窗就是现在主流的表现形式,处理这种弹窗可以利用HTML DOM Style 对象,有一个display属性,可以设置元素如何被显示,详细解释可以参考http://www.w3school.com.cn/jsref/prop_style_disp

HTML里: HTML代码中,在编写网页代码时,各种浏览器的兼容性是个必须考虑的问题,有些时候无法找到适合所有浏览器的写法,就只能写根据浏览器种类区别的代码,这时就要用到判断代码了.在HTML代码中,区别各种浏览器的代码如下,以ie6为例 <!--[if IE 6]>仅IE6可识别<![endif]--> <!--[if lte IE 6]> IE6及其以下版本可识别<![endif]--> <!--[if lt IE 6]> IE6以下版本可识

最近使用Echarts地图(版本为echarts2,echarts3目前无法下载地图版). 问题描述:之前使用require形式加载,地图首次加载显示要6-7秒,难以接受. js配置代码如下: <div class="w_b50 fl bg_x" id="main"> <script type="text/javascript" src="<%=request.getContextPath()%>/js/d

原因 主要是编码的问题.在设置文件名称前,加上判断.判断下载者使用的浏览器,如果不是火狐浏览器,则对文件名称进行UTF8编码;如果是火狐浏览器,则不对文件名称进行操作. 解决办法 文件名称编码时进行判断,不是火狐浏览器时才进行编码. if (HttpContext.Current.Request.ServerVariables["http_user_agent"].ToLower().IndexOf("firefox") == -1) {   } /// <s

类型 规范 示例 常量 全字符大写,单词用 '_' 分隔 FETCH_USERS.GET_USERS 变量.函数 小写开头驼峰式 camelCase 类.特殊意义的命名空间 大写开头驼峰式 CamelCase 方法.函数 a. 动词 或 动词+名称 组合b. get 必须要有返回值   布尔值变量 is 或 has 前缀   私有属性或方法 用 '_' 或 '__' 前缀   事件处理函数 handle前缀 或 Handler 后缀

引言 之前做的项目中需要在浏览器查看PDF文件.在电脑端没有问题,但是手机端网页打开失败. 后来使用了pdf.js,个人认为pdf.js的页面不够清爽,就希望网站能自动检测登录设备,电脑端保持原样,手机端调用pdf.js. 后来在CodeProject上找到了下面的代码. 代码 public static bool IsMobileBrowser() { //GETS THE CURRENT USER CONTEXT HttpContext context = HttpContext.Curre

项目中js文件修改后浏览器不能及时更新的解决办法 转载:http://www.codeweblog.com/%E9%A1%B9%E7%9B%AE%E4%B8%ADjs%E6%96%87%E4%BB%B6%E4%BF%AE%E6%94%B9%E5%90%8E%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%8D%E8%83%BD%E5%8F%8A%E6%97%B6%E6%9B%B4%E6%96%B0%E7%9A%84%E8%A7%A3%E5%86%B3%E5%8A%9E%E6%B

一.禁用浏览器退格键 摘抄自:https://www.cnblogs.com/wanggd/p/3164536.html 我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用,常见的比如说退格键(backspace/ 后退键),我在一个项目中就遇到过在页面编辑的时候禁用掉退格键,因为退格键会发生页面后退,这样编辑的内容都会失去了,非常的恶心人.ok ,废话少说,直接上代码. <script type="text/javascript"> //处理键盘事件 禁止后

        最近觉得应该把自己在技术上的一些心得记录在博客里面跟大家分享,一起讨论,一起成长!       这篇随笔主要为介绍chart在项目中的运用,因为在我们看到一些开源的chart时候,是使用纯js 或者建立在一些插件(例如:jquery)上的,我们会用有一些茫然.chart里面的文档和实例都是html + css +js ,数据源都是静态定义成json对象,标题.脚注等都是静态的字符串!我们如何让这些数据动态地与数据库交互,或者后台进行交互呢?       既然讲到了图表(chart

抽空把项目中常用js方法整理成了common.js,都是网上搜集而来的,大家一起分享吧. var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data: data, dataType: 'json', success: ok, error: error }); } h.post = function (url, data, ok, error) { $.ajax({ url: url, data: da

 第一个:关于vue-cli中js点击事件不起作用 在vue的methods方法queryBtnFun()中拼接html和click操作事件的时候,发现点击事件一起未起作用: 后来发现是DOM执行顺序的原因: 因为methods里的代码是编译后在浏览器里运行的 第二个:iconfont图片下载页面css样式乱的 在项目刚搭建的时候,我在iconfont上建立了一个图标项目库,把常用的几个图标添加下载到项目中,后来到项目中期的时候,有几个图标要新加入, 在iconfont添加上,下载下面,使用的时

js,全称javascript,不过虽然是以java开头,不过与java一点关系都没有. js和java有如下区别: (1)js是浏览器端的语言,而java是服务器端的语言. (2)js是动态语言,java是静态语言. (3)java是基于面向对象的编程语言,而js虽有对象这个概念,但是只是基于对象而不能直接继承; 这里要提一点动态和静态是什么意思? 简单的说,动态就是不需要编译就能执行,而静态需要编译执行. 现在比较流行的就是前后端分离,如果用纯html开发+js获取后台数据,那么路径又怎么获

来自一位美团大牛的分享,相信可以帮助到你. 原文链接:https://juejin.im/post/5948985ea0bb9f006bed7472?utm_source=tuicool&utm_medium=referral 前言   本文主要介绍facebook推出的一个类库immutable.js,以及如何将immutable.js集成到我们团队现有的react+redux架构的移动端项目中. 本文较长(5000字左右),建议阅读时间: 20 min 通过阅读本文,你可以学习到: 什么是i