![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
普通文章
Jason_wu86
每天一笔,整理思路
展开
-
widows 系统下调试 ios webview里的H5页面
widows 系统下调试 ios webview里的H5页面,您知道不?如果有这需求,看这篇就够了。原创 2022-07-15 15:42:03 · 2215 阅读 · 6 评论 -
chrome 浏览器升级后接口无法正常访问
问题:chrome 浏览器升级后接口无法正常访问现象:接口请求不成功解决办法:地址览输入chrome://flags ,找到 Block insecure private network request ,设置Default为 Disabled后,Relaunch浏览器即可...原创 2021-10-21 10:33:42 · 1881 阅读 · 0 评论 -
二分法查找数组中的某个值的索引
/** * 方法说明 * @searchNum 方法名 * @arr 搜索的数组范围 * @v 要搜综的值 * @index 搜索索引 * @return 返回搜索值的索引 */let searchNum = (arr = [], v, index) => { let left = 0; let right = index - 1; while ...原创 2020-01-13 17:49:58 · 413 阅读 · 0 评论 -
Javascript 发布订阅模式设计
// 发布订阅模式class EventEmitter { constructor() { // 事件对象,存放订阅的名字和事件 如: { click: [ handle1, handle2 ] } this.events = {} } // 订阅事件的方法 on(eventName, callback) { if (!this.events[ev...原创 2019-11-15 10:57:31 · 98 阅读 · 0 评论 -
js 闭包
//利用闭包实现varBook=(function(){if(!(thisinstanceofBook)){returnnewBook();}varbookNum=0;functioncheckBook(name){}//创建类function__book(newId,newName,...原创 2019-11-08 17:53:22 · 94 阅读 · 0 评论 -
js 面向对象开发
var Book = function (id, price, bookname) { // 私有属性 var num = 1 // 私有方法 function checkId () { } // 特权方法 this.getName = function () {} this.getPrice = function () {} this.setName ...原创 2019-11-08 15:47:40 · 102 阅读 · 0 评论 -
Javascript 真假对象
var checkObject = function(){ return{ checkName:function(){ console.log('checkName') }, checkEmail:function(){ }, checkPassword:function(){ } }}var o = checkOb...原创 2019-11-08 14:08:01 · 127 阅读 · 0 评论 -
Javasrcipt 定义一个可以为函数添加多个方法Methods
Function.prototype.addMethod = function(name,fn){ this.prototype[name] = fn; }var Methods = new Function();Methods.addMethod('checkName',function(){ let arg = Array.prototype.slice.cal...原创 2019-11-08 11:55:21 · 306 阅读 · 0 评论 -
vue 3.0响应式原理
圈里的人都知道,我们的vue 3.0面世了,以下是一个基于 proxy 实现的响应式原理/* Vue 3.0 响应式原理*/function Vue(){ this.$data = {a:1} this.el = document.getElementById('app') this.ast = ''; this.observe(this.$data...原创 2019-11-07 21:45:13 · 403 阅读 · 0 评论 -
call apply bind 区别
在JS中,这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处:都是用来改变函数的this对象的指向的。 第一个参数都是this要指向的对象。 都可以利用后续参数传参。区别在哪里的,先看一个例子var xw={ name: "小王", gender: "男", age: 24, say: ...原创 2019-11-06 20:09:20 · 81 阅读 · 0 评论 -
Javascript 设计模式
//状态模式var status = { statusArr:[], on(state){ this.statusArr.push(state); return this; }, fire(){ this.statusArr.forEach((v,k)=>{ this...原创 2019-10-14 15:39:39 · 89 阅读 · 0 评论 -
linux服务器查看公网IP信息的方法
最近在解决网络问题时,需要查看本机的出口公网IP信息,所以在网络上搜索和请求运维达人,获得如下两个方法:curl ifconfig.me在linux系统中输入上述的命令,可以查看到本机连接的公网信息;如果该命令无效,可以使用下面一个命令,也同样可以获得对应的信息curl cip.cc ...转载 2018-12-10 19:34:22 · 347 阅读 · 0 评论 -
利用ssh传输文件
在linux下一般用scp这个命令来通过ssh传输文件。 1、从服务器上下载文件scp username@servername:/path/filename /var/www/local_dir(本地目录) 例如scp root@192.168.0.101:/var/www/test.txt 把192.168.0.101上的/var/www/test.txt 的文件下载到/var/w...转载 2018-12-12 19:56:28 · 202 阅读 · 0 评论 -
js动态生成二维码
1、首先在页面中加入jquery库文件和qrcode插件<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"></script> 2原创 2018-10-24 13:47:05 · 969 阅读 · 0 评论 -
微信小程序出现
最近在使用小程序<web-view>这个标签加载一个https网页的时候出现了{"base_resp":{"ret":-1}}这一个问题搞了好久~后来才发现是没把不校验合法域名、web-view(业务域名)、TLS版本及HTTPS证书这一个选项选上, 只要把这个勾上了显示就正常了。 使用<web-view>这个标签需要在小程序管理后...原创 2018-12-22 14:38:28 · 202 阅读 · 0 评论 -
CookieUtil 对象 封装
由于 JavaScript 中读写 cookie 不是非常直观,常常需要写一些函数来简化 cookie 的功能。基本的 cookie 操作有三种:读取、写入和删除。它们在 CookieUtil 对象中如下表示。var CookieUtil = { get: function (name) { var cookieName = encodeURIComponent(name)...原创 2018-10-15 11:11:54 · 486 阅读 · 2 评论 -
javascript脚本自动选择输入框内指定数量的值
html部分:<form method="post" id="myForm" action="ss" name="form2"> <input type="text" autofocus> </form>javascript部分:function selectText(textbox原创 2018-09-28 17:27:51 · 820 阅读 · 0 评论 -
js获取本机的网络IP地址
JavaScript是一门脚本语言,是不能操作文件,读取本地信息的,所以想要获取IP,还需要借助后端技术。方法如下://获取本机的网络ip地址function jsonpCallback(res) { var ip = res.Ip; // ip地址 var aa = res.Isp.split("市"); var isp = aa[0]; // ip省...原创 2018-10-12 17:35:25 · 1882 阅读 · 1 评论 -
Javascirpt 数据类型检测
toString.call(1)"[object Number]"toString.call(true)"[object Boolean]"toString.call(Object)"[object Function]"toString.call([])"[object Array]"toString.call(undefined)"[object Undefined]"to...原创 2019-09-27 14:18:04 · 69 阅读 · 0 评论 -
Dom Node类型类型
Node.ELEMENT_NODE(1);//元素节点Node.ATTRIBUTE_NODE(2);//属性节点Node.TEXT_NODE(3);//文本节点Node.CDATA_SECTION_NODE(4);//Node.ENTITY_REFERENCE_NODE(5);//实体引用节点Node.ENTITY_NODE(6);//实体节点Node.PROCESS...原创 2018-09-24 07:59:51 · 217 阅读 · 0 评论 -
单点登录原理与简单实现
一、单系统登录机制1、http无状态协议 web应用采用browser/server架构,http作为通信协议。http是无状态协议,浏览器的每一次请求,服务器会独立处理,不与之前或之后的请求产生关联,这个过程用下图说明,三次请求/响应对之间没有任何联系但这也同时意味着,任何用户都能通过浏览器访问服务器资源,如果想保护服务器的某些资源,必须限制浏览器请求;要限制浏览器请求,必须鉴...转载 2019-02-16 21:26:08 · 111 阅读 · 0 评论 -
前端防 xss攻击
https://jsxss.com/zh/index.html原创 2019-02-28 16:00:46 · 279 阅读 · 0 评论 -
git上的分支命名规范
master(主分支,永远是可用的、稳定的、可直接发布的版本,不能直接在该分支上开发) develop(开发主分支,代码永远是最新,所有新功能以这个分支来创建自己的开发分支,该分支只做只合并操作,不能直接在该分支上开发) feature-xxx(功能开发分支,在develop上创建分支,以自己开发功能模块命名,功能测试正常后合并到develop分支) release(预分布分支,在合并好fe...原创 2018-08-21 11:50:21 · 306 阅读 · 0 评论 -
js 原型设计
原创 2019-09-29 20:08:24 · 97 阅读 · 0 评论 -
Js 防抖、节流设计
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-29 17:38:16 · 99 阅读 · 0 评论 -
PHP HTTP类库
<?php/** * 封装基于curl的HTTP类库 * * @file class_httplib.php * @author qaulau@hotmail.com * @date 2013-8-1 */class http{ private $response; private $response_header; private $respons...原创 2019-07-07 19:52:16 · 817 阅读 · 0 评论 -
递归调用数组数据
let alllocalId = ['1111','22222']let upload = (alllocalId)=>{ let res = [] return new Promise((resolve,reject)=>{ let recursion = (alllocalId)=>{ if(allloca...原创 2019-04-09 15:50:46 · 612 阅读 · 0 评论 -
centos7 安装NVM 管理node
[转载] 转载自https://blog.csdn.net/shuizhaoshui/article/details/79325931NVM git地址:https://github.com/creationix/nvm1. 下载命令curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh...原创 2019-03-08 09:49:34 · 181 阅读 · 0 评论 -
微信浏览器useragent
PC端:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) wxwork/2.4.991 (MicroMessenger/6.2) WeChat/2.0.4IPhone 6s 手机端:Mozilla/5.0 (iPhone; CPU iPhon...原创 2019-03-02 16:48:33 · 9660 阅读 · 0 评论 -
es6 async await 使用
异步函数使用,函数执行过程中,等待某个异步函数执行后再执行接下来内容的。通常当前函数需要使用异步函数返回的值。<script> export default { template:'<div>async await 函数!</div>', mounted() { this.printInfo(); }, methods:...原创 2019-03-01 22:31:34 · 104 阅读 · 0 评论 -
WEB页面上的内容防复制
html 写法: <html lang="en"> <head> <meta charset="UTF-8"> <title>防复制内容例子</title> </head> <body oncontextmenu="return false"原创 2018-09-27 11:24:59 · 1717 阅读 · 2 评论 -
Javascript检测浏览器中是否安装了特定的插件
//检测插件(在 IE 中无效)function hasPlugin(name){ name = name.toLowerCase(); for (var i=0; i < navigator.plugins.length; i++){ if (navigator. plugins [i].name.toLowerCase().indexOf(name) > -1){ re...原创 2018-09-21 17:13:49 · 2435 阅读 · 0 评论 -
Javascript 查询字符串参数组装成对象
虽然通过ocation 对象的可以得到大多数信息,但其中访问 URL 包含的查询字符 串的属性并不方便。尽管 location.search 返回从问号到 URL 末尾的所有内容,但却没有办法逐个 访问其中的每个查询字符串参数。为此,可以像下面这样创建一个函数,用以解析查询字符串,然后返 回包含所有参数的一个对象: function getQueryStringArgs() { //取得...原创 2018-09-21 16:49:54 · 377 阅读 · 0 评论 -
javascript 模块
javascript可以让我们使用函数和闭包来构造模块。模块是一个提供接口却隐藏状态与实现的函数或对象。通过使用函数产生模块,我们几乎可以完美摒弃全局变量的使用,从而缓解这个Javascript的最为糟糕的特性之一所带来的影响。 String.prototype.deentityify = function(){ var entity = { qut:'"', lt:'<',...原创 2018-08-29 19:20:37 · 165 阅读 · 0 评论 -
JSONP 使用
我们都知道JSONP是解决跨域的一种解决方案。但他怎么使用、又怎么工作呢?请先参考这篇文章:https://blog.csdn.net/u011897301/article/details/52679486首先要理解函数定义在客户端,调用的话是跨域加载调用方法,并在调用的地方以参数的形式传递前端想要的数据。这句话比较抽象,我们举个例子:前端代码定义一个function:funct...原创 2018-08-24 17:54:34 · 1267 阅读 · 0 评论 -
Function.prototype.bind()
bind()方法创建一个新的函数, 当这个新函数被调用时其this置为提供的值,其参数列表前几项置为创建时指定的参数序列。语法:fun.bind(thisArg[, arg1[, arg2[, ...]]])thisArg:当绑定函数被调用时,该参数会作为原函数运行时的 this 指向。当使用new 操作符调用绑定函数时,该参数无效。arg1, arg2, ...:当绑定函数...原创 2018-08-31 15:01:10 · 321 阅读 · 0 评论 -
快速理解javascript 的apply 、call
apply 方法和 call 方法可能是学习javascript的难点之一,至少我这么认为,以下例子是我搜了很多文章后,感觉比较容易理解的例子:call:var obj = { message: 'My name is: '}function getName(firstName, lastName) { console.log(this.message + firs...原创 2018-08-31 14:31:36 · 85 阅读 · 0 评论 -
es6 promise 使用实用实践
本文主要记录关于promise的两个技术注意点:1、resolve,reject 前面增加return的必要性;2、promise.then().then().catcth()写法妙用 一、promise 调用resolve或reject并不会终结 Promise 的参数函数的执行new Promise((resolve, reject) => { resolve(...原创 2018-08-24 11:09:06 · 260 阅读 · 0 评论 -
css3 :nth-child选择器
概述::nth-child(an+b) 这个 CSS 伪类首先找到所有当前元素的兄弟元素,然后按照位置先后顺序从1开始排序,选择的结果为第(an+b)个元素的集合(n=0,1,2,3...)。示例:a 和 b 都必须为整数,并且元素的第一个子元素的下标为 1。换言之就是,该伪类匹配所有下标在集合 { an + b; n = 0, 1, 2, ...} 中的子元素。另外需要特别注意的是,an...原创 2018-08-31 11:57:35 · 516 阅读 · 0 评论 -
避免在循环中创建函数,它可能超出你的理想目的
为了避免下面的问题,理解内部函数能访问外部函数的实际变量而无须复制是很重要的。//糟糕的例子//构造一个函数,用错误的方式给一个数组中的节点设置事件处理程序。//当点击一个节点时,按照预期,应该弹出一个对话框显示节点的序号,//但它总是会显示节点的数目。var add_the_handlers = function (nodes){ for(i=0;i<nodes.len...原创 2018-08-28 15:35:15 · 295 阅读 · 0 评论