前端
文章平均质量分 90
blueskynyl
这个作者很懒,什么都没留下…
展开
-
使用Charles抓取iPhone手机请求
使用Charles抓取iOS上app的请求一、设置手机代理以上为设置手机代理的步骤,设置成功后,如果没有打开Charles,手机app无法打开,显示无网络,此时打开电脑上的Charles,此时Charles弹出如下提示框,点击允许以上步骤完成后,打开手机某个app,便有相应的请求展示出来,可以查看相关信息二、https抓包上述步骤一种,可以发现https请求...转载 2019-02-26 14:19:13 · 905 阅读 · 0 评论 -
es6实现两个数的调换
实现两个数的调换方式有很多种,今天看代码时发现一种非常简单的方式,用es6解构方式即可,如下:以前很多种方法:比如:1)介入第三方temp 2)不介入第三方let a = 1, b = 2; b = b - a; // b(原) - a(原) a = a + b; // a(原) + b(原) - a(原) b = a -...原创 2018-07-16 18:22:09 · 5790 阅读 · 0 评论 -
git分支的合并和冲突解决
原文: http://gitbook.liuhui998.com/3_3.htmlhttp://gitbook.liuhui998.com/5_3.html一、如何分支的合并在git中,可以使用git merge 和git rebase两个命令来进行分支的合并。git merge 和git rebase在大体上都差不多,下文主要以git merge来例来讲解分支的合并流程。如...转载 2018-07-16 17:34:04 · 710 阅读 · 0 评论 -
React组件生命周期小结
简单地说,React Component通过其定义的几个函数来控制组件在生命周期的各个阶段的动作。在ES6中,一个React组件是用一个class来表示的(具体可以参考官方文档),如下:// 定义一个TodoList的React组件,通过继承React.Component来实现class TodoList extends React.Component { ...}这几个生...转载 2018-07-16 17:33:09 · 179 阅读 · 0 评论 -
React创建组件的三种方式及其区别
React推出后,出于不同的原因先后出现三种定义react组件的方式,殊途同归;具体的三种方式:函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends React.Component定义的组件虽然有三种方式可以定义react的组件,那么这三种定义组件方式有什么不同呢?或者说为什么会出现对应的定义方式呢?下面就简单介绍一下。无状态...转载 2018-07-16 17:31:06 · 179 阅读 · 0 评论 -
react中constructor( )和super( )的具体含义以及如何使用
react中这两个API出镜率超级高,但是一直不太懂这到底是干嘛的,有什么用;今天整理一下,方便自己查看同时方便大家。 1.constructor( )-----super( )的基本含义 constructor( )——构造方法 这是ES6对类的默认方法,通过 new 命令生成对象实例时自动调用该方法。并且,该方法是类中必须有的,如果没有显示定义,则会默认添...转载 2018-07-16 17:29:39 · 882 阅读 · 0 评论 -
React中constructor(props){}究竟是什么
在React Class中设置state的初始值或者绑定事件时为什么需要在 constructor(){} 中加上 super() 呢我们尝试去掉 super() 看看编译的结果: constructor() { this.state = {searchStr: ''}; this.handleChange = this.handleChange.bin...转载 2018-07-16 17:28:58 · 1511 阅读 · 0 评论 -
途虎前端面经
1,meta有哪些属性 content:设置或返回<meta>元素的content的属性的值 httpEquiv:把content属性连接到http头部 name:把content属性连接到一个名称 schema:设置或返回用于解释content的值的格式2, 1===1,1==='1',{}==={} true false:类型不同 false:指向的地址不同...原创 2018-05-06 00:18:56 · 774 阅读 · 0 评论 -
有鱼前端面经
一:有鱼1,设某元素id为show,如何设置其在ios中显示,在android中不显示var userAgent=navigator.userAgent.toLowerCase();var platform;if(/android/.test(userAgent)){ platform="android"; document.getElementById("show").style原创 2018-05-05 23:48:00 · 204 阅读 · 0 评论 -
前端知识点3
1,事件冒泡,捕获,委托早期的事件,是作为分担服务器运算负载的一种手段,实文档或者浏览器窗口中发生的一些特定的交互瞬间,如点击按钮,拖放文件等。我们可以使用侦听器来预定事件,当事件发布时候就可作出相应的响应,这种模式称为观察者模型。事件流事件流是从页面接收事件的顺序。在一个html页面中,dom元素组成一颗dom树,由于子元素一般所处的位置都会在父元素之中。那么,当这个子元素被点击时候,可以认为子...原创 2018-05-02 18:38:11 · 96 阅读 · 0 评论 -
react父子组件间的交流
本博客主要讲述,react中父组件和子组件之间的交流,其中包括父组件和子组件的值的交流和函数方法的交流,即父组件如何如何传值给子组件,父组件将方法传给子组件,父组件如何调用子组件的方法。 本博客主要总结性的讲述了再react中组件的交流方式,举出具体代码的可参考【React组件之间传值】。统一说明1、<FuZujian />代表父组件,2、<ZiZujian /&g...转载 2018-07-17 11:55:24 · 178 阅读 · 0 评论 -
git命令行解决冲突文件步骤
方法一(推荐使用):git pull 出现冲突后丢弃本地冲突文件修改,采用远程文件覆盖本地文件git checkout [文件路径]例:git checkout test/src/main/resources/spring-shiro.xml 方法二:git pull 出现冲突后可以暂存本地修改git stash ,然后git pull 更新代码,git stash list...转载 2018-07-19 15:06:16 · 1083 阅读 · 0 评论 -
z-index不起作用的大坑
话说好久就没有更新博客了,今天为了装一把,差点没把自己装进去。。。以后还是低调一点好,哈哈,话不多说,直奔主题。今天遇到的就是z-index不起作用的问题。一个后台小哥不知道抽什么疯,写元素覆盖偏不让用absolute,搞的我之后废了9牛二虎之力写了一下,问题描述是这样的, 一对兄弟节点,insert和parent,parent有两个子节点subtop和subbottom,展现的结果是想让...转载 2018-09-18 17:41:58 · 255 阅读 · 0 评论 -
单例模式(Singleton )的几种用法以及使用条件
单例模式(Singleton Pattern)是 Java 中最简单的设计模式之一。这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式。这种模式涉及到一个单一的类,该类负责创建自己的对象,同时确保只有单个对象被创建。这个类提供了一种访问其唯一的对象的方式,可以直接访问,不需要实例化该类的对象。注意:1、单例类只能有一个实例。2、单例类必须自己创建自己的唯一实例。3、单...转载 2018-12-14 19:49:45 · 429 阅读 · 0 评论 -
常见LINUX命令
1, 1)mkdir [选项] 目录名 2) 命令选项 -m=mode 为目录指定访问权限,与chmod类似。 -p 如果目录已经存在,则不会有错误提示。若父目录不存在,将会创建父目录。该选项常用于创建级联目录。 -v 为每个目录显示提示信息。 3)解释:表示创建某个命令 ...原创 2018-12-14 17:27:28 · 213 阅读 · 0 评论 -
git撤销已经push到远端的commit
在使用git时,push到远端后发现commit了多余的文件,或者希望能够回退到以前的版本。先在本地回退到相应的版本:git reset --hard <版本号>// 注意使用 --hard 参数会抛弃当前工作区的修改// 使用 --soft 参数的话会回退到之前的版本,但是保留当前工作区的修改,可以重新提交如果此时使用命令:git push origin <分...转载 2018-12-06 14:59:50 · 1264 阅读 · 0 评论 -
JavaScript运行机制
一、引子本文介绍JavaScript运行机制,这一部分比较抽象,我们先从一道面试题入手:console.log(1);setTimeout(function(){console.log(3);},0);console.log(2);请问数字打印顺序是什么?这一题看似很简单,但如果你不了解JavaScript运行机制,很容易就答错了。题目的答案是依次输出1 2 3,如果你有疑...转载 2018-11-02 18:22:51 · 136 阅读 · 0 评论 -
js深拷贝的几种方案(有更多意见的可以评论在下方,我可以整理在一起)
场景:对象content为 {}类型,将其拷贝到ctx中方案一:let ctx = {};for (let key in content) { ctx[key] = content[key];}方案二:借助lodash的cloneDeep方法来做深拷贝import '_' from 'lodash'const ctx = _.cloneDeep(con...原创 2018-11-01 15:13:42 · 261 阅读 · 0 评论 -
js判断对象是否为空对象的几种方法
1.将json对象转化为json字符串,再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in 循环判断var obj = {};var b = function() {for(var key in obj) {return false;}retur...转载 2018-11-01 12:18:15 · 125 阅读 · 0 评论 -
lodash对象数组排序
_.sortBy([1, 2, 3], function(n) { return Math.sin(n);});以下代码示例:var arr=[{"key":"key1","value":"value1","createTime":"124573216"},{"key":"key2","value":&quo原创 2018-10-23 14:02:35 · 24514 阅读 · 0 评论 -
JavaScript中浅拷贝和深拷贝的区别和实现
JavaScript有两种数据类型,基础数据类型和引用数据类型。基础数据类型都是按值访问的,我们可以直接操作保存在变量中的实际的值。而引用类型如Array,我们不能直接操作对象的堆内存空间。引用类型的值都是按引用访问的,即保存在变量对象中的一个地址,该地址与堆内存的实际值相关联。一、深拷贝和浅拷贝的区别 浅拷贝(shallow copy):只复制指向某个对象的指针,而不复制对象本身,新旧...转载 2018-10-11 20:34:00 · 138 阅读 · 0 评论 -
Session的缺点总结及解决方法
Session有些局限制性,或者说是一些缺点吧。现在我们再来看看Session的缺点: ①当mode="InProc"时,也就是默认设置时,容易丢失数据,为什么?因为网站会因为各种原因重启。 ② 当mode="InProc"时,Session保存的东西越多,就越占用服务器内存,对于用户在线人数较多的网站,服务器的内存压力会比较大。 ③当mode="InProc"时,程序的扩展...转载 2018-09-25 14:48:50 · 3545 阅读 · 0 评论 -
前端知识点2
1.MVVM和MVC的区别一、MVCMVC模式的意思是,软件可以分成三个部分。视图(View):用户界面。控制器(Controller):业务逻辑模型(Model):数据保存各部分之间的通信方式如下。View 传送指令到 ControllerController 完成业务逻辑后,要求 Model 改变状态Model 将新的数据发送到 View,用户得到反馈所有通信都是单向的。二、互动模式接受用户指...原创 2018-05-02 17:24:13 · 169 阅读 · 0 评论 -
前端常见知识点
1.基本数据类型答:js有六大数据类型,其中包括五种基本数据类型和一种复杂类型。如下:五种基本数据类型:undefined null Boolean Number String复杂类型为:ObjectES6新出的类型:Symbolsymbol:1)http://es6.ruanyifeng.com/#docs/symbol2)用于声明属性名是独一无二的,故任何两个相同的属性名无论是否值相同都是不能...原创 2018-05-02 14:19:55 · 137 阅读 · 0 评论 -
原生js将字符串转化为数组
题目:如图:将以下字符串转换为二维数组形式 var str = `1df fg -,daew e';e df"s d dd `;解决办法:数组空行分割在宫格分割代码: var stringToArray = function(str) { var arrt = [],//用于存放切割空行后的数组 ...原创 2018-05-02 08:14:29 · 6185 阅读 · 0 评论 -
readonly 与 disabled的区别
1,readonly 控件只读,可以传值到后台,input输入框可聚焦 2,disabled 控件被禁用,只读,不会将此值传到后台,input输入框不聚焦 3,关于设置与移除disabled属性//两种方法设置disabled属性$('#areaSelect').attr("disabled",true);$(原创 2017-09-13 11:00:49 · 478 阅读 · 0 评论 -
控制台console常用的一些命令
原创 2017-08-14 20:11:31 · 485 阅读 · 0 评论 -
关于js new Date() 出现NaN 的分析
http://www.cnblogs.com/zaohe/archive/2012/01/05/2313547.html关于js new Date() 出现NaN 的分析简介: 在一个项目中需要进行日期的格式化,后台传到前端是时间的整数(Date.getTime),当后台数据返回字符串时,发现转换日期时在ie下变成NaN,但是真的是这样吗?接下来我们慢慢转载 2017-08-07 15:23:33 · 1273 阅读 · 0 评论 -
cookies,sessionStorage和localStorage的区别
共同点:都是保存在浏览器端,且同源的。区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求转载 2017-08-12 17:25:26 · 167 阅读 · 0 评论 -
单例对象与单例模式
1. 单例。单:唯⼀性。例:实例对象。即使⽤某个类创建的对象是程序中唯⼀的实例对象。注:通常每次使⽤alloc创建的是不同的对象。2. 如果⼀个类只能创建⼀个对象,称为单例类。单例类可以是⼯具类, 视图类,控制器类。3. 注意:操作单例对象的变量存储在静态区,程序关闭后由系统⾃动回收。单例对象存储在堆区,不释放,程序关闭后由系统⾃动回收。变量和单例对象的⽣命周期转载 2017-08-12 17:01:54 · 683 阅读 · 0 评论 -
Angularjs中scope与$scope
$scope是angular内部提供的变量。scope一般指的是scope directive service等等这种概念。从变量上讲function($scope){}function(scope){}没有任何区别。但是上面的scope或者$scope对象是angular内部提供的对象,我们一般通过依赖注入的方式获取这个对象,如果你原创 2017-08-12 14:56:35 · 1662 阅读 · 0 评论 -
用js实现根据不同的分辨率和浏览器调用不同的css文件
方法一:(根据ID设定)JavaScript">if (screen.width == "800"){document.getElementById("MyCSS").href="800.css";document.getElementById("xinxi").innerHTML="你的分辨率是800,系统自动为你处理为最佳显示模式。";}转载 2017-08-04 16:47:12 · 416 阅读 · 0 评论 -
ie11下时间控件显示NaN的问题
var time_now_server, time_now_client, time_end, time_server_client, timerID; var a = '@ViewBag.StartTime';//开始的时间 注:这里日期格式必须为 yyyy/mm/dd hh:mm:ss 才不会出现NaN这种现象。 var b = '@ViewBag.EndTime';原创 2017-08-10 15:42:56 · 1977 阅读 · 0 评论 -
关于IE下DATE()方法出现Nan的情况。
今天在格式化时间上,在IE8浏览器下遇到了出现Nan的问题。但是在Chorme上确没有问题。经过调试发现是DATE()方法中传入参数的问题。 经过查找其他人的信息,尤其是这篇文章。http://www.jb51.net/article/29800.htm。找到了问题所在。但是这里面有个小的问题。1234转载 2017-08-07 17:31:11 · 1435 阅读 · 0 评论 -
WebGIS学习
http://www.cnblogs.com/kaituorensheng/p/4526149.html转载 2017-09-16 15:06:36 · 329 阅读 · 0 评论 -
vue 安装教程(自己安装过程及遇到的一些坑)
1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,回车,等待安装...(windows使用管理员身份转载 2017-09-25 14:54:02 · 217 阅读 · 0 评论 -
在线web代码编辑器的制作
前端web在线代码编辑器原创 2017-09-01 08:48:35 · 3023 阅读 · 0 评论 -
canvas画布无法重绘、滋边的问题解决
1,canvas画布无法重绘原因:前一个画布没有清除,导致下一个画布无法绘制解决办法:需要在下一个画布重绘之前清除上一个画布代码:原创 2018-04-12 13:07:44 · 2666 阅读 · 0 评论 -
鱼泡泡一面面试题
1,http协议2,TCP三次握手 、四次挥手解释3,如何理解前后端分离4,git所用过的一些操作命令5,css清除浮动的方法6,css动画中transform的解释7,js冒泡与捕获8,addEventListener(event,function,isCapture)三个参数意思详解(感觉实际问的还是冒泡与捕获)9,es6的一些新特性10,ts写过多少,自己对ts的理解11,ts中组件@Com...原创 2018-04-12 10:08:34 · 1210 阅读 · 0 评论 -
css圆环进度条的几种方法
方法一:用H5自带的canvas画圆环<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML5 Canvas 圆形进度条并显示数字百分比</title> <style&a原创 2018-04-12 09:58:05 · 11358 阅读 · 0 评论