- 博客(62)
- 收藏
- 关注
RSS订阅转载 使用Charles抓取iPhone手机请求
使用Charles抓取iOS上app的请求一、设置手机代理以上为设置手机代理的步骤，设置成功后，如果没有打开Charles，手机app无法打开，显示无网络，此时打开电脑上的Charles，此时Charles弹出如下提示框，点击允许以上步骤完成后，打开手机某个app，便有相应的请求展示出来，可以查看相关信息二、https抓包上述步骤一种，可以发现https请求...
2019-02-26 14:19:13
969
转载 单例模式（Singleton ）的几种用法以及使用条件
单例模式（Singleton Pattern）是 Java 中最简单的设计模式之一。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建。这个类提供了一种访问其唯一的对象的方式，可以直接访问，不需要实例化该类的对象。注意：1、单例类只能有一个实例。2、单例类必须自己创建自己的唯一实例。3、单...
2018-12-14 19:49:45
505
原创 常见LINUX命令
1， 1）mkdir [选项] 目录名 2） 命令选项 -m=mode 为目录指定访问权限，与chmod类似。 -p 如果目录已经存在，则不会有错误提示。若父目录不存在，将会创建父目录。该选项常用于创建级联目录。 -v 为每个目录显示提示信息。 3）解释：表示创建某个命令 ...
2018-12-14 17:27:28
257
转载 git撤销已经push到远端的commit
在使用git时，push到远端后发现commit了多余的文件，或者希望能够回退到以前的版本。先在本地回退到相应的版本：git reset --hard <版本号>// 注意使用 --hard 参数会抛弃当前工作区的修改// 使用 --soft 参数的话会回退到之前的版本，但是保留当前工作区的修改，可以重新提交如果此时使用命令：git push origin <分...
2018-12-06 14:59:50
1318
转载 JavaScript运行机制
一、引子本文介绍JavaScript运行机制，这一部分比较抽象，我们先从一道面试题入手：console.log(1);setTimeout(function(){console.log(3);},0);console.log(2);请问数字打印顺序是什么？这一题看似很简单，但如果你不了解JavaScript运行机制，很容易就答错了。题目的答案是依次输出1 2 3，如果你有疑...
2018-11-02 18:22:51
183
原创 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
312
转载 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
184
原创 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
24645
转载 JavaScript中浅拷贝和深拷贝的区别和实现
JavaScript有两种数据类型，基础数据类型和引用数据类型。基础数据类型都是按值访问的，我们可以直接操作保存在变量中的实际的值。而引用类型如Array，我们不能直接操作对象的堆内存空间。引用类型的值都是按引用访问的，即保存在变量对象中的一个地址，该地址与堆内存的实际值相关联。一、深拷贝和浅拷贝的区别 浅拷贝（shallow copy）：只复制指向某个对象的指针，而不复制对象本身，新旧...
2018-10-11 20:34:00
190
转载 Session的缺点总结及解决方法
Session有些局限制性，或者说是一些缺点吧。现在我们再来看看Session的缺点： ①当mode="InProc"时，也就是默认设置时，容易丢失数据，为什么?因为网站会因为各种原因重启。 ② 当mode="InProc"时，Session保存的东西越多，就越占用服务器内存，对于用户在线人数较多的网站，服务器的内存压力会比较大。 ③当mode="InProc"时，程序的扩展...
2018-09-25 14:48:50
3767
转载 z-index不起作用的大坑
话说好久就没有更新博客了，今天为了装一把，差点没把自己装进去。。。以后还是低调一点好，哈哈，话不多说，直奔主题。今天遇到的就是z-index不起作用的问题。一个后台小哥不知道抽什么疯，写元素覆盖偏不让用absolute，搞的我之后废了9牛二虎之力写了一下，问题描述是这样的， 一对兄弟节点,insert和parent，parent有两个子节点subtop和subbottom，展现的结果是想让...
2018-09-18 17:41:58
302
转载 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
1136
转载 react父子组件间的交流
本博客主要讲述，react中父组件和子组件之间的交流，其中包括父组件和子组件的值的交流和函数方法的交流，即父组件如何如何传值给子组件，父组件将方法传给子组件，父组件如何调用子组件的方法。 本博客主要总结性的讲述了再react中组件的交流方式，举出具体代码的可参考【React组件之间传值】。统一说明1、<FuZujian />代表父组件，2、<ZiZujian /&g...
2018-07-17 11:55:24
211
原创 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
5857
转载 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
805
转载 React组件生命周期小结
简单地说，React Component通过其定义的几个函数来控制组件在生命周期的各个阶段的动作。在ES6中，一个React组件是用一个class来表示的（具体可以参考官方文档），如下：// 定义一个TodoList的React组件，通过继承React.Component来实现class TodoList extends React.Component { ...}这几个生...
2018-07-16 17:33:09
220
转载 React创建组件的三种方式及其区别
React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式：函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends React.Component定义的组件虽然有三种方式可以定义react的组件，那么这三种定义组件方式有什么不同呢？或者说为什么会出现对应的定义方式呢？下面就简单介绍一下。无状态...
2018-07-16 17:31:06
224
转载 react中constructor( )和super( )的具体含义以及如何使用
react中这两个API出镜率超级高，但是一直不太懂这到底是干嘛的，有什么用；今天整理一下，方便自己查看同时方便大家。 1.constructor( )-----super( )的基本含义 constructor( )——构造方法 这是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添...
2018-07-16 17:29:39
911
转载 React中constructor(props){}究竟是什么
在React Class中设置state的初始值或者绑定事件时为什么需要在 constructor(){} 中加上 super() 呢我们尝试去掉 super() 看看编译的结果： constructor() { this.state = {searchStr: ''}; this.handleChange = this.handleChange.bin...
2018-07-16 17:28:58
1574
原创 途虎前端面经
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
834
原创 有鱼前端面经
一：有鱼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
263
原创 前端知识点3
1，事件冒泡，捕获，委托早期的事件，是作为分担服务器运算负载的一种手段，实文档或者浏览器窗口中发生的一些特定的交互瞬间，如点击按钮，拖放文件等。我们可以使用侦听器来预定事件，当事件发布时候就可作出相应的响应，这种模式称为观察者模型。事件流事件流是从页面接收事件的顺序。在一个html页面中，dom元素组成一颗dom树，由于子元素一般所处的位置都会在父元素之中。那么，当这个子元素被点击时候，可以认为子...
2018-05-02 18:38:11
124
原创 前端知识点2
1.MVVM和MVC的区别一、MVCMVC模式的意思是，软件可以分成三个部分。视图（View）：用户界面。控制器（Controller）：业务逻辑模型（Model）：数据保存各部分之间的通信方式如下。View 传送指令到 ControllerController 完成业务逻辑后，要求 Model 改变状态Model 将新的数据发送到 View，用户得到反馈所有通信都是单向的。二、互动模式接受用户指...
2018-05-02 17:24:13
207
原创 前端常见知识点
1.基本数据类型答：js有六大数据类型，其中包括五种基本数据类型和一种复杂类型。如下:五种基本数据类型:undefined null Boolean Number String复杂类型为:ObjectES6新出的类型：Symbolsymbol:1)http://es6.ruanyifeng.com/#docs/symbol2)用于声明属性名是独一无二的，故任何两个相同的属性名无论是否值相同都是不能...
2018-05-02 14:19:55
180
原创 原生js将字符串转化为数组
题目：如图：将以下字符串转换为二维数组形式 var str = `1df fg -,daew e';e df"s d dd `;解决办法：数组空行分割在宫格分割代码： var stringToArray = function(str) { var arrt = [],//用于存放切割空行后的数组 ...
2018-05-02 08:14:29
6239
转载 js中定时器setTimeout和setInterval两种定时器
项目中，经常会用到定时器来实现数据实时更新、时间等，简单总结一下：Javascript中的定时器有两种，setInterval和setTimeout，而定时器的作用就是延迟执行。一、定时器的写法setInterval(expression,milliseconds)；setTimeout(expression,milliseconds)；上式中，
2018-04-13 15:54:50
842
原创 canvas画布无法重绘、滋边的问题解决
1，canvas画布无法重绘原因：前一个画布没有清除，导致下一个画布无法绘制解决办法：需要在下一个画布重绘之前清除上一个画布代码：
2018-04-12 13:07:44
2757
原创 鱼泡泡一面面试题
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
1301
原创 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
11671
原创 前端js面试题
1.jq 常见选择器？2.jQuery 插件实现方式，分别介绍？3.bind 和 live 的区别?4.DOM 对象互相转换 jQuery 对象5.给出一个数组如何去掉重复的项？6.闭包是什么？7.什么是响应式网页?8.最熟悉的 web 的前端框架？9.前端页面有哪三层构成，分别是什么？作用是什么？精解：1， jquery常见选择器2，jQuery插件封装方法3，bind和live的区别 答：...
2018-03-15 15:59:08
226
原创 移动端前端开发注意事项
移动端1，高度不是按百分比设置，而是直接设置高度px或者em,百分比容易变形2，宽度按照百分比来衡量3，一般父级div不直接设置宽高，而是由子级div撑起来4，对相同元素不同机型样式适配用媒体查询，即@media 推荐文章：1）媒体查询1 2）媒体查询25，如何让子级div相对于父级div垂直居中position:relative;height...
2018-03-14 20:34:01
463
转载 前端学习路线
大前端完整学习路线（详解）第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹
2017-11-29 16:33:00
171
转载 HTTP协议详解
什么是HTTP协议HTTP协议的全称是超文本传输协议（HyperText Transfer Protocol）伴随着计算机网络和浏览器的诞生，HTTP1.0也随之而来，处于计算机网络中的应用层，HTTP是建立在TCP协议之上，所以HTTP协议的瓶颈及其优化技巧都是基于TCP协议本身的特性，例如tcp建立连接的3次握手和断开连接的4次挥手以及每次建立连接带来的RTT延迟时间。HTTP是互联网
2017-11-24 10:24:36
220
转载 Java中事务的提交与回滚
关于事务的理解上一篇文章有详细介绍,如果不是很清楚,可以看一看上面的文章.简单的来说:当我们到银行给别人转账的时候,你的钱减少和别人的钱增加这两者就是一个事务,一个事务如果里面任何一步出现了差错的话,这个事务就不能执行成功.不然你转账你的钱少了,别人的钱却没有相应的增加,这就世界混乱了哈.这时候可以使用事务的回滚来处理,一旦事务出现差错,不保存上面的操作,这时候你的钱没有少,别人的钱也没有
2017-11-24 10:14:44
593
转载 git使用方法
Git学习笔记一--创建版本库、添加文件、提交文件等Git，是Linus花了两周时间用C写的一个分布式版本控制系统。牛该怎么定义？ 其实，很多人都不care谁写了Git，只在乎它是免费而且好用的！So do I！下面开始我们的学习： 1.Git安装（略）。 2.创建版本库 首先，选择一个合适的地方（我选择了D盘，我的电脑是Wi
2017-11-15 11:45:17
206
转载 jquery中同步异步的区别与联系
ajax同步、异步执行简单理解与证明此理解范例代码来自前几篇随笔！首先我们来先了解下AJAX：Ajax:全称“Asynchronous Javascript and XML”(异步Javascript和XML)，他是由Javascript+CSS+DOM+XMLHttpRequest的四种技术的结合，并且JS是Ajax的核心。jQuery将Ajax的实现变得更加轻松容易
2017-11-13 15:36:33
803
转载 使用DWR实现JS调用服务端Java代码
DWR简介DWR全称Direct Web Remoting，是一款非常优秀的远程过程调用(Remote Procedure Call)框架，通过浏览器提供的Ajax引擎实现在前端页面的JS代码中调用服务端Java代码。使用它我们可以非常方便的和服务端进行交互，轻松获取服务端返回的数据。 下面是DWR官方网站地址： http://www.directwebremoting.org/d
2017-10-27 13:35:58
217
转载 vue生命周期详解
Vue js 的生命周期（看了就懂） 用Vue框架，熟悉它的生命周期可以让开发更好的进行。 首先先看看官网的图，详细的给出了vue的生命周期:它可以总共分为8个阶段：beforeCreate（创建前）,created（创建后）,beforeMount(载入前),mounted（载入后）,befo
2017-10-24 16:15:30
272
转载 微信小程序之bindtap事件传参
之前一直以为微信小程序按钮点击事件传参是和web端相同，即在事件中写明所传递的参数即可，但是这样尝试过以后发现小程序的控制台报错，报所写的bindtap中参数错误，之后百度发现，小程序按钮点击这类事件时一般的处理方法是指明元素所在的id，bindtap只是写明函数名，例如，bindtap='setNumber',而不是bindtap='setNumber(1)',在js中只要写function(e
2017-10-23 10:36:34
47658
转载 微信小程序开发连接豆瓣的api时出线400错误的解决办法
以上是连接豆瓣api时出现的错误情况，现今已解决，解决方式为将application.json改为json,如下：
2017-10-21 17:23:20
964
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人