JavaScript
JavaScript集合
IT·Null
echo ("这个人很懒,简介都是空的...");
展开
-
JavaScript数据类型学习脑图
字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)原创 2024-02-20 16:30:59 · 218 阅读 · 0 评论 -
jQuery插入新元素
1</a>追加到p元素尾部。将<a>1</a>追加到p元素头部。将<a>1</a>插入到p元素后方。将<a>1</a>插入到p元素前方。在p元素尾部追加<a>1</a>。在p元素头部追加<a>1</a>。在p元素后方插入<a>1</a>。在p元素前方插入<a>1原创 2024-02-07 13:23:17 · 367 阅读 · 0 评论 -
JavaScript获得字符串实际长度
js获得字符串实际长度原创 2022-03-23 19:15:00 · 8973 阅读 · 0 评论 -
JavaScript字符串两边去空格
String.prototype.trim = function() { return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');};原创 2022-03-23 18:00:00 · 8775 阅读 · 0 评论 -
php【websocket】
在PHP中,开发者需要考虑的东西比较多,从socket的连接、建立、绑定、监听等都需要开发者自己去操作完成,对于初学者来说,难度方面也挺大的,所以本文的思路如下:1、socket协议的简介2、介绍client与server之间的连接原理3、PHP中建立socket的过程讲解4、用一个聊天室作为实例详细讲解在PHP中如何使用socket一、socket协议的简介 WebSocket是什么,有什么优点 WebSocket是一个持久化的协议,这是相对于http非持久化来说的。.原创 2020-12-27 13:39:08 · 28271 阅读 · 0 评论 -
[JavaScript]检查是否按下F12,并自动跳转到指定地址.
主要是为了防止某一些人查看网站的请求.当然这就是防小白的而已.有点知识的就算了.效果图:进入网站并按下 F12:先按下 F12 在进入网站:代码:!function(e) { function n(e) { function n() { return u } function o() { window.Firebug && window.Firebug.chrome && window.Firebug.chrome....原创 2020-12-25 13:29:01 · 38764 阅读 · 0 评论 -
困扰了一天,必须要记录一下,ajax请求非同源跨域不带cookie问题(设置withCredentials属性完美解决)
同源ajax请求是可以自动携带cookie的而非同源需要客户端和服务端都做处理:1.客户端需要对xhr对象设置withCredentials:true2.服务端需要设置响应头 access-control-allow-credentials:true同时必须指明 access-control-allow-origin 为服务方的origin, 不能为*之前都有这样一个理解:ajax请求时是不会自动带上cookie的,要是想让他带上的话,必须哟啊设置withCredential为tr..原创 2020-10-24 20:27:29 · 12139 阅读 · 0 评论 -
Ajax不是一种编程语言,而是一种编程技术?
什么是 Ajax?Ajax是 2005 年,由谷歌推广的一种编程模式,准确的来说,Ajax是一种技术 而非一种语言;它可以在不刷新页面的情况下实现页面局部数据的更新操作,从而减少用户在浏览信息时的等待时间,优化用户体验。使用方法第一步:创建请求(获取Ajax对象) 第二步:建立联系 第三步:发送请求 *请求方式: ① get:以 url 传参的方式传递即可 ② post:需要创建请求头,否则接收不到数据 *请求文件:就是用来接收...原创 2020-08-16 17:38:26 · 16110 阅读 · 0 评论 -
JavaScript面向初学者入门介绍(一)
JavaScript 产生的背景和用途用途:可以和 web 页面进行交互,让页面“动起来”JavaScript刚产生的时候,就是为了解决表单验证的问题JavaScript 定义JavaScript可以缩写为JS,JS是以 ECMAScript 为标准来执行的,这个标准有微软进行维护JavaScript是网景(Netscape)公司开发的一种基于客户端浏览器、面向(基于)对象、时间驱动式的网页脚本语言很多刚刚知道JavaScript的童鞋都会误认为JavaScript和 Java 肯定.原创 2020-08-17 12:11:36 · 14461 阅读 · 0 评论 -
简易的JavaScript文字跟随鼠标移动特效
呈上code<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .sp{ font-size:30px; font-family: 楷体; color:#00A1d6; font-weight:700; position:absolute...转载 2020-08-17 12:11:51 · 15995 阅读 · 0 评论 -
JS小脚本实现网站运行时间(为您的网站添加已安全运营X年X天X秒)
Ctrl + C and Ctrl + V到代码页脚处即可方法一本站已安全运行:<span id="momk"></span><script language=javascript>function show_date_time(){window.setTimeout("show_date_time()", 1000);BirthDay=new Date("20-05-2020 12:00:00");//建站日期today=new Date(...原创 2020-08-16 17:05:07 · 15796 阅读 · 0 评论 -
Js实现复制文字到剪贴板(简洁好用)
这是一款开源的插件,用起来非常方便也很好用<script>$(document).ready(function(){ $("#copy").click(function(){ var clipboard = new ClipboardJS('#copy', { target: function() { return document.querySelector('#textcontent.原创 2020-08-16 16:56:52 · 14092 阅读 · 0 评论 -
使用JS让复制站点文章时自动添加版权
方法1<!--复制自动版权--><script language="javascript" type="text/javascript">jQuery(document).on('copy', function(e) { var selected = window.getSelection(); var selectedText = selected.toString().replace(/\n/g, '<br>'); // Solve th..原创 2020-08-16 16:52:02 · 13689 阅读 · 0 评论 -
PHP实现敏感词过滤详解
$sql="select value from dede_sysconfig where varname='cfg_notallowstr'"; $mingan=$link->query($sql); $arr = $mingan->fetch_row(); //数组元素组合成字符串 $list="/".implode("|",$arr)."/i"; if(preg_match($list,$username,$matches)){ .原创 2020-05-24 09:38:51 · 4559 阅读 · 0 评论 -
PHP正则表达式及表单注册案例
正则表达式是一种具有特定模式的用来匹配文本的字符串preg_match 匹配$pattern = '/php/';$subject = "php 是最好的编程语言,php 没有之一!";$result = preg_match($pattern,$subject);if($result){ echo "<h1>匹配成功</h1>";}else{ echo "<h1>匹配不成功</h1>";}preg_match_a.原创 2020-05-25 08:35:26 · 6397 阅读 · 51 评论 -
PHP实现文件上传和下载超完整实例源码(详解)
效果图首先是封装好的图片类(缩放及生成水印)GDBasic.php<?php/** * GDBasic.php * description GD基础类 */namespace test\Lib;class GDBasic{ protected static $_check =false; //检查服务器环境中gd库 public static function check() { //当静态变量不为false原创 2020-05-23 09:06:16 · 4589 阅读 · 3 评论 -
jQuery+PHP实现购物商城常用的星级评分效果
jQuery+PHP实现购物商城常用的星级评分效果,我们在商城平台购买商品后,会有个评分功能,本实例就来说说实现方法。首先我们在.rate里面加入显示的灰星星div#big_rate、亮星星div#big_rate_up、分数span#s及span#g和提示信息div#my_rate。接着我们写一个获取评分的方法get_rate() :function get_rate(rate) { rate = rate.toString(); var s; var g; .原创 2020-05-24 09:40:38 · 4345 阅读 · 0 评论 -
HTML Iframe框架的使用以及如何禁止在框架内(外)打开此页面,超简单超实用一行代码就搞惦
在窗口框架体系中,top变量是JavaScript引用最顶层框架的最直接办法。如果网页直接在窗口中打开,而非一个框架,那么此时的top变量等同于window对象,也等同于self对象。所以,top和self是否等同,可以作为网页是否在一个框架中打开的判断标准。原创 2020-05-22 09:38:49 · 4873 阅读 · 0 评论 -
用JavaScript实现汉字与Unicode的相互转换
一、将汉字转换为Unicode /* *将汉字转换为Unicode *charCodeAt返回字符串指定位置的字符的Unicode编码(十进制形式),在0-65535之间。 * *toString(16) 将一个数字转成十六进制。 */ function toUnicode(chineseStr) { if (chineseStr == '') { return 'Please input Chinese Characters'; .原创 2020-05-22 09:39:33 · 3087 阅读 · 0 评论 -
element 中 el-menu 组件的无限极循环
实现思路主要组件嵌套(组件自己调用自己) 下面是组件所需要的数据{ "code": 1, "data": { "menuVoList": [ { "childList": [ { "childList": [], "menu": { "createBy": "0-1", "createTime": 1587610158, .原创 2020-05-22 09:39:41 · 3806 阅读 · 0 评论 -
JavaScript点击按钮实现文件上传
<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="./jquery.min.js" type="text/javascript"></script> <title>点击按钮实现文件上传</title></he..原创 2020-05-22 09:39:50 · 4298 阅读 · 0 评论 -
js获取数组长度,对象成员个数字、符串字数
Javascript怎么得到数组长度(也就是数组的元素个数)?Javascript怎么获取对象的成员个数?你肯定想到了array.length!? 那么我们来测试一下下面这个例子.<script type="text/javascript">var a = [];a[50] = 50;alert(a.length);</script>请问数组a有多少个元素, 或者换一句话说, 数组a的长度为多少?你会告诉我长度为1, 但浏览器会告诉你a.leng原创 2020-05-22 09:39:59 · 3171 阅读 · 0 评论 -
前端通过ajax获取base64转blob下载PDF方法
我们通常下载文件的方式无非后端给一个生成文件链接, 前端通过a标签或者iframe的方式去下载,这种方式的弊端是无法监测到文件是否下载完成,无法给用户友好的提示,以避免用户短时间内重复点击下载.如果我们能用Ajax从后端拿到PDF的相关数据,再在前端下载成PDF就可以解决这个问题,那么新的问题是:1. 前端如何下载PDF?2. 后端给什么格式的数据?针对第一个问题很简单:将通过URL.createObjectURL()函数将blob对象生成url,并添加到a标签上即可解决.问题转化成后端原创 2020-05-22 09:40:07 · 3919 阅读 · 0 评论 -
JavaScript闭包详解
语法作用域考虑如下情况:function init() { var name = "Mozlilla"; // name是一个被 init 创建的局部变量 function displayName() { // displayName()是内部函数,一个闭包 alert(name); // 使用了父函数中声明的变量 } displayName();}init();init()创建了一个局部变量name和一个名为displayName().原创 2020-05-22 09:40:25 · 3092 阅读 · 0 评论 -
HTML下拉列表效利用JavaScript实现省市联动果
什么是DOM: Document Object Model : 管理我们的文档,增删改查规则【HTML中的DOM操作】一些常用的 HTML DOM 方法:getElementById(id) - 获取带有指定 id 的节点(元素)appendChild(node) - 插入新的子节点(元素)removeChild(node) - 删除子节点(元素)一些常用的 HTML DOM 属性:innerHTML - 节点(元素)的文本值parentNode - 节点(元素)的父节点childN.原创 2020-05-21 08:08:51 · 2855 阅读 · 0 评论 -
JavaScript数组去重的方法
在实际工作或面试中,我们经常会遇到“数组去重”问题,接下来就是使用js实现的数组去重的多种方法:1.将数组的每一个元素依次与其他元素做比较,发现重复元素,删除 var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5,5]; console.log(arr); //[1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5, 5, 5] function noRepeat1(arr) { .原创 2020-05-21 08:08:40 · 2854 阅读 · 0 评论 -
JavaScript如何封装一个方法? 功能跟数组的indexof一样
function ArrayIndexOf(arr,value){// 检测value在arr中出现的位置for(var i=0;i<arr.length;i++){if(arr[i]===value){return i;}}return -1;}var test=ArrayIndexOf(nums,"1");console.log(test);原创 2020-05-21 08:08:27 · 2903 阅读 · 0 评论 -
js不改变原数组的情况下取数值数组的最大值和最小值
function getMax(abc){ // 1.要深拷贝数组 abc = abc.slice(0); // 2.排序(升序第一个值是最小值,降序第一个值是最大值) abc.sort(function(a,b){return b-a}); // 3.返回第一个值 return abc[0]; } function getMin(qwe){ return qwe.slice..原创 2020-05-21 08:07:54 · 3078 阅读 · 0 评论 -
js中十进制与二进制、八进制、十六进制的互相转换
var num = 234; console.log(num); var er = num.toString(2); console.log(er); var ba = num.toString(8); console.log(ba); var sl = num.toString(16); console.log(sl); // 十进制转其他,数值转字符 // 其他转十进制,字符转数值 ...原创 2020-05-21 08:07:44 · 3048 阅读 · 0 评论 -
js生成一个范围内随机数Math.random
//random() 方法可返回介于 0 ~ 1 之间的一个随机数。 //生成最小min到最大max的随机数function random(min,max){ if(min > max){ var ls = min; min = max; max = ls; } return Math.floor(Math.random() * (max-min+1) ) + min;.原创 2020-05-21 08:07:32 · 3045 阅读 · 0 评论 -
js实现单张或多张图片持续无缝滚动
想要实现图片持续滚动,既然使用js,就千万不要加css动画、过渡等相关样式,如果想要滚动的平滑一下,可以一像素一像素的感动,则很平滑,如果加了过渡动画,当图片重置为0时,会有往回倒的动画效果,跟预期不符。原理:图片滚动原理同图片轮播原理,同样也适用于文字滚动等一系列滚动,通过复制最后一张图片或最后一堆文字插入第一行,或复制第一张图片或一堆文字插入在结尾,来实现无缝拼接,前提:1、必须是没有设置过渡动画的,2、重置为0的时候与当前已经滚动到的高度对于图片的位置而言肉眼看上去没变化。实现:ht.原创 2020-05-21 08:07:21 · 3199 阅读 · 0 评论 -
JavaScript关于Fromdata的上传文件问题
<div class="imgDIv"> <label>上传pdf</label> <input id="fileId" type="file" accept="application/pdf" class="imgPic"/></div> var formData = new FormData(); var file = $("#fileId")[0].files[0]; formData...原创 2020-05-21 08:07:05 · 3071 阅读 · 0 评论 -
JavaScript 判断元素是否在数组中
function isInArray(arr, val) { let testStr = ',' + arr.join(",") + ","; return testStr.indexOf("," + val + ",") === -1}原创 2020-05-21 08:06:27 · 3061 阅读 · 0 评论 -
Vue字符串拼接
:title="`字符串${xx}`":title="'字符串' + xx"原创 2020-05-06 17:36:03 · 1827 阅读 · 0 评论