js&jq
关注
分享
扫一扫
Ethanhuyi
把技术当兴趣，欢迎关注我的博客交流；曾任职51.com平台后端全栈开发，江西省交科院有限公司前端开发。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
原生JS动态生成a标签，自动下载文件
原生js动态生成a标签，并且自动触发点击事件进行下载文件原创 2022-04-02 17:46:41 · 1624 阅读 · 0 评论 -
ES6语法（平常用到）
1，vue 中的const {XXX } =this 的作用效果样例1const {xxx} = this.state;上面写法是es6的写法，相当于const xxx = this.state.xxx;样例2const {comment,index,deleteComment} = this上面的这句话是一个简写，最终含义相当于const comment = this.comment;const index = this.index;const deleteComment = th原创 2021-05-30 00:23:27 · 354 阅读 · 0 评论 -
前端优化
性能优化1.在请求以及文件大小方面尽可能的将js、css文件合并为一个文件，减少了向服务器发送请求（webpack）若浏览器支持，尽可能使用webp格式的图片代替其他图片格式尽量使用字体图标或者SVG图代替传统的png图尽量使用精灵图或者说时雪碧图（一方面可以减少向服务器发送请求，另一方面则是降低了资源占用空间大小）可以适当的使用缓存技术，比如对于不怎么发生变化的数据，使用h5新增等的localstorage、sessionStorage，以减少发送请求的次数2.对于代码优化相关闭包----原创 2021-05-18 00:07:12 · 359 阅读 · 0 评论 -
CSRF攻击+XSS攻击
什么是XSS攻击？如何防止XSS攻击？1.XSS攻击XSS（Cross-Site Scripting）—跨站脚本攻击，简称XSS，是一种代码注入攻击，攻击者通过在目标网址注入恶意脚本，使之在用户的的浏览器上运行。利用这些恶意脚本，攻击者获取用户敏感信息如Cookie、SessionID等，进而危害数据安全。XSS的本质：恶意代码未经过滤，与网站正常的代码混在一起；浏览器无法分辨哪些脚本是可信的，导致恶意脚本被执行。2. 如何防止？由于问题的源头是js代码的注入，那么我们便想办法不让js生效方式1原创 2021-05-17 23:39:01 · 684 阅读 · 0 评论 -
Service Worker与浏览器中缓存机制
什么是Service WorkerService Worker是运行在浏览器背后的独立线程，一般可以用来实现缓存功能，使用service worker的话，传输协议必须使用https.使用service worker实现缓存一般分三个步骤：1，首先要注册service2，监听install，拿到需要缓存的文件3，下次用户访问的时候可以通过拦截请求方式查询是否存在缓存，存在缓存的话就可以直接读取文件，否则请求。浏览器中的缓存机制缓存可以是性能优化中简单高效的一种方式对于一个数据请求，分为三个阶原创 2021-05-17 23:29:04 · 1206 阅读 · 0 评论 -
js的原型和原型链
构造函数创建对象：function Person(){ }var person=new Person();person.name='jock';console.log(person.name);Person就是一个构造函数，我们使用new 创建一个实例对象Personprototype每个函数都有一个prototype每一个js对象在创建的时候就会与之关联另外一个对象，这个对象就是我们所说的原型。每一个对象都会从原型 继承 属性。function Person(){ }//pr原创 2021-05-17 15:31:35 · 178 阅读 · 0 评论 -
jquery书写一个简易的二级联动
先用php生成一个json数组示例如下JSON_UNESCAPED_UNICODE 是对汉字进行处理的参数然后HTML代码如下 把那个json_city赋值成我们用php生成的json即可<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> ...转载 2018-11-19 13:56:05 · 557 阅读 · 0 评论 -
H5使用高德API进行浏览器精确定位
刚开始使用的百度API，仅仅总是停留在城市地区定位上，不能精确定位；现在介绍一下高德API浏览器精确定位参考网址 : http://blog.youkuaiyun.com/Generon/article/details/760681751,两个文件：2，js代码完整代码请去gitos下载：3，HTML部分：4,拉取gitos完整代码：更多功能参考高德API文档原创 2018-01-23 10:53:44 · 5318 阅读 · 1 评论 -
js日历选择日期插件使用(My970DatePicker)
js日历选择日期插件使用(My970DatePicker) 插件地址: http://git.oschina.net/diema/javascript_calendar_plugin原创 2017-05-04 13:59:25 · 1258 阅读 · 0 评论 -
在php模版文件和html文件中引入js,css文件错误解决
1,html文件引入js一些资源文件时候：可以写相对路径来引入， 像这样；但是这样在php模版文件中就不管用，找不到资源文件2，test.view.php文件引入资源文件的时候，要注意带上http:// ,这样文件就可以成功加载资源文件；src="'http://'.$_SERVER['SERVER_NAME'] . '/lib/layer/jquery.min.js原创 2017-04-10 22:46:58 · 4302 阅读 · 1 评论 -
js弹框 父窗口弹出子窗口 以及 JS实现弹出层效果
网址 : http://blog.youkuaiyun.com/dodott/article/details/42113579转载 2017-03-19 18:36:48 · 9345 阅读 · 0 评论 -
在 Laravel 5 中集成 Pjax 实现无刷新加载页面的扩展包 —— Laravel Pjax
pushstate + ajax =pajax一个分页查询的插件1、简介Pjax 是一个 jQuery 插件，其作用是使用 ajax 来加速页面加载时间，工作原理是只从服务器获取指定 HTML 片段，然后客户端使用获取到的内容更新局部页面。LaravelPjax 扩展包将 Pjax 集成到 Laravel 中，实现原理是提供一个中间件，返回 Pjax 期转载 2016-07-26 17:41:00 · 2937 阅读 · 0 评论 -
php+ajax+jquery实现分页
HTML?1234divid="list"> ul>ul>div>divid="pagecount">div>页面中，#list用来展示数据列表，包括本例要展示的商品图片和标题，#pagecount用来展示分页条，即本例中的上一页、下一页。当然，别忘了，在转载 2016-07-26 18:01:56 · 1011 阅读 · 0 评论 -
jq刷新页面
//页面加载时绑定按钮点击事件$(function(){ $("#按钮id").click(function(){ refresh(); });});//点击按钮调用的方法function refresh(){ window.location.reload();//刷新当前页面. //或者下方刷新方法 //parent.lo原创 2016-07-02 11:47:26 · 4436 阅读 · 1 评论 -
jquery.cookie.js操作cookie的使用方法
1，首先引入jquery.cookie.js;2,使用方法 :Query操作cookie的插件,大概的使用方法如下$.cookie('the_cookie'); //读取Cookie值$.cookie(’the_cookie’, ‘the_value’); //设置cookie的值$.cookie(’the_cookie’, ‘the_value’, {expires: 7原创 2016-07-21 17:20:54 · 3311 阅读 · 0 评论 -
解决ajax跨域请求问题
允许所有的请求地址来访问header('Access-Control-Allow-Origin: *');原创 2016-07-21 17:49:11 · 508 阅读 · 0 评论 -
图片懒加载插件技术
图片懒加载插件技术网址http://www.w3cways.com/1765.html原创 2016-09-14 17:17:59 · 776 阅读 · 0 评论 -
js跨域问题的解决
参考网址http://www.codeceo.com/article/javascript-cross.html?ref=myread原创 2016-09-08 11:30:18 · 599 阅读 · 0 评论 -
larael中控制器和前端页面ajax对接修改c s s样式 网站换皮示例
1，控制器端代码： class SkinController extends CommonController{ //logo皮肤 public function skinlogo() { $logo = DB::table('skin')->where('id', 1)->get(); //第一种DB类取数据 $logo原创 2016-10-31 14:45:31 · 696 阅读 · 0 评论 -
j s刷新当前页面，方法大全
1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因转载 2016-07-02 11:40:27 · 2825 阅读 · 0 评论