- 博客(20)
- 收藏
- 关注
原创 贪婪模式与正则匹配过程
正则表达式是计算机的一个概念,也称为规则表达式,用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,表达对字符串的一种过滤逻辑,通常被用来检索、替换符合规则的文本。正则表达式即记录文本规则的代码。关于正则表达式的基础知识就不在此赘述,网上教程很多,大家动动小手就能搜索到从古至今的各类资料,本文主要整理了一点关于正则引擎的知识,希望能给大家一点灵感吧。一、什么是贪婪模...
2019-08-29 17:44:05
458
原创 reselect-redux中间件使用总结
为什么使用reselectmapStateToProps调用其中函数去计算某个状态。这个状态在每一次组件更新的时候都会重新计算。如果state树的结构比较大或者运算复杂,每一次组件更新的时候都进行计算的话,将会导致性能问题.Reselect能够帮助redux来避免不必要的重新计算过程。reselect主要API使用createSelector(…inputSelectors|[inputS...
2019-03-25 15:24:48
2240
原创 react Refs使用 & DOM 非受控组件
使用 React.createRef() 创建 refs通过 ref 属性来获得 React 元素。当构造组件时,refs 通常被赋值给实例的一个属性,这样你可以在组件中任意一处使用它们.当一个 ref 属性被传递给一个 render 函数中的元素时,可以使用 ref 中的 current 属性对节点的引用进行访问。ref的值取决于节点的类型:当 ref 属性被用于一个普通的 HTML ...
2019-03-07 18:47:40
201
原创 react组件渲染原理
jsx如何生成element:JSX代码经过babel编译成React.createElement的表达式。element在React里,是组成虚拟DOM 树的节点,用来描述在浏览器上看到什么。它的参数有三个:1、type -> 标签2、attributes -> 标签属性,没有的话,可以为null3、children -> 标签的子节点e.g.return( Rea...
2019-03-05 18:41:53
766
原创 求0~m之内有多少素数
简单求解如下:for(var i = 2; i*i <= j; i++){ if(j%i == 0) flag = false; }埃拉托色尼筛选法。1、构造一个索引为2,3,4,5,…m的序列 。 2、递增地去除序列中的非素数。 ①去掉2的倍数 。 ②再去掉3的倍数。 ③去掉5的倍数。//4已经被去除 ...
2018-09-07 10:36:09
244
原创 js 数组去重方法
整理一下数组去重的常用方法。 //indexof,当前元素并不在其首次出现位置(默认最简单) let dateArr = [1,2,2,3,1]; let resultarr = []; for (var i = 0; i < dateArr.length; i++) { if (dateArr.indexOf(dateArr[i])...
2018-09-04 11:27:43
276
原创 input限制输入类型
<input id="input-name" class="login-input" type="text" placeholder="用户名" maxlength="14" //限制输入长度ondragenter="return false" //禁止拖拽黏贴onkeyup="value=value.replace(/[^\w\.\/]/ig,'')&q
2018-08-02 14:06:02
311
原创 如何判断input复选框的选择状态以及localstorage特性
如何用js监听浏览器页面的关闭/刷新事件因为要做关闭页面退出功能,但页面跳转和刷新时并不做退出事件,需要甄别刷新和关闭,也查找了很多方法,踩了许多深坑,在这里记录一下自己的方法吧。不同的浏览器刷新和关闭时对onbeforeunload()和onunload()的执行步骤是不同的,没弄明白之前导致多种尝试都不见效,一丝丝头疼。ie、chrome、360:页面加载时执行unload(...
2018-08-02 13:56:21
1013
原创 如何用js监听浏览器页面的关闭/刷新事件
如何用js监听浏览器页面的关闭/刷新事件因为要做关闭页面退出功能,但页面跳转和刷新时并不做退出事件,需要甄别刷新和关闭,也查找了很多方法,踩了许多深坑,在这里记录一下自己的方法吧。不同的浏览器刷新和关闭时对onbeforeunload()和onunload()的执行步骤是不同的,没弄明白之前导致多种尝试都不见效,一丝丝头疼。ie、chrome、360:页面加载时执行unload(...
2018-07-20 10:50:44
31865
5
原创 跨域问题
原因: 浏览器执行Js时,会检查属于哪个页面,如果不同源就不执行。 Js的同源策略,只有协议+主机名+端口号都相同才允许访问,Js只能访问和操作自己域下的资源。 针对js和Ajax。 ps:localhost和127.0.0.1都指向本机,但也属于跨域。解决跨域:jsonp添加响应头代理的方式...
2018-05-19 22:40:28
129
原创 知乎首页实战之下载知乎App模块
下载知乎App模块 这个模块只有一个按钮,宽度与上方主模块 rectangle 相同,边角如上一篇提到的方法,用 CSS3 border-radius 属性向 div 元素添加圆角边框 ;.buttonApp{ background-attachment: scroll; position: absolute; left: 0; righ...
2018-05-16 10:10:10
556
原创 知乎首页实战之表单模块输入部分细节
表单模块输入部分细节输入手机号、输入验证码、语音验证码、注册按钮、协议部分 输入手机号部分:选择区号、分隔线、手机号输入 选择区号可以用按钮实现,实现文本垂直居中有个很好用的方法,将line-height属性的值设置为块height的值,当 两者相等时,文本居中。 输入号码部分用&amp;amp;lt; input &amp;amp;gt;标签,这里要隐藏边框。.formRegion{ ...
2018-05-15 13:22:52
332
原创 知乎首页实战之表单模块
知乎首页编写之表单模块知乎首页表单模块大致分为三个模块:logo,标语,输入界面,如下图; 将底色改为白色,对三个div块样式表进行修饰,给不同的颜色便于区分.rectBrand{ background-attachment: scroll; padding:30px 0 5px; width:432px; height:145.633px...
2018-05-14 21:32:19
577
原创 知乎首页实战之背景与大体布局
模仿知乎首页编写之背景与布局刷完w3c的基础教程没有实际的操作,所以在一次偶然的想法驱动下开始模仿写出一个静态知乎登录网页。背景设置 打开知乎首页查看,之前的文章已经提到了查看网页源码,可以在其中找到背景图地址点开并下载; 在css中添加背景图片,加入底色,设置width和height;.page { background-image: url(bg.p...
2018-05-14 10:32:51
2260
原创 关于css盒子模式取色和获取像素
在网页构建css盒子模型的过程经常需要用到取色工具和像素提取,总结了几种简单的方法如下: ps自带取色器取色、获取像素px 用qq截图进行取色并测量px 如下图: 还是以知乎登录界面为例,取色目标为鼠标落点位置,截取大小也有具体显示,弊端在仿制网页时并不能准确定点。 使用Firefox浏览器查看 将想要获取颜色的图片或者网页用Firefox浏览器打开,在当前
2018-04-22 17:46:43
722
原创 Colombian Number(自我数)
自我数介绍自我数也叫哥伦比亚数,英文名为Self-Number,是在给定进制中,不能由任何一个整数加上这个整数的各位数字和生成的数,称之为自我数。例如:21不是自我数,因为21可以由整数15和15的各位数字1,5生成,即21=15+1+5。20满足上述条件,所以它是自我数。自我数判断判断一个数是不是自我数有很多方法,如果是程序设计题目,则根据题目要求做出调整。以下提供两种例子。 当题目要求判断的
2018-04-17 18:03:49
3402
1
原创 (查看网页源码)在网页标题中加入小图标
在网页标题中加入小标题打开网页的时候,一般会出现如图的小图标,为该网站特有,以下以知乎为例: 此时要去找到这个图片的位置并下载它,查找的方法介绍两种: 直接右键查看源码 在满屏杂乱的代码中可以看到这一行荧光笔注释的内容,复制网址进入即可下载。 开发者工具 在浏览器工具栏找到开发者工具点击即可查看网页源码并找到相应小图标地址: 下载好图片过后
2018-04-15 16:44:45
2637
原创 编写知乎登录/注册首页笔记
编写知乎登录/注册首页创建站点 引入css/JavaScript文件css样式初始化网页标题 在本教程中,你将学习如何使用 HTML 来创建站点。可通过W3C了解详细HTML 教程 —— [ HTML ] 网页大概主体部分 引入css/JavaScript文件<link rel="stylesheet" type=...
2018-04-15 15:53:24
570
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人