Dailoge的博客

原创 利用cmd连接ftp服务器上传下载文件

1.首先进入cmd界面,在运行那里输入cmd就可以了2.输入ftp,进入ftp命令行,再输入open 'ftp地址'3.此时要求输入账号密码的,如下截图:(ftp服务器是我在本地搭建的,偷懒下,哈哈,不过这里要注意下,ftp服务器要以管理员身份运行,不然没有上传权限的)4.这时可以输入dir命令查看,当前目录5.还可以用cd命令来进入文件中6.下面开始下载文件,

原创 webpack的path、publicPath和 devServer 的publicPath、contentBase

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.

原创 vue 组件 初始化流程

原创 跨域的时候可以访问到哪些属性，其含义分别是啥

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

原创 js 二进制位运算符

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

原创 一道很有启发的面试题

题目要求如下：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...

原创 第一个npm组件的遇到的问题，以及思考

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

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

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

原创 记一次的case处理——表单元素轻触不能聚焦在手机上

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

原创 event.stopPropagation()、event.preventDefault()、return false 冒泡事件 默认事件

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

原创 es2018 异步迭代器

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

原创 npm package.json bin字段

作用在安装第三方带有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是前端资源模块化管理和打包工具，是一个模块打包器，在他的视野里，前端所有的资源文件都会作为模块处理它将根据模块的依赖关系，生成...

原创 IDEA 搭建 mvn web项目

1.新建、运行mvn项目https://blog.csdn.net/LXB15959168136/article/details/521062122.pom.xml的常见配置https://blog.csdn.net/qq_41285003/article/details/791577353.web.xml的常见配置https://www.cnblogs.com/wiserol...

原创 react 组件结构

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

原创 正则匹配 或者 整个单词

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

原创 js 对象解构 默认值 重命名

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

原创 js 快速生成 数组序列

主要是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中匿名函数和箭头函数的this指向

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

原创 js中dom节点的增删改

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

转载 js中常用的数学函数

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 的反正切...

原创 css设置当标签内容过长,显示省略号

说明：1、宽度一定要设置，可以根据实际需求调整。2、white-space:nowrap是禁止文字折行。3、text-overflow表示当文本溢出时是否显示省略标记，有两个值：clip：不显示省略标记（...），而是简单的裁切。ellipsis：当对象内文本溢出时显示省略标记（...）4、overflow:hidden表示溢出内容为隐藏。5、只对一行文本有效，多行就要使用js了...

原创 js中数组和字符串常用的几个方法

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

原创 CSS3实现页面图案飘落动画

css3实现的动画,仅供参考,效果还是不错的哦!<!DOCTYPE html><html><head> <title>css3实现飘落动画</title> <meta charset="utf-8"><script type="text/javascript" src=&quot

原创 ::after伪类实现清除浮动

after顾名思义是在元素后面的意思，实质是在元素之后添加内容。    这个伪元素允许制作人员在元素内容的最后面插入生成内容，需要和content属性一起使用，设置在对象后发生的内容。默认地，这个伪元素是inline行内元素，不过可以使用属性 display 改变这一点。 用过比较多次,但总是忘了具体怎么写,在这里做个笔记,直接贴源码代码供参考 after伪类清除浮动

原创 网页跨域之jsonp的使用,包含jquery和js实现

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

转载 巧妙运用DOS命令实现文件合并来隐藏秘密

原链接:http://blog.sina.com.cn/s/blog_15555d14e0102wbgw.html我们都知道DOS命令Copy的主要作用是复制文件，可是你是否知道，它还有一个作用是合并文件呢？       一般情况下，它主要用于合并相同类型的文件，比如将两个文本文件合并为一个文本文件、将两个独立的MPEG视频文件合并为一个连续的视频文件等。那么，如果用它合并两个不同类型的文

原创 网页源代码保护(禁止右键、复制、另存为、查看源文件)

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

原创 UTF-8、UTF-16、UTF-32的区别

UTF是“Unicode Transformation Format”的缩写，可以翻译成Unicode字符集转换格式，即怎样将Unicode定义的数字转换成程序数据。Unicode（统一码、万国码、单一码）是计算机科学领域里的一项业界标准,包括字符集、编码方案等。Unicode 是为了解决传统的字符编码方案的局限而产生的，它为每种语言中的每个字符设定了统一并且唯一的二进制编码，以满足跨语言、跨

原创 jquery实现在鼠标点击处的炫酷效果

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

原创 jquery 跨域请求 报错:（原因：CORS 头缺少 'Access-Control-Allow-Origin'）

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

原创 ThinkPHP获取ip地址,或者数字地址和ip地理位置的查询

1.TP 中获取客户端IP地址的系统公共函数是：function get_client_ip()。返回值就是IP地址或者数字地址看下源码:function get_client_ip($type = 0,$adv=false) { $type = $type ? 1 : 0; static $ip = NULL; if ($ip !== NULL

原创 隐藏header头部信息中apache和php的版本信息

1、隐藏apache中的信息    在apache的http.conf中添加或修改成如下二条代码即可：    ServerSignature Off    ServerTokens Prod    2、隐藏php中的信息    在php的php.ini中添加或修改成如下一条代码即可：    expose_php = Off    说明：    ServerSigna

原创 php中define和const 的区别

常量是一个简单的标识符。在脚本执行期间该值不能改变（除了所谓的魔术常量，他们其实不是常量）。常量默认大小写敏感。通常常量标识符总是大写的。可以简单的通过指定其名字来获得常量的值，与变量不同，不应该在常量的前面加上$符号。常量可以不用理会变量的作用域在任何地方定义和访问. 在php中定义常量时，const和define的区别？1、const可用于类成员变量的定义，一经定义，不可修改。De

转载 SQL查询语句中的 limit offset

经常用到在数据库中查询中间几条数据的需求比如下面的sql语句：① select * from testtable limit 2,1;② select * from testtable limit 2 offset 1;注意：1.数据库数据计算是从0开始的2.offset X是跳过X个数据，limit Y是选取Y个数据3.limit  X

转载 php中session过期时间设置及session回收机制介绍

概述：每一次php请求，会有1/100的概率（默认值）触发“session回收”。如果“session回收”发生，那就会检查/tmp/sess_*的文件，如果最后的修改时间到现在超过了1440秒（gc_maxlifetime的值），就将其删除，意味着这些session过期失效。1. session在端（一般是 with PHP module）如何存在的？ 默认的，php会将se

原创 PHP之session_start()详解

1.session的工作原理（1）首先使用session_start()函数进行初始换（2）当执行PHP脚本时，通过使用$_SESSION超全局变量注册session变量。（3）当PHP脚本执行结束时，未被销毁的session变量会被自动保存在本地一定路径下的session库中， 这个路径可以通过php.ini文件中的session.save_path指定，下次浏览网页时可以加载使用。

原创 ThinkPHP函数详解系列

ThinkPHP中有很多重要的函数，其中大部分是单字母函数，这些函数在开发体验中发挥了重大的作用。有句话说的很精辟：浓缩的才是精华！ 这绝对是TP的单字母方法的真实写照，用过的你一定懂的！为了能方便大家学习和掌握，在这里汇总下ThinkPHP中的经典函数用法，无论你是资深还是菜鸟TPer，绝对不容错过哦 ^_^A 函数：实例化控制器R 函数：直接调用控制器的操作方法C 函数

原创 php中的修饰符public,protected,private

位置 private protected public本类内 Y Y Y子类内 N Y Y外部 N N Y学过面向对象的都应该知道这三个吧,很容易记混php 的类只能继承一个父类的,和J