joke叔叔的博客

原创 一个meta标签实现页面定时刷新操作

// 定时跳转 content是定时时间设置内容<meta http-equiv="Refresh" content="10;URL=http://www.baidu.com" />//定时刷新<meta http-equiv="Refresh" content="10" />

原创 for in 和 for of 的区别

for in 和 for of 的区别for in遍历顺序有可能不是按照实际数组的内部顺序使用 for in 会遍历数组所有的可枚举属性，包括原型。Array.prototype.method=function(){ console.log(this.length); }var myArray=[1,2,4,5,6,7]myArray.name="数组"for (var index in myArray) { console.log(myArray[index]);}所以 f

原创 mac更新系统后，终端zsh没有读取到~/.bash_profile的$PATH

问题描述系统更新后，~/.bash_profile里导出的路径无法被读取到使用 source ~/.bash_profile后可以加载导出的path路径，但是仅限于本此会话，关闭重新打开后无效在终端中echo $PATH 发现只加载了mac默认的path路径Mac系统的环境变量，加载顺序为：/etc/profile/etc/paths~/.bash_profile~/.bash_login~/.profile~/.bashrc解决在 ~/.zshrc 文件中添加如下代码:if

原创 js常用的模块系统

nodejs模块系统nodejs的模块系统遵循的是commonjs规范每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。//文件导出 module.exports ={ text:'I am from a.js!'};exports.name="Tom"//引用模块const a = require('./a.js')...

原创 eslint搭配prettier

首先在项目中引入eslint (需要全局和在项目中安装eslint) eslint --init使用init后项目中已经有eslintrc.js配置文件安装prettiernpm i -D prettier eslint-plugin-prettier eslint-config-prettiereslint-plugin-prettier插件会调用prettier...

原创 webpack基础使用

webpack的四个核心概念入口(entry)输出(output)loader插件(plugins)入口(entry)入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。可以通过在 webpack 配置中配置 entry 属性，来指定一个入口起点（或多个入口起点）。默认值为 ./src。输出(output)output 属性...

原创 笔试，面试总结

手写一个深拷贝的方法 function deepClone(target){ let result; if(typeof target==="object"){ // 判断是不是数组 if(Array.isArray(target)){ result=[]; target.forEach(el=>{ result.push...

原创 css禁止选中文本

body{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

原创 使用css禁用a标签的点击，跳转事件

pointer-events:none

原创 深入react技术栈学习——（二）漫谈react

事件系统react基于虚拟dom实现了一个SynthetivEvent(合成事件)层，我们所定义的事件处理器会接收到一个SynthetivEvent对象的实例，它完全符合w3c标准，不会存在任何ie标准的兼容性。并且与原生浏览器事件一样拥有同样的接口，同样支持事件冒泡机制。    合成事件的绑定方法React 元素的事件处理和 DOM元素的很相似。但是有一点语法上的不同:React...

原创 深入react技术栈学习——（一）初入react世界

react简介react并不是完整的mvc/mvvm框架，它专注于提供清晰、简洁的View（视图）层解决方案。而由与模板引擎不同，react不仅专注于解决View层的问题，又是一个包括View和Controller的库。虚拟DOM真实页面对应一个DOM树，在传统页面中每次更新页面，都要手动操作dom进行更新。但是dom操作非常昂贵，前端开发中，性能消耗最大的就是dom操作。react把...

原创 node学习笔记（一）————global、模块系统、事件、buffer

global对象浏览器中，全局对象是window。window对象上定义的任何内容都可以被全局访问。node中有两个类似但却各自代表不同含义的对象：global：和window一样，任何global对象上的属性都可以被全局访问到 process：所有全局执行上下文中的内容都在process中。浏览器中，只有一个window对象，node中，也只有一个process对象。举例来说，浏览器...

转载 前后端分离项目的跨域问题

 在前端Ajax请求后台的时候, 打开控制台可以看到, 每一次请求之前都会有一次OPTIONS类型的请求OPTIONS称为预检请求, 通过这个请求, 浏览器会告知服务器,接下来的请求的情况.得到服务器的回应后浏览器便知道这次请求是否被允许Access-Control-Allow-Origin 代表允许请求源, 设置为*或设置为前端的域名即可解决跨域无法请求的问题例如http://domai...

原创 微信小程序事件

事件绑定的写法同组件的属性，以 key、value 的形式。key 以bind或catch开头，然后跟上事件的类型，如bindtap、catchtouchstart。自基础库版本 1.5.0 起，在非原生组件中，bind和catch后可以紧跟一个冒号，其含义不变，如bind:tap、catch:touchstart。 value 是一个字符串，需要在对应的 Page 中定义同名的函数。不...

转载 jsp页面生命周期