- 博客(27)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 react组件间通信
父子之间：react是单向数据流，父向子传值直接在父组件引用的子组件上绑定参数，子组件中通过this.props去取值子向父传值：在父组件引用的子组件上绑定回调函数，子组件调用该函数传递修改后的参数。父组件中该函数接收返回的值。子组件之间传值：向通过回调函数传递到共同的父组件，然后利用react的单向数据流传递到目标子组件。待补充代码示例。。。。。。。。
2017-08-08 00:18:23
361
原创 React、Vue浅析
关注前端的同学都了解，React和Vue是目前应用很广泛的两个前端框架。React是由Facebook开发的，Vue起初则是由google一名程序员尤雨溪开发的。截止到目前github上显示，React的Star数为87422，Vue的为78523，数据差距越来越小。两个框架国内外使用概况如图1所示： 图1 国外前端框架使用概况 上图显示，世界范围内来看，React依然比Vue...
2017-08-08 00:12:04
739
原创 实现一个左边宽度固定，右边自适应
dom结构：body> div class="left">hellodiv> div class="right">worlddiv>body>方法一：.left { width: 100px; height: 100px; border: 1px solid; position: absolute;}.right {
2017-07-25 00:08:13
534
原创 js继承方式
这个题目编辑了好久，一直都没来聊一聊。下面聊一下我理解的继承方法。1.原型链继承var Animal = function () { this.type = [];};var Cat = function () {};Cat.prototype = new Animal();var cat1 = new Cat();cat1.type.push("cat1");var cat2 = new Cat();cat2.type.push("cat2");console.log(c
2017-07-24 21:09:33
241
原创 css3实现无限旋转360度
工作中遇到需要无限旋转360度的loading圈，亲测下面css样式可用。@-webkit-keyframes animal { 0%{ transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100%{ transfor
2017-07-12 09:57:14
13972
原创 清除浮动的6中常用方法
首先了解一下浮动的原理：给元素设置float属性后，该元素会脱离文档流，进行左右浮动，紧贴着父元素的左右边框。此元素空出的位置，由后续元素填充上去。dom结构：div class="container"> div class="left">hellodiv> div class="right">worlddiv>div>style样式：* {
2017-07-12 08:29:25
352
原创 css水平垂直居中
整理一下关于块和文字的水平垂直居中，这些是我们平时调样式时经常遇到的。1.dom结构，在浏览器中实现块及其文字的水平垂直居中body> div class="parent"> class="child">hello world!span> div>body>共同样式：* { margin: 0; padding
2017-07-11 08:54:15
219
原创 jquery中$("#id")与document.getElementById("id")的区别与联系
作为前端小菜鸟，时刻会遇到各种问题。今天发现了一个最基础的问题，下面举例来理解。html:console中输入:$("#abc")打印内容：[div#abc.article_description, context: document, selector: "#abc"]展开如下：0: div#abc.article_descriptioncontext:
2017-07-06 21:52:15
302
原创 1.4 最长回文子串
题目描述给定一个字符串，求它的最长回文子串的长度。js代码：function longestPalindrome(arr) { var max = 0, tmp; if (arr.length === 0) { return 0; } for(var i = 0; i i++) { for(var j = 0;
2017-06-30 11:23:28
235
原创 1.3 回文判断
题目描述回文，英文palindrome，指一个顺着读和反过来读都一样的字符串，比如madam、我爱我，这样的短句在智力性、趣味性和艺术性上都颇有特色，中国历史上还有很多有趣的回文诗。那么，我们的第一个问题就是：判断一个字串是否是回文？js代码：function isPalindrome(a) { if (a == a.split("").reverse().j
2017-06-29 18:39:42
273
原创 1.2 字符串包含
题目描述给定两个分别由字母组成的字符串A和字符串B，字符串B的长度比字符串A短。请问，如何最快地判断字符串B中所有字母是否都在字符串A里？为了简单起见，我们规定输入的字符串只包含大写英文字母，请实现函数bool StringContains(string &A, string &B)比如，如果是下面两个字符串：String 1：ABCDString 2：BAD答案是true
2017-06-29 17:18:01
315
原创 1.1 旋转字符串
题目描述给定一个字符串，要求把字符串前面的若干个字符移动到字符串的尾部，如把字符串“abcdef”前面的2个字符'a'和'b'移动到字符串的尾部，使得原字符串变成字符串“cdefab”。请写一个函数完成此功能，要求对长度为n的字符串操作的时间复杂度为 O(n)，空间复杂度为 O(1)。js解法：function leftShiftOne(str, n) { var arr
2017-06-29 10:05:49
195
原创 z-index的用法
需要当前层比其他层高的时候可以用z-index.用的时候注意，z-index对普通文档流中的元素不起作用，必须设置定位。可以设置：{position:relative;z-index:1;}或{position:absolute;z-index:1;}或{position:fixed;z-index:1}
2017-06-23 08:03:05
455
原创 js创建对象的几种方式
看了好几本关于这块知识点的书之后，终于有勇气来聊一聊js创建对象的问题1.工厂模式：代码：function createPerson(name, age) {var o = new object();o.name = name;o.age = age;o.sayName = function() {alert(this.name);}; // 函数表达式
2017-05-09 09:38:49
257
原创 js闭包
实习大半年一直都在疯狂地产出垃圾代码，现在有时间梳理理解一下js中的一些概念。看过网上很多说闭包的博客，但是都没有真正的理解，有很多的疑问。于是动手敲了一些自己能想到的函数的形式，进行比较区别。下面谈谈我的理解。javascript高程上对闭包的定义：闭包是指有权访问另一个函数作用域中的变量的函数。首先谈谈我们平时写的函数function f1() {var num = 1
2017-05-09 09:36:45
267
原创 ehcarts图表没有显示出来问题
浏览器有warning：cannot get height and width.解决方法：var worldMapContainer = document.querySelector('.echarts-content');// 用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽var resizeWorldMapContainer = function () {
2017-05-09 09:31:41
909
原创 iphone7中在块与块之间设置margin-bottom没有撑开，无法实现滚动效果
在项目中，遇到了iphone7 的兼容性问题：iphone7中在块与块之间设置margin-bottom没有撑开，无法实现滚动效果解决方案：把块与块之间margin-bottom改为块的padding-bottom属性，就实现了滚动效果。至于为什么这样设置，目前我还不太清楚。
2017-05-09 09:30:21
1191
原创 一列多个标签居中显示
1.一列多个标签，居中显示，当其中一个标签隐藏时，其他在html中居中显示ejs代码：div class="btns"> a class="btn btn-list js-to-list">查看我的推广a> a class="btn btn-add js-to-add">在该花费限额下添加门店推广a> a class="btn btn-continue
2017-05-09 09:28:57
431
原创 for in数组遍历的坑
前端小白，今天遇到了一个很严重bug。真的很小白！！！我对数组使用了for in遍历，然后for in会遍历到数组的后面添加的原型链属性，并不会遍历到原生原型链上的属性！！！并不是简单地便利数组中的数据。1.对数组用for in时Array.prototype.istrue = function(value) {return true;}var a = [1,2];
2017-05-09 09:27:34
5829
原创 JS深度克隆
先理解几个概念。js的数据类型可以分为两种：原始类型：数值，字符串，布尔值，null，undefined对象类型：是属性的集合。例如：函数，数组原始数据类型存储的是对象的实际数据，而对象类型存储的是对象的引用地址（对象的实际内容单独存放，为了减少数据开销通常存放在内存中）。其中，对象的原型也是引用对象，它把原型的方法和属性放在内存中，通过原型链的方式指向这个内存的地
2017-05-09 09:26:23
499
原创 HTML5本地存储localStorage、sessionStorage的使用
前端小白，在工作中遇到两个js页面之间的值传递。用了HTML5本地存储的localStorage，实现了想要的功能。然后就了解了一下这两个api的区别和方法。首先HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。我们
2017-04-01 10:25:17
459
原创 js中数组迭代的方法
1.every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则最终结果返回true；2.some()：对数组中的每一项运行给定函数，如果该函数对任一项都返回true，则最终结果返回true；3.filter()：对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组；4.map()：对数组中的每一项运行给定函数，返回每次调用的结果组成的
2017-04-01 10:23:49
1685
原创 IE浏览器下缩放后图片中的文字显示不清晰
在做轮播图的过程中，使用大图858＊1262px。缩放后在mac下的Chrome，Safari下图片是清晰的，但windows下Chrome浏览器中图片不是很清晰，但能接受范围内，IE浏览器中图片中的文字很难辨认。尝试解决方案：把png图片改为jpg格式把大图切成缩放后图片所占位置的大小190*275px把轮播图的弹窗加大，图片所占位置变大，width:40%把
2017-04-01 10:21:45
4691
原创 移动端页面撑满屏幕宽高，css设置
移动端页面撑满屏幕宽高，css样式： width: 100%; height: 100%; position: absolute; top: 0;
2017-04-01 10:19:17
9186
2
原创 Linux下安装jdk1.7经验（Ubunto14.04）
首先下载jdk压缩包jdk-7u67-linux-x64.tar.gz，我这里使用的是1.7版本的.gz文件1.解压及安装#tar -zxvf jdk-7u67-linux-x64.tar.gz将其移动到/usr目录下#mv jdk-7u67 /usr2.配置环境变量#sudo gedit /etc/profile在profile
2015-10-04 18:33:38
741
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人