- 博客(66)
- 问答 (6)
- 收藏
- 关注
原创 react native开发之expo的使用
一. 背景react native官方现在推荐的项目构建方式是create-react-native-app,即简称CRNA,并且建议使用expo这个APP来实时查看效果。使用CRNA构建项目后,命令行输入npm start,随即会为开发者创建一个开发服务器,并打印出大大的二维码,使用expo扫码,即可预览项目,不过真的这么丝滑吗,使用中还是遇到了一些问题。二. 踩坑记手机和电脑均连接着同一WiFi
2018-03-01 18:27:26
19639
2
原创 CSS3伪类选择器:nth-child(n)及:nth-of-type(n)使用区别探究总结
标签的情况tag:nth-child(n):很好理解。1.各层级中的第n个元素;2.且该元素是tagtag:nth-of-type(n):和上面不一样。1.在各层级中第n个出现的tag元素,与它是在父级下的第几个位置无关。类的情况.class:nth-child(n):和tag模式基本是一致的。1.各层级中的第n个元素;2.是class类.class:nth-of-typ
2018-01-30 11:20:23
1682
原创 给定数组,试求能否从数组中取出n个不复用的数的和为sum
这是之前在一次面试中遇到的一道题,当时因为太久没撸算法,太久没刷题,所以gg,现在回顾一下。问题描述: 实现一个函数,传3个参数,指定数组(有小数、正负数),n(取出个数),sum(指定和),输出是否能找到这几个数。这和经典的凑硬币问题其实本质上是相同的,自然可以用动态规划来做,但这里我们先考虑用深度搜索来做做。关键就是这些边界的选择设置,我在这里也调了很久,这还是得多练,熟能生巧 边界条件:
2017-09-06 00:18:57
3694
2
原创 JavaScript专业八级测试,你能做对几道?
欢迎大家前往挑战,第一遍做我是很懵逼的,题目很多虽然很偏,也不具什么实用价值,但多学学总是好,看看你能做对多少。随便看看几个题目的画风:(说出输出或返回值)var val = ‘smtg’; console.log(‘Value is ’ + (val === ‘smtg’) ? ‘Something’ : ‘Nothing’);[ [3,2,1].reduce(Math.pow), [].r
2017-09-05 19:05:25
707
原创 http缓存机制
http缓存机制按是否向服务器重新请求划分:强制缓存、对比缓存强制缓存响应头字段:决定缓存是否失效的两个字段:Expires/Cache-Controlexpires:http1.0产物,而现在浏览器基本都是http1.1,此字段决定缓存的到期时间,这个时间是由服务器端设定的,因此可能会和客户端时间存在误差,因此推荐使用cache-controlcache-control – 常见取值: p
2017-08-28 18:21:57
521
原创 box-shadow理解与记忆
起念用的时候总对参数的顺序记忆不清,以及具体要设置多少,主要是blur和spread这两个值的影响没有认真搞清楚定义和用法box-shadow: h-shadow v-shadow blur spread color inset;理解如同box-shadow这名字,可以理解为阴影也是个box,只是被放在了下面h-shadow v-shadow是这个阴影盒的左上角坐标位置blur官方称为模糊距离
2017-08-26 02:14:54
943
原创 六种三栏式布局
<!DOCTYPE html><html><head> <title>layout</title> <style type="text/css"> html,body{ margin: 0; padding: 0; height: 100%; } /*圣杯布局*/
2017-08-21 14:59:49
836
原创 原型prototype和隐式原型__proto__
prototype:原型,其实也是Object创建的一个普通对象,在Object.prototype中有一些默认的方法,因为Object.prototype是原型链的顶端,因此通过继承,所有对象都有了这些公有的方法。 __proto__:隐式原型,返回的是该对象的直接构造函数的原型每个函数function都有一个prototype,即原型。每个对象都有一个__proto__,即隐式原型。Obje
2017-08-15 22:00:10
617
原创 input标签的size和maxlength属性探究
同样是在复习中发现的一些问题,input的size属性表示显示的字符数,而maxlength表示最多输入字符的个数,网上也都这么说的,在w3c、mdn中查看也没细说。maxlength属性没啥问题,和它说明的特性一样敬业,补充一点:就是设置的默认值长度可以不受maxlength限制。但是这个size属性就搞不懂了,我在chrome中将size设置为1,可以显示5个字符,设置为2呢可以显示6个字符,你
2017-08-08 15:25:43
4259
原创 contextmenu自定义上下文菜单
今晚在复习事件的时候,看到这个事件,就想写写看,感觉硬显太硬,于是自己加了点动画,这个过程中,也额外收获了些知识,就是使用js(在一段代码中)“连续”设置节点的style中同一属性,那么属性上的动画是来不及触发的,它并不会排队依次把动画执行完,视觉上就像直接跳过了动画,所以在代码中我使用了定时器,下面是demo代码。<!DOCTYPE html><html><head> <title>
2017-08-07 22:54:18
855
原创 求最大子序列和 LeetCode 53 Maximum Subarray
此类问题可以粗暴的用穷举来做,但时间复杂度较高下面说下用kadane's Algorithrn 来做,真的是很优雅,简捷,js实现代码只有区区十行不到var maxSubArray = function(nums) { var maxHere = nums[0]; var maxSoFar = nums[0]; for(var i = 1; i < nums.len
2017-08-02 15:33:52
544
原创 2018拼多多内推笔试记录
记录下一些印象较深的或者自己以前不是特别明白的题目选择题中1.将元素的宽高设置为0,其在页面不一定就不显示,它的子元素还是会显示的;可以将子元素视作浮在该元素上面,所以是显示的,因此该元素后面还有元素的时候,后面的元素会自然地显示在子元素的下方。2.点击按钮触发事件的顺序: onmousedown,focus,onmouseup,onclick,更多使用技巧可参考 http://www
2017-08-02 02:08:03
2332
原创 复制文本时追加自定义信息
方法来自网上,其中的selectAllChildren(node);是复制节点及其子节点的内容 if( window.ActiveXObject ){ document.body.oncopy = function(){ event.returnValue = false; var t=document.selection
2017-07-22 17:10:20
932
原创 多情况下的边界塌陷问题
情况一:相邻块级容器的上下边距塌陷,这种实际遇到的少,因为不是非要都设置上下边距解决方法有2(欢迎补充):1.将块级设置为浮动2.使用padding来实现同样的表现效果情况二:父级容器和子级容器的上边距塌陷解决方法有3:1.父级设置border,可以设置为透明,2.父级设置padding-top3.父级设置overflow属性,触发b
2017-07-12 00:42:09
1035
原创 flex语法及练习
FLEX布局1.在外层容器设置display:flex; 内部的节点称为项目。2.flex有两条轴,水平的主轴,和垂直的交叉轴3.容器的6个属性:flex-direction,flex-wrap,flex-flow,justify-content,align-items,align-contentflex-direction表示主轴的方向:row(水平向右(默认))/row-r
2017-07-10 21:03:40
696
原创 使用手机查看pc本地服务器的页面
在移动web前端开发中,虽然在pc端有很多模拟器,chorme也有自带的,但这始终和真实的移动端上的效果是有差距的,不能完全保证可靠性。所以这里介绍一个方法,首先保证你的pc和手机处于同一局域网下(手机连着电脑的WiFi就好了),打开Windows控制台,输入ipconfig,查看当前ipv4此时在pc上将localhost改为此地址页面是可以打开的,但你在手机上直接输入却未必打得
2017-07-05 10:23:31
2786
原创 htmlWebpackPlugin的使用
用途它将创建一个html文件,将打包好的各种如js、css模块引用进去,并通过提供的各种参数完成多种处理npm链接 —GitHub 使用$ npm install html-webpack-plugin –save-dev 然后比如在webpack配置文件中require 并添加实例 常用属性使用template:指定将创建的html所使用的模板;inject:指定输出的文件
2017-06-20 17:31:12
4743
1
转载 JavaScript定时器实现的原理分析
JavaScript中的定时器大家基本在平时的开发中都遇见过吧,但是又有多少人去深入的理解其中的原理呢?下面我们就来分析一下定时器的实现原理。一、储备知识在我们在项目中一般会遇见过这样的两种定时器,第一种是setTimeOut,第二种是setInterval,这两种定时器有如下的区别:1、setTimeout允许设置一个超时对象,超时后执行这个对象,但是只执行一次,无周期
2017-06-14 14:53:31
710
原创 vue项目中的mock data
应用背景因为前后端的分离并不是完全的,以及ajax技术的普遍应用,前端在开发过程中经常会需要测试用的数据,部分情况下是直接写在视图中,毕竟前端们在开发的过程中又不能总是依赖着后台提供接口,比如进度不一致,那我们应该怎么办呢方案今天接触到一种方法,就是express提供的数据服务,毕竟现在很多项目中都会用到node,用到npm,那使用express也是比较方便的,比如我通过vue init webpa
2017-06-13 22:50:03
2192
原创 伪类:before和:after的使用
刚刚在用伪类:before实现一个小三角组合(使用border),发现一个以前没注意到的事情,就是我在:before中设置了 border:10px solid transparent;border-right:10px solid blue; 结果出现了一个竖着的梯形,这我就很奇怪了啊,我将height设置成0后也还是纹丝不动,于是就在控制台中查看一下,它的display属性值为inline,
2017-06-11 22:24:26
1102
原创 响应式图片的设计
1.使用js。根据Windows resize和load事件,触发响应函数,获取设备尺寸,对应的更改图片的路径2.服务端。就是将屏幕尺寸记录到cookie中,由服务端决定图片返回---------下面的两个比较常用--------3.srcset 格式: srcset="图一路径 图一宽度,图二路径 图二宽度,..."路径与宽度间有个空格。通过在img中加入srcset属性,浏览器会根
2017-06-10 11:28:25
481
原创 使用git时遇到的问题总结及处理方法
这篇文章专门用来记录自己在使用git过程中遇到的一些问题,备忘,长期更新1.与原fork仓库同步的方法:http://blog.csdn.net/kongying19910218/article/details/50516646方法思路是先将原仓库下载到本地,再向自己fork下来的仓库push,这样github和本地仓库都能和原仓库同步了2.Unknown SSL
2017-06-08 20:08:12
1495
原创 响应式开发中的媒体查询
1.and、or、not、only 就是与或非当且仅当 and:比如对于:@media all and(min-width:800px)and(orientation:landscape){ 样式 }需要括号中几部分均为真,才会应用样式or:也可用逗号代替not:使用的not的一些情况:@media not all and(…){…}等价于@media not (all and(…)){…},但当
2017-06-06 09:25:54
550
原创 vue单一组件下动态修改数据时的全部重渲染
今天在学习vue的过程中,发现一个有趣的现象 在某一组件下的某一数据通过点击事件被动态修改的时候,对应view中的数据同步的进行了修改,没错,这不是废话吗,vue的一大特色就是数据的双向绑定。可有趣的是,该组件下我写的另一个用Math.random()的data值对应的值和视图也发生了变化这就让我这个刚入门的小白有点奇怪了,我修改一个,怎么变了两个????.........脑洞放开一想,会不会数
2017-06-04 21:19:08
15920
原创 input type为text和button的不对齐问题 以及 之间的小空格
今天实验室学弟问我 “怎么这个输入、搜索按钮怎么都对不齐啊”就像这样子:咦 怎么会 我看看 代码没毛病啊 同样的height、同样的line-height,各有一个width(复习一下,input属于inline-block元素)倒腾了好久 感觉甚是诡异 现在回想 怎么没有赶紧百度下 踩过这个坑的前辈们也是不少啊 首先要说明的是这个现象只会出现在Chrome中 没想到这次会是C
2017-05-25 22:27:17
10366
1
原创 关于thinkphp3.2控制器的请求独立性
简单记录一下困扰我一天了的问题,这个问题的过程就不记述了,说下发现的结论比如在IndexController中有两个方法:bind(),bindDeal(),有个全局变量$databind方法对$data进行赋值,bindDeal方法中获取返回$data流程:在bind方法中对IndexController中的某个全局变量比如$data赋值后,这时前台通过ajax请求IndexCo
2017-05-23 22:35:10
425
原创 微信中原来有两种纵向滚动条
今天在阅读公众号文章时突然发现微信中内容的滚动条神奇的竟然会有两种形式如图的两种形式: 总的规律是滑动速度快的话会出现右图较大的,慢的话是左边的小细条。对于像微信这种super APP应该是不会有多余的设计的,我想应该是滑得快的话表示用户对当前屏内容无感想快速跳过,一个较大的滚动条的话,就可以快速的拖拽了以方便用户定位内容。而图一的小细条就仅仅是浏览进度的显示,并极大限度
2017-05-16 22:56:10
2027
转载 真正可用的CSS文字两端对齐
最近在工作项目中接触到Web界面设计的问题,要实现文字两端对齐的效果。在网上搜索了一下,差不多都是互相转帖,用的都是类似的技巧:text-align:justify;text-justify:inter-ideograph;但问题是,我怎么就看不到效果呢?无论是英文还是中文,在IE和chrome下都不起作用。后来,终于在StackOverflow上找到解决方法了。样式:
2017-05-16 12:56:35
9262
1
原创 js获取、设置元素css属性值
这里以获取html元素宽高为例js获取html元素宽高有三种方法:1.obj.style.width;2.getComputedStyle和currentStyle(IE)函数但实际操作上会发现,第一种方法是无法获取到行内设置的元素属性值的,使用obj.offsetWidth即可,样式可以anywhere(合理的)。(使用obj.offsetWidth;获取到的是容器当前大小,包括边(bo
2017-05-03 11:24:56
1886
转载 移动前端开发之viewport的深入理解
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个a
2017-04-25 21:19:48
402
原创 es6标准入门 学习简记(一)
第一章:es6简介1.1ecmascript与JavaScript的关系:前者是后者的规格,后者是前者的实现。~1.6:es6到es5得一些转码方法第二章:let 和 const2.1:let命令用于声明变量,用法类似于var,但是只在所在的代码块有效,let声明不存在变量提升,let命令的暂时性死区(区块中若有let命令,则这个区块对这些命令声明的变量从一开始就形
2017-04-23 10:49:11
2531
原创 水平垂直居中处理,总有你想要的
temp .out{ width: 100%; background-color: yellow; height: 100px; } .in{ width: 30%; height: 50px; background-color: green; } .out1{
2017-04-22 16:15:29
515
转载 16种方法实现水平居中垂直居中
熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文:16种方法实现水平居中垂直居中水平居中1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.2) 若是块级元素, 该元素设置 margin:0 auto即可.3) 若子元素包含 float:left 属性, 为了让子元素水平居
2017-04-22 09:46:47
2210
转载 css3属性中background-clip与background-origin的用法释疑
困惑在哪里?background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性,它们有相同的可选值,即border、padding、content三种,而且这两个属性表示的都是元素背景与元素边框、补白(padding)和内容区域之间的某种关系。比如,我们想要在边框上显示背景,我们可以使用background-origin帮我们实现(前提
2017-04-20 17:35:45
503
转载 回流reflow与重绘repaint
回流(reflow)与重绘(repaint)很早之前就听说过回流与重绘这两个名词,但是并不理解它们的含义,也没有深究过,今天看了一套网易的题目,涉及到了这两个概念,于是想要把它们俩弄清楚。。。一、概念首先我们要明白的是,页面的显示过程分为以下几个阶段:1、生成DOM树(包括display:none的节点)2、在DOM树的基础上根据节点的集合属性(margin
2017-04-20 13:08:31
676
转载 关于setInterval和setTImeout中的this指向问题
这几天在看阮一峰的es6入门,看到箭头函数这块,其中提到了定时器this指向问题,以前没注意到,查了下资料,下面这篇博文写不错。mark下--------------------------------------前些天在练习写一个小例子的时候用到了定时器,发现在setInterval和setTimeout中传入函数时,函数中的this会指向window对象,如下例:v
2017-04-15 14:20:39
526
原创 关于宽度100% 出现横向滚动条的问题 以及注意您的显示器...
今天在做题的时候遇到这样一道题:看一下感觉不难,然后就撸起来了。大体采用绝对定位,ie的盒模型(比标准盒模型好酸多了),感觉应该没啥问题的,走你->主体代码是这样的: *{ margin: 0; padding: 0; } html,body{ height: 100%; } heade
2017-03-25 12:06:10
15379
1
转载 一道常被人轻视的前端JS面试题
一道常被人轻视的前端JS面试题目录前言第一问第二问变量声明提升函数表达式第三问第四问第五问第六问构造函数的返回值第七问最后前言年前刚刚离职了,分享下我曾经出
2017-03-17 18:14:50
406
转载 ThinkPHP中数据库操作返回值总结
文章转自:http://www.baiwar.com/post/thinkphp-database-operations-in-the-return-value.htmlThinkphp中的Think\Model类提供了数据库的基本CURD(Create、Update、Read及Delete),通过该类可以很便捷的进行操作。Model类及扩展类主要的方法有:Create操作:
2017-03-05 19:05:03
1447
空空如也
关于CSS中触发bfc之前的问题和bfc的特性疑问
2017-08-25
js执行上下文栈和作用域链的关系?
2017-08-16
js中移位0位是什么操作,为什么值就变了
2017-07-30
用jquery清空input type为password
2017-02-23
window.onload中注册了onclick事件 怎么取消监听这个事件
2016-12-22
关于git push error:443
2016-08-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人