js/jq/h5/cs3
关注
分享
扫一扫
或非与
这个作者很懒，什么都没留下…
展开
-
nginx add header csp
引入谷歌 / hotjar统计,等外站的js/frame/css，会出现script-src、style-src、connect-src、frame-src、img-src等提示不安全，需要在nginx的头部增加Content-Security-Policy原创 2022-08-08 10:17:14 · 1275 阅读 · 0 评论 -
js根据条件删除数组对象的数据,字符串分割,字符串截取
parseInt把company_id转换成数字,判断数字>=0的才要，其他的扔掉<script>console.log("before:",old_data)let company_list = old_data.filter(item=>parseInt(item.company_id)>=0)console.log("after:",company_list)</script>......原创 2022-05-17 15:41:47 · 615 阅读 · 0 评论 -
vue3 子组件向父组件传递数据,函数
父组件向子组件传递参数请看：父组件vue3 setup 父组件向子组件传递参数子组件 defineExpose（）暴露uid,name参数和sonToFather的方发<script lang="ts" setup>import { ref,reactive} from 'vue'const sonToFather = (yourParam:string)=>{ console.log(yourParam+"子组件自定义的sonToFather()方发被执行了"...原创 2022-02-27 16:53:48 · 3533 阅读 · 2 评论 -
vue3 setup 父组件向子组件传递参数、方法
vue3 setup 父组件向子组件传递参数，父组件向各子孙节点传递参数原创 2022-02-27 13:52:49 · 28780 阅读 · 3 评论 -
vue-cli 4版本解决打包后无法找到js/css问题
在根目录新建vue.config.js，写入以下内容module.exports = { publicPath: './',//解决打包后css/js无法解析问题}重新打包npm run build 即可原创 2021-09-17 10:45:45 · 1352 阅读 · 0 评论 -
webstorm 怎么把css转rem
打开setting ->Plugins->Marketplace搜索px2rem点击安装安装完成，在settings设置root fontsize，如下图设置的就是37.5px是1rem在css写px的时候可自动转换成remless自动转换css 安装less：npm install -g less然后file watcher把less加入去如果没有暗转less会提示：webstorm The watcher has been disabled. Err...原创 2021-09-09 15:07:48 · 892 阅读 · 0 评论 -
js检测键盘组合键，禁止F12
js检测键盘组合键ctrl+pjs检测键盘组合键ctrl+djs检测键盘组合键ctrl+s<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js检测组合键</title></head><style> * {margin: 0; padding: 0; box-sizing: bord原创 2021-03-25 13:25:27 · 1351 阅读 · 1 评论 -
datalist速度慢问题，select option 搜索数据，
select 框自定义输入，搜索提示（H5方式）：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>list属性示例</title></head><body>text: <input type="text" name="greeting" list="greetings"><!-- 使用style原创 2020-09-17 13:22:07 · 522 阅读 · 0 评论 -
根据浏览器获取经纬度
根据浏览器获取经纬度（百度地图）（后面的AK是我申请的测试用的）可直接访问地址查看效果：https://www.buruyouni.com/web/map.html注意，页面不能直接打开，要用localhost:/xxx.html这样打开<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport"原创 2020-07-24 18:46:43 · 1513 阅读 · 0 评论 -
chart.js demo
<html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Chart.js - Html5 chart plugins</title> <script src="http...原创 2020-07-13 11:20:28 · 638 阅读 · 1 评论 -
JS弹出新窗口,关闭新窗口时,刷新父窗口 JS代码实现刷新网页
这里有两个文件,主要要实现的是点父窗口里的弹出新窗口(详细请参考 JS控制窗口常用代码),将弹出新窗口,在新窗口里面有两个方法,一个是刷新本面,另一个是关闭本页,同时要刷新父窗口,其中f.htm为父页,z.htm为子页,代码如下(由于f.htm页内容不多,可能会刷新过快而没看到效果,你可以适当增加内容以便查看效果):f.htm程序代码<!DOCTYPEhtmlPUBLIC"-//W...原创 2020-04-21 12:01:52 · 1094 阅读 · 0 评论 -
HTML 标题闪动
HTML 标题闪动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,...原创 2020-04-04 17:57:02 · 598 阅读 · 0 评论 -
jquery图片放大
jquery 图片放大<html><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script src="http://www.mmogapower.co/catalog/view/script/js/common/jquery.jqzoom-...原创 2020-03-11 18:40:17 · 1426 阅读 · 0 评论 -
input file 样式美化
input file 样式美化<html><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><a href="javascript:;" class="fileStyle">File Upload <input type="file" ...原创 2020-03-09 10:26:54 · 1120 阅读 · 0 评论 -
控制input只允许输入数字
好多时候我们是希望能设置input只能输入数字；比如说商城选择商品数量；比如说手机号等等；看了下京东和天猫；天猫选择商品数量是只能输入数字；而且数量不能小于1；下面就是用Js控制input只允许输入数字的代码；在用到的时候可以直接拿走；不用谢；此input只允许输入数字：input onkeyup="if(event.keyCode !=37 && ev原创 2017-01-06 10:10:23 · 1046 阅读 · 0 评论 -
ajax跨域问题完美解决
背景:面试被问到，没过，因为现在公司实际开发中没存在这个问题,好久没有用到，有点不爽，之前配过nginx的,没找出来那篇文章,然后被面试过鄙视了,回来赶紧搜索一下。 下面是查找到的答案,然后自己测试通过，下次再问我，我就搬这边文章出来给他看。 什么是跨域？跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。所谓同源是指，域名，协议，端口均相同，不明白没原创 2017-12-29 17:03:00 · 4412 阅读 · 0 评论 -
ckeditor5 图片上传,tp5整合ckeditor5编辑器使用
声明：所发文章楼主亲测并在实际项目中使用的，引入编辑器的时候碰到了不少坑，为了记录一下，让自己以后再次使用可以直接ctrl+c ctrl+v而写，如果这篇文章对你有用就最好了 背景：在编辑器使用的时候最开始是用的wangeditor，主要原因是这货非常轻量，体积超级小，但是由于公司的同事经常添加内容都是在word文档直接复制粘贴的，有很多垃圾样式wangeditor无法过滤，这个问题搞得我好烦，...原创 2018-06-20 10:48:55 · 10262 阅读 · 1 评论 -
javaScript的一些坑
&lt;script&gt; $(function(){ $('.item_delete').click(function(){ var url = $(this).attr('data-url'); var thisTr = $(this).parents('.item_data'); //获取数据必...原创 2018-08-20 17:52:36 · 603 阅读 · 0 评论 -
js禁止鼠标右键打开及复制
js禁止鼠标右键打开及复制<script language="Javascript">//js禁止鼠标右键打开及复制document.oncontextmenu = new Function("event.returnValue=false");document.onselectstart = new Function("event.returnValue=false");...转载 2019-01-11 17:17:05 · 1274 阅读 · 1 评论 -
php返回json对象给前端
开发中经常碰到php返回json数据给前端的情况,直接echo json_encode('xxxx'); 这样子返回的话，默认：Content-Type:text/html; charset=UTF-8 是这样的，那么我们只需要改变header头为json的类型,那么就可以实现php返回的数据直接是json类型了。/** * ajax数据返回json数据成功 */functio...原创 2019-01-29 10:39:32 · 29344 阅读 · 4 评论 -
怎么使用github的js文件,css文件
今天整理博客的时候发现一遍文章关于“ckeditor5 图片上传,tp5整合ckeditor5编辑器使用”发现之前上传到某云的ckeditor.js已经无法使用了，于是想要不直接放我自己用来测试的服务器吧，仔细想下算了，放自己的服务器我会各种折腾服务器的，不如直接放gitbug吧！so就有了这篇文章：怎么引用gitbub的js文件。 首先把你需要的静态文件上传到gitbub，注册...原创 2019-01-29 11:40:17 · 5655 阅读 · 0 评论 -
cdn公共资源及回退地址
现在互联网巨头都提供的有一些静态资源公共库为广大的开发者们提供了便利；因为他们有着遍布各地的cdn节点；所以使用这些资源库既可以加速加载资源；又能节省流量；何乐而不为呢？然而因为有一堵神圣的墙的原因；我等生活在天朝的子民是没办法享用谷歌的资源库了；不过百度的资源库也是挺不错的；推荐尝试：http://cdn.code.baidu.com/这里以jquery为例：原创 2017-01-06 09:16:13 · 382 阅读 · 0 评论