Dailoge的博客

webpack path 文档描述默认值：process.cwd()output.path目录对应一个绝对路径， 最后 path 会输出到物理硬盘上的。const path = require('path');module.exports = { //... output: { path: path.resolve(__dirname, 'dist/assets') }}; publicPath 文档描述默认值：空字符串此选项指定在浏览.

let obj = { name: 'dailoge', age: 23}function bindData(obj, func) { const tmp = Object.assign({}, obj) Object.keys(obj).map(key => { Object.defineProperty(obj, key, { set(newValue) { tmp[key] = new.

1、背景最近在开发iframe页面，想对iframe跨域的情况更进一步了解，跨域的时候，可以访问到iframe 文档中哪些属性2、行动

1、引用ECMAScript 整数有两种类型，即有符号整数（允许用正数和负数）和无符号整数（只允许用正数）。在 ECMAScript 中，所有整数字面量默认都是有符号整数，这意味着什么呢？有符号整数使用 31 位表示整数的数值，用第 32 位表示整数的符号，0 表示正数，1 表示负数。数值范围从 -2147483648 到 2147483647。-2147483648是补码10000000...

作用在安装第三方带有bin字段的npm，那可执行文件会被链接到当前项目的./node_modules/.bin中，在本项目中，就可以很方便地利用npm执行脚本（package.json文件中scripts可以直接执行：'node node_modules/.bin/myapp'）；如果是全局安装，npm将会使用符号链接把这些文件链接到/usr/local/bin/ 如果是本地安装，会链接...

一、常见的模块化构建工具 webpack答：Gulp、Grunt、Webpack 1.Grunt和Gulp都是前端自动化构建工具，可以进行文件的合并压缩，但是gulp比grunt更高效，因为它可以支持异步多任务，更易于使用，插件也有更高的质量 2.Webpack是前端资源模块化管理和打包工具，是一个模块打包器，在他的视野里，前端所有的资源文件都会作为模块处理它将根据模块的依赖关系，生成...

一直很好奇，react中的class最后经过babel转义之后，长啥样，这里记录一下1.Item也是一个组件2.defaultProps对象是对接受到的props做限制3.name是类名4.prototype是类中定义的方法5.__proto__是继承的类，这里应该是React.Component...

本代码案例中，reduce的model是一个immutable类型，所以要先toJSconst { managerName: manager, oManagerName: oManager = {}, oOrganization = {} } = this.props.configmodel.toJS()最后得到三个变量是：manager，oManager，oOrganization...

webpack的path和publicPath以及dev-server的publicPath是否清楚呢，一起来看看吧

参考文章：https://blog.youkuaiyun.com/qq_39207948/article/details/794083231.event.stopPropagation()方法这是阻止事件的冒泡方法，不让事件向document上蔓延，但是默认事件依然会执行，当你调用这个方法的时候，如果点击一个连接，这个连接仍然会被打开；2.event.preventDefault()方法这是阻...

问题描述：在手机上，发现网页上所有的表单元素轻触都不能聚焦1、第一次探索和尝试为测试元素加上click事件和focus事件，轻触的时候发现click触发了，但是focus没有触发，有点奇怪啊，第一次的尝试解决方案：就在click的事件回调函数中调用focus方法；虽然最后聚焦成功了，但是仅仅只是处理了一个表单元素，页面还有n个元素需要这么处理，头疼；所以打算找原因，从底层根本处理问题。2...

参考文章：https://blog.youkuaiyun.com/songxiugongwang/article/details/83243311异步迭代器结构如下图：const obj = { [Symbol.asyncIterator]: () => { const items = [`j`, `u`, `s`, `t`, `j`, `a`, `v`, `a`, `...

勇敢的尝试，你会发现并没有那么难！不知道为啥对于未知的领域总是充满排斥，怕去接触，喜欢处在舒适区内；但是每次去接触，发现结果并没有那么糟糕。1.使用yarn link，yarn link npmName，代码重新build了，是可以直接刷新的，不需要其他额外的操作。2.使用的npm link，项目A引入了组件B，项目A（有配置eslint）竟然会对组件进行eslint检测，排除办法先...

题目要求如下：LazyMan('Tony');// Hi I am TonyLazyMan('Tony').sleep(10).eat('lunch');// Hi I am Tony// 等待了10秒...// I am eating lunchLazyMan('Tony').eat('lunch').sleep(10).eat('dinner');// Hi I am To...

像本地开发中经常需要匹配localhost和127.0.0.1我们就可以使用:/(localhost|127.0.0.1)/.test(location.hostname)这里用括号代表一个整体，如果用的中括号[]，就是别的意思了/[localhost|127.0.0.1]/.test(location.hostname) 这个代表只要可以匹配中括号的任意一个字符就好了，包...

主要是py有这个功能，就想js有没有什么办法也是一句话能实现的；[...new Array(10).keys()] //生成[0,1,2,3,4,5,6,7,8,9]Array(10)返回是长度为10的，每一项item为undefined的数组new Array(10).keys返回的是可迭代器，然后用解构运算符展开完美可能有的同学会想到用Object.key是...

前端调试中，JS经常会遇到一些问题，除了弹出和浏览器中的断点之外，似乎没有什么其他好的调试方法，还有一种是控制台消息的方法Console命令·  console.log ( ' test ' );      日志的输出·  console.info ( ' 信息 ' )；  信息提示·  console.error（' 错误'）；错误信息·  console.warn ( ' 警告

js的代码:在原来的窗体中直接跳转用：window.location.href="你要跳转到的页面地址";在新窗体中打开页面用：window.open("你要跳转到的页面");jquery的代码:在原来的窗体中直接跳转用：location.href="你要跳转到的页面地址";在新窗体中打开页面用：open("你

利用的是jQuery ajax - getJSON() 方法语法jQuery.getJSON(url,data,success(data,status,xhr))参数描述url必需。规定将请求发送的哪个 URL。data可选。规定连同请求发送到服务器的数据。success(data,status,xhr)可选。规定

对于已经是一个 DOM 对象，只需要用 $() 把DOM对象包装起来，就可以获得一个 jQuery 对象了，使用[index]和.get(index)可以转为DOM对象

offset(): 获取匹配元素在当前窗口的相对偏移。 返回的对象包含两个整形属性：top 和 left。此方法只对可见元素有效。 position(): 获取匹配元素相对父元素的偏移。 返回的对象包含两个整形属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。他们的返回值是不带单位的,而通过css()取得

就是这种的简单的解决方案:你写Ajax的是页面一，而请求的是页面二，在页面二里面写header("Access-Control-Allow-Origin：*");即可。//“*”号表示允许任何域向我们的服务端提交请求：//也可以设置指定的域名，如域名 http://www.test2.com ，//那么就允许来自这个域名的请求： header("Access-Con

鼠标点击一下,在鼠标上方显示一个爱心❤,并有慢慢向上消失的效果,如下图噢是不是很炫酷,直接贴代码: 测试*{ margin: 0px; padding: 0px;}$(function(){ var height=$(window).width(); $('#test').css({ 'height':height, }); var n

1、禁止右键菜单 function noMenuTwo(){ if(event.button == 2){ alert('禁止右键菜单!'); return false; }}document.onmousedown = noMenuTwo; 2、禁止复制(Ctrl+C) function noCop

这里就不讲原理了,原理可以参考链接:http://justcoding.iteye.com/blog/1366102这篇文章写得非常好,非常有参考价值.jsonp相比其他跨域方法(其他跨域方法有;window.name,iframe,webSocket等),应该是最好用的,也是用的最多的吧.直接贴源代码了:这里用的是百度提供的搜索接口:https://sp0.baidu.com/5

1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整Math.floor(5/2)Math 对象的方法方法描述abs(x)返回数的绝对值acos(x)返回数的反余弦值asin(x)返回数的反正弦值atan(x)以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切...

obj.appendChild(newNode)   //参数都是node节点，在obj最后面加newNodeobj.insertBefore(newNode，oldNode)    //obj是父节点，在oldNode前面添加newNodeobj.replaceChild(newNode，oldNode)   //obj是父节点，用newNode替换oldNodeobj.removeChild(...

split()分割字符串为数组,join()把数组转为字符串(参数不填默认为逗号)删除字符串中指定字符串str,可以通过replace替换为空,或者可以用cookie.split(str).join("")slice substr substring 三个字符串截取函数的区别slice(start,end) //start和end都可以为负，-1 指字符串的最后一个字符，-2 指倒数第二...

正则表达式极速入门 正则表达式到底是什么东西？在编写处理字符串的程序或网页时，经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说，正则表达式就是记录文本规则的代码。很可能你使用过Windows/Dos下用于文件查找的通配符(wildcard)，也就是*和?。如果你想查找某个目录下的所有的Word文档的话，你会搜索*.doc。在这里，*会被解释成任意的字符串。...

匿名函数最经典的总结：就是谁调用匿名函数，匿名函数中的this就指向谁；匿名函数是有执行上下文，只是执行上下文是执行的时候传递过来，箭头函数中的执行上下文是父级的执行上下文，匿名函数可以作为箭头函数的父级（详见例3）例1.匿名函数var name='window';var obj = { name:'obj', nameprintf:function(){ ...

javascript 实现简单的逐字打印的效果