- 博客(24)
- 问答 (1)
- 收藏
- 关注
转载 浏览器如何工作的: 现代浏览器背后的秘密
这篇文章写得挺好的How Browsers Work: Behind the scenes of modern web browsers
2019-03-11 21:29:12
273
原创 Echarts学习之路 —— title配置项
echarts 中包含很多可配置项,先从title配置项来看。 title顾名思义就是title组件,它是echarts中的一个比较简单的组件,在我看来title组件就只有三个部分的内容。即是标题外观、主标题、副标题。一、标题外观其包含的可配置项有如下: show([ default: true ]): 标题组件的显示与否,默认显示 padding([ default: 5 ]):标
2018-03-07 12:50:42
11644
原创 文件API(篇二)
这里主要介绍Blob对象和FileReader对象 Blob对象1、什么是Blob? 百度百科 BLOB (binary large object),二进制大对象,是一个可以存储二> 进制文件的容器。 在计算机中,BLOB常常是数据库中用来存储二进制文件的字段类> 型。 BLOB是一个大文件,典型的BLOB是一张图片或一个声音文件,> 由于它们的尺寸,必须使用特殊的方
2017-12-09 17:37:05
411
原创 文件API(篇一)
作为一个前端小菜,在我看来前端的文件操作是一个比较高逼格的东西了,就个人而言,可能平时接触的更多的是布局、样式、炫酷效果实现等等这些,但是就文件操作这方面可能接触的比较少,但是在自己独立做一个比较完善的中小型系统时,没有文件操作这方面知识的话有些功能可能就难以实现,比如文件上传、文件的本地存取等。作为小菜,我之前也很少接触和用到关于文件操作的一些东西,但是最近在系统的浏览前端的基础的时候,发现
2017-12-09 14:30:46
829
原创 找出数组中重复出现过的元素
数组问题一直是在各种笔试中屡见不鲜的问题,之前在刷题的时候见过一个js能力测试的题目。题目如下,很简单找出数组 arr 中重复出现过的元素看了一些别人写的思路,思路大致如下: 将传入的数组arr中的每一个元素value当作另外一个新数组b的key,然后遍历arr去访问b[value],若b[value]不存在,则将b[value]设置为1,若b[value]存在,则将其加1。上自己的代码如下
2017-09-16 00:09:09
10545
原创 JavaScript原型链
都知道在JavaScript中原型链是非常重要的,而且各大公司招聘的笔试题以及面试题中对于原型链的考察也经常会涉及到,就个人而言,我觉得完全理解了下面这张图,原型链就基本理解了。关于原型链的讲解我就不再这里献丑了,只要一搜到处都有。推荐一个吧JS重点整理之JS原型链彻底搞清楚
2017-09-11 17:04:55
271
原创 关于各浏览器下textarea中光标位置的获取问题详解
申明一下,我这里只是讲的textarea中的有关光标的几种方法,并不是针对整个document的,我相信把textarea中的光标方法弄清楚了的话,其他的就简单多了。 最近接触到一个新的东西,就是textarea中光标位置的获取。先来说一说我是怎么接触到这个东西的,最近一直在写一个能够通用的评论插件,在这个评论插件中我们加入了表情插入这个功能,也就是技能文字评论,也能表情评论,目前这个插件的样子
2017-08-20 14:50:27
12913
2
原创 Echarts学习之路 —— echarts介绍
最近接触到了Echarts这个JavaScript图表库,感觉已经被它的多种多样的绚丽图形深深地吸引了,所以我决定去学习它,了解它。今天先来对它进行一些初步的了解。ECharts介绍: 官方解释: ECharts is a free, powerful charting and visualization library offering an easy way of adding
2017-07-23 15:01:06
11373
原创 React webpack配置文件暴露
我们可以通过react官方的脚手架create-react-app新建一个react项目,但是如果你要自己添加一些配置你会发现,新建的项目中并没有任何配置文件,其实webpack相关的配置文件只是被隐藏了,可以通过执行命令:npm run eject 把webpack的相关配置文件暴露出来
2017-07-22 14:16:50
4409
1
原创 纯CSS实现多页签跳转
首先把效果图给出来 会有人说,这不就是一个选项卡嘛,有什么难的,只要js入了门谁都会啊。是的,用js实现的话确实简单,几行代码足以实现了,但是我今天要说的并不是用js来实现它,而是要用完完全全的CSS(3)来实现,没错就是用纯CSS实现。首先来说一下实现的原理 纯css实现多页签跳转效果的核心就是通过label绑定单选按钮radio实现不同页签的选中与否的状态,在这里第一个想到的问题应该是
2017-07-22 09:23:27
6015
转载 一招新的技能 React中的Context
今天在使用react的时候遇到一问题,在父组件的props中有一个函数,我在子组件中妄图使用这个函数,但是子组件中一直提示XXXX不是一个函数,在大牛的帮助下认识到了一个新的东西Context,成功解决,Context详细讲解React中的“虫洞”——Context
2017-07-15 17:07:12
295
原创 react前端+node后台+mongoose+express框架搭建
初衷:之前在学习react的时候自己随便写了一个宿舍管理系统的出行demo,把基本的学生的操作页面基本都写好了,但是一直都没有写后台的东西,本来想找个人搞搞后台方面的,但是想到之前自己也学过一点node和mongoDB,但是也不怎么记得了,正好可以拿来练练手,所以就想用node来写后台(虽然个人觉得用mongodb做数据库并不怎么好,但是也就拿来练练手,就也无所谓了),但是由于第一次搞这个东西没什么
2017-07-11 21:01:51
9856
2
原创 JavaScript事件添加的兼容性写法
事件添加function addHandler(element,type,handler) { if(element.addEventListener){ //检测是否为DOM2级方法 element.addEventListener(type,handler,false); }else if(element.attachEvent){
2017-07-08 14:23:18
402
原创 各种数据类型的复制
function clone(obj) { var cloneObj; switch (typeof obj){ case "undefined" : break; case "string" : case "number" : case "boolean" : clone
2017-07-03 08:16:52
601
原创 前端面试重点
最近准备找一份前端的实习工作,打算把前端的一些基础好好补一下,写这个一是为了后面自己看一下,二是可以为和我一样的小码农提供一个方向。JavaScript部分JavaScriptDOM节点操作(添加、删除、修改,属性查看)。createElement()、createTextNode()等一些列节点操作方法。JavaScript原型与原型链。兼容多浏览器的事件绑定事件冒泡与事件捕获
2017-06-27 08:05:35
367
原创 细说react-native中的SectionList
1、在说SectionList之前,我们先来讲讲ScrollView、ListView/FlatList和SectionList几者之间的区别?ScrollView和ListView/FlatList应该如何选择?ScrollView会简单粗暴地把所有子元素一次性全部渲染出来。其原理浅显易懂,使用上自然也最简单。然而这样简单的渲染逻辑自然带来了性能上的不足。想象一下你有一个特别长的列表需要显示,可
2017-05-30 17:29:20
12794
1
原创 react native常用插件地址
轮播图插件:点击此处 导航插件:react-navigation点击此处 底部导航插件:点击此处 侧边栏插件:react-native-side-menu点击这里 注:后面会陆续补充
2017-05-24 22:15:07
544
原创 浅谈react native中的ScrollView
1、ScrollView介绍(官方解释):ScrollView是一个通用的可滚动的容器,你可以在其中放入多个组件和视图,而且这些组件并不需要是同类型的。ScrollView不仅可以垂直滚动(默认),还能水平滚动(通过horizontal属性来设置)。2、ScrollView常用属性:horizontal(布尔值):当此属性为true的时候,所有的的子视图会在水平方向上排成一行,而不是默认的在垂直方
2017-05-08 20:39:46
8141
原创 html中块级元素的水平垂直居中
一、如果父级元素的宽高和自己元素的宽高都固定,可以直接用元素定位(relative、absolute)的方法让自己元素处于父级元素中央。二、如果父级元素的宽高不定,而子集元素的宽高固定,则可以采用css3的新增属性clac来使子级元素水平、垂直方向处于父级中央。clac可以给元素的width、height、margin等设置动态值。clac语法:calc() = calc(四则运算)说明:
2017-05-04 14:05:10
8262
空空如也
react-navigation求解大神
2017-05-31
TA创建的收藏夹 TA关注的收藏夹
TA关注的人