- 博客(197)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 js xss 过滤基本正则（只能过滤基本常用的）
let a = html.replace(/<script/g, "&lt;script").replace(/script>/g, 'script&gt;').replace(/<img/g, "&lt;img").replace(/<script.*>.*<\/script.*>/g, "").replace(/on(error|m...
2020-05-18 15:50:14
3444
原创 正则标记关键字（模拟搜索结果关键字变色）
let str = 'sql'; let content = 'sql的撒发大发sql看看竣工报告一姑娘sql注入'; let reslutDom = content.replace(new RegExp(str,'g'), "<font color='red'>$&</font>"); console.info(reslutDom);...
2020-04-15 14:23:53
442
原创 javascript 过滤字符串中script并且替换掉 xss注入攻击
function scriptReplace(str) { if (new RegExp(".*?script[^>]*?.*?(<\/.*?script.*?>)*", "ig").test(str)) {//包含 var str1 = str.replace('script', '</*script*/>');//替换的内容 return st...
2019-12-05 14:45:40
2070
原创 js数组的迭代方法(filter, every, some, forEach)
/*数组的迭代方法*///every() 对数组中每一项运行给定函数,如果该函数'每一项'都返回true 则返回true;var numbers = [3,2,3,4,5,4,3,2,1];var everyResult = numbers.every(function(item,index,array) { // item不满足条件的值 index不满足条件的值的索引 array传入的数...
2019-07-18 10:37:00
328
原创 js检测类型;检测引用类型 (instanceof)
检测类型:要检测一个变量是不是基本数据类型？typeof 操作符是最佳的工具。说得更具体一点， typeof 操作符是确定一个变量是字符串、数值、布尔值，还是 undefined 的最佳工具。如果变量的值是一个对象或 null ，则 typeof 操作符会像下面例子中所示的那样返回 "object" ：var s = "Nicholas";var b = true;var i = 22...
2019-07-17 13:58:23
846
原创 什么是Vuex
#什么是Vuex:vuex是一个专门服务vue,js的应用程序开发的状态管理模式;(这个状态我们可以理解成为在data中的属性,需要共享给其它组件使用中的部分,也就是说,是我们需要共享的data,使用vuex进行统一的状态管理)#Vuex中有默认的五种基本对象:1.state:存储状态(变量);2.getters:对数据获取之前再次编译,可以理解成state的计算属性;我们在组件中使...
2019-07-02 10:10:28
262
原创 git命令大全(部分转载自网络)
查看、添加、提交、删除、找回，重置修改文件git help <command> # 显示command的helpgit show # 显示某次提交的内容 git show $idgit co -- <file> # 抛弃工作区修改git co . # 抛弃工作区修改git add <file> # 将工作文件修改提交到本地暂存区git a...
2019-05-16 08:27:30
149
转载 理解apply()和call()的使用方法区别
JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法，它们的语法分别为：/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);它们各自的定义：apply：调用一个对...
2019-05-15 15:53:05
1497
原创 JS中的 arguments
arguments对象和Function是分不开的。因为arguments这个对象不能显式创建，arguments对象只有函数开始时才可用;类型: 百度解释为伪数组;;;;;;;;;;;;;;arguments 对象不是一个真正的数组，它类似于数组，没有数组所特有的属性和方法，除了length。例如没有pop 方法。不过可以将其转换为数组;function test() { co...
2019-04-18 14:36:55
168
原创 CKEDITOR 富文本 上传图片隐藏“超链接”与“高级选项”只留上传和预览按钮
//修改config.js中 CKEDITOR.editorConfig = function(config) { config.image_previewText = ''; config.removeDialogTabs = 'image:advanced;image:Link';//隐藏“超链接”与“高级选项”只留上传和预览按钮 }; ...
2018-12-18 11:03:21
1984
转载 jq ie8+ 图片上传回显
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-12-10 17:14:06
451
1
原创 js scroll底部悬浮和顶部悬浮 （未封装）
function scrollCon(){ window.addEventListener("scroll",function(e){ $('.overEnterBox').addClass('publicFixBottom');//默认固定在底部 //变量t就是滚动条滚动时，到顶部的距离 var t =document.documentElement.scrollTop||doc...
2018-09-19 13:52:03
1418
原创 js复制粘贴
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> &l
2018-09-15 16:08:13
464
转载 jquery 常用选择器 （笔记）
$("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以...
2018-09-06 09:36:41
262
原创 原生js判断IE浏览器版本
// 判断IE浏览器版本 function IEVersion() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("...
2018-08-24 11:56:58
4646
2
转载 css unicode字符集 特殊符号
使用方法：这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8； 编号用在HTML中时，需要在前面加上&#符号； 用于CSS文件中，但是需要用反斜杠\转义； 用于JavaScript，和CSS用法一样，不过要用\u来转义。需要注意：有的字符在不同的浏览器下表现不太一样；比如小雪人 ☃ 在Firefox和Chrome下不太一样，钻石 ◆ 在IE下要比Chrom...
2018-08-23 10:02:15
3083
1
原创 input radio 自定义css样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> input[type=&
2018-08-22 13:59:24
3223
1
原创 Mac OS 电源管理及 pmset 休眠 命令(转)
最近在用mac时发现一个问题，晚上正在上传或者下载的程序在电脑自动省电时会被关闭，第二天发现文件只上传了一半。想mac一定会有一个命令行的电源管理工具，在网上找到了下边文章，拿来分享。方便作服务器开发的朋友可以自已使用程序控制mac系统的电源使用。转自:http://www.crazy-code.tech/index.php/2017/02/25/mac-os-power-managment-...
2018-07-30 22:31:39
28321
2
原创 js获取和设置光标位置input和textare 兼容>=IE7
// 获取光标位置函数 input和textarea通用 谷歌 火狐 --IE7及以上 function getPositionForCursor(proDom) {//proDom 原生dom对象 var CaretPos = 0; if (document.selection) { // IE ...
2018-07-25 11:13:57
740
原创 input 常用正则
<!-- 只允许输入数字和一位小数点和小数点后两位 并且首位不能为小数点 --><input type="text" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" ><!-- 只能输入英文 -->...
2018-07-12 10:12:42
3465
原创 react 虚拟dom
react 虚拟dom的优点：数据渲染到页面的方式： 1）.手动for循环整个数组； 2）.使用模板引擎； 缺点：性能上的问题比较严重 列如：列表的排序等，需要重新渲染页面的某个需求，重新渲染页面的性能。如何提高性能？ 按需渲染：只更新数据变化的那一条数据（DOM树）。 原理：获取内存中的新旧两颗DOM树，进行对比，把数据发生变化的进行按需更新如何获取新旧两颗DOM树？实现对比？ 因为浏览器中并没...
2018-07-11 13:51:19
536
原创 jquery 插件实现机制和原理
/* * jQuery插件实现机制： * 就是给原型添加一些功能方法。 * */ // 沿用了1.7的版本 (function( w ) { // 对外暴露的工厂函数 function jQuery() { return new jQ...
2018-05-29 11:02:06
2099
原创 jquery的本质以及初步结构
/* * jquery对外暴露了两个方法：jQuery和$, * 这两方法实际上是同一个方法， * 通过调用这两个方法，可以得到一个jQuery实例对象。 * * jQuery实例对象是一个伪数组对象。 * * jQuery和$实际上是一个工厂函数。 * */ ...
2018-05-28 11:28:39
874
原创 js截取某个字段后面的字符串
var str = 'p2p-dafei'; console.log(str.split("p2p-")[1]);//截取p2p-后面的所有参数
2018-05-15 09:45:35
33581
1
原创 js操作 光标定位在文本后面 （适用于富文本编辑器）
function placeCaretAtEnd(jsDom) { //传入光标要去的jsDom节点 jsDom.focus(); if (typeof window.getSelection != "undefined" && typeof document.createRange != "undefined") { var range = ...
2018-05-03 09:33:45
5356
2
原创 js获取当前时间 年-月-日 时：分：秒
function getNowFormatDate() {//获取当前时间 var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1<10? "0"+(date.getMonth() + 1):date.getMonth() + 1; var...
2018-04-27 14:48:27
31021
1
原创 解决vue hash模式微信分享#号问题
// 问题描述在微信中分享到朋友圈或好友时，分享出去的路由被破坏，打开分享的链接，路由中的“#”会被去掉并追加？fromTimeline之类的后缀参数，这就造成了分享出去的链接只能进入首页，无法正常跳转到其他路由。 // 获取签名 this.$ajax.post(this.apiUrl+"/api/wxShare/getWxConfig", th...
2018-03-29 18:02:34
21628
20
原创 IE8 上传图片 预览 （兼容）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><form action
2018-03-23 17:23:36
3183
1
转载 js data 日期转换大全
有时候做项目会用到js的date日期格式，因为Date()返回的格式不是我们需要的，Date()返回格式：Thu Mar 19 2015 12:00:00 GMT+0800 (中国标准时间)而我们则需要这样的格式：2015-3-19 12:00:00除非是在后台处理好时间格式，然后在页面直接显示。那如何用j
2017-11-27 19:46:38
3411
转载 mac系统 安装 JDK 并配置环境
第一步 : 下载 mac 版的 JDK下载地址: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html// 同意协议并点击下载 第二步 : 下载完成后, 按提示完成安装.打开Finder,可以在下图所示的路径中找到安装好的jdk: 其中Contents下
2017-11-22 15:50:14
548
转载 解决Mac下安装nmp的淘宝镜像失败
解决Mac下安装nmp的淘宝镜像失败原创 2017年06月22日 02:12:59标签：mac /npm /nodejs /cnpm1856安装命令如下：npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose1提示报错，信息如下：
2017-11-21 16:58:06
1427
转载 使用淘宝镜像cnpm安装Vue.js
原创 2017年03月29日 11:23:517026前言Vue.js是前端一个比较火的MVVM框架，要使用它，我们必须提前配置，其中有一种安装方式是使用npm，比较适合比较大型的应用。今天就来看看这种方式如何操作，由于npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像来安装vue.步骤首先我们需要下载npm，因为我已
2017-11-21 14:07:16
503
转载 vue.js中created方法作用
vue.js中created方法作用2017-05-22 16:08 12986人阅读 评论(1) 收藏 举报 分类：Vue框架（3） 目录(?)[+] 这是它的一个生命周期钩子函数，就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中
2017-11-14 08:54:28
986
转载 Vue 爬坑之路（三）—— 使用 vue-router 跳转页面
使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。官方文档： https://router.vuejs.org/zh-cn/essentials/getting-started.html 有很多朋友找我要 demo，但是博客中的这个案例被我删掉了，我只好随手写了一个超简单的
2017-11-13 10:27:42
3908
转载 nodejs window下安装与配置淘宝镜像
nodejs window下安装与配置淘宝镜像1，前往nodejs官网下载安装软件，地址：https://nodejs.org/en/2，点击下一步继续安装，安装完成，在命令输入：node -v,npm -v,查看版本，即是安装成功3，随便在计算机哪个盘建一个全局目录，比如我的在E盘：E:\nodejs\node_global4，设置nodejs全局目录，所有以全局
2017-11-13 09:34:53
1121
原创 Angular 控制器之间的通信
angular控制器通信 输入内容后 第一步先点我 第二部点我 控制器通信的值为： {{name}} var app = angular.module('App',[]); //工厂模式 也可以用 service 可以理解成中间变量 app.factory('Myfactory', fun
2017-10-25 22:23:51
334
转载 Angular常见面试题
ng-if 跟 ng-show/hide 的区别有哪些？ （转载：https://segmentfault.com/a/1190000005836443）第一点区别是，ng-if 在后面表达式为 true 的时候才创建这个 dom 节点，ng-show 是初始时就创建了，用 display:block 和 display:none 来控制显示和不显示。第二点区别是，ng-if 会（
2017-10-25 17:09:06
10466
转载 构造函数与普通函数的区别
构造函数与普通函数的比较在js中，用new关键字来调用定义的构造函数。默认返回的是一个新的对象具有构造函数定义的变量和方法。先来写个构造函数的例子： 12345678910111213function Prince(
2017-10-22 11:51:40
527
转载 Javascript面向对象编程（三）：非构造函数的继承
Javascript面向对象编程（三）：非构造函数的继承作者： 阮一峰日期： 2010年5月24日这个系列的第一部分介绍了"封装"，第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分，介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承？比如，现在有一个对象，叫做"中国人"。 v
2017-10-22 11:13:09
230
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人