2 寻梦皮皮虾

尚未进行身份认证

暂无相关简介

等级
TA的排名 9w+

页面滚动到指定位置的方法

视口中可显示的信息是有限的,因此我们常需要页面滚动实现内容显示的切换,介绍几种实现方式:纯html实现(锚点)跳转按钮:<ahref="#anchorName">点击跳转当前页面指定锚点</a>设置锚点:<aname="anchorName">a标签锚点</a>、<pid="anchorName">id锚点</p&gt...

2019-08-02 14:15:21

更好地编写Js正则表达式

什么是正则一种文本匹配工具,用来识别、提取符合规则的字符串,提供多种辅助方式。普通的使用方式编写正则表达式 => 调用匹配。两种编写方法:字面量和构造函数模式:// 字面量let regIns1 = /^\d$/;let regIns2 = new RegExp("^\\d$");字面量形式无法组合,而构造函数基于的字符串可以由多个片段组合而成,增强了灵活性。一些复杂的...

2019-08-01 15:59:08

情侣之间争吵,到底是为了什么?

情侣之间争吵,到底是为了什么?发生了什么心中的问号从相识说起如何维系关系再谈爱情关系发生了什么昨天不知道什么原因,跟女朋友大发脾气:滚!她立马不依不挠,收拾东西,换衣服。在即将破门而出地一刹那,我的理智出现了:天色已晚,晚上9点多了,不能让她走。于是堵在门口,我们拉扯了大半天,她的眼泪也浸湿好几张纸巾,我也说了一大堆好话。最终消停了,俩人都能疲倦,代价是一晚没咋休息。心中的问号现在...

2019-07-29 11:28:45

用node开发并发布一个cli工具

cli本质是一种用户操作界面,根据一些指令和参数来与程序完成交互并得到相应的反馈,好的cli还提供帮助信息,我们经常使用的vue-cli就是一个很好的例子。本文将使用nodejs从头开发并发布一款cli工具,用来查询天气。项目效果图如下:配置项目初始化一个项目:npm init -y编写入口文件index.js:module.exports = function(){ con...

2019-01-02 16:00:33

JavaScript拖拽详解(二)拖拽的应用及示例

文章目录数据的传输自定义拖拽效果指定一张图片,在拖拽中跟随鼠标小图标提示拖拽上传文件总结上一篇介绍了拖拽的基础知识,这节我们谈谈拖拽的一些应用。HTML5不仅仅定义了拖拽的事件类型,还在事件对象中规范了一个重量级的对象:dataTransfer,借助它,我们可以实现数据传输、拖拽图案设定、拖拽文件上传,可通过event.dataTransfer来访问该对象.数据的传输需要借助event....

2018-12-24 18:46:19

JavaScript拖拽详解(一)基础简介

文章目录拖拽的历史画一张流程图要点概括总结一共有哪些事件哪些实体可以被拖关于放,有哪些限制?拖放会冒泡嘛?小结人类喜欢将自然界的事物步骤化,第一步干什么,第二步再做什么,甚至第三部等等。一个作家构思一部鸿篇巨制,必然要考虑将内容划分为几个部分,每个部分刻画相应的人物背景故事.同理,拖拽也一样,分为 拖、放两个步骤,本文将以两个步骤为基础讨论拖拽.拖拽的历史web开发中的拖拽标准是在H...

2018-12-24 14:33:04

React研习之旅(二):视图控制器-路由

文章目录react中的路由对比Vue框架谈谈jsx再谈谈高阶组件画张草图巩固一下小结react中的路由A JavaScript library for building user interfaces:一个用于构建用户界面的JavaScript库官方这句话措辞恳切严谨,有两点需要注意:灵活:react只是个库,开发者可以自由灵活地选择组件模块。跨平台:react用于构建用户界面,而...

2018-12-23 12:12:02

React研习之旅(一):React基础与核心

文章目录react简介与Vue框架的对比一直在用的jsx究竟是个啥?为啥用高阶组件?画张草图巩固一下react简介A JavaScript library for building user interfaces:一个用于构建用户界面的JavaScript库措辞恳切严谨,有两点需要注意:灵活:react只是个库,开发者可以自由灵活地选择组件模块。跨平台:react用于构建用户界面,...

2018-12-22 12:37:13

正则表达式分解剖析(一文悟透正则表达式)

目录从字符说起常用模式或场景常用的方法画一张思维导图实现前言中的小需求看JavaScript框架设计,读到一段“innerHTML”操作无法执行里面的script标签里的代码,于是想动手弥补下该操作。实现很简单,执行完innerHTML后,找出所有的script标签并取出里面的代码字符调用eval(),(仅考虑内联script标签),所以问题就来到了如何查找代码字符的问题上。这是正则表达式做...

2018-12-19 19:43:33

谈谈web项目中的凭证与依赖凭证

凭证或者token,是一种认证机制,相当于一把钥匙,有了它,才能打开特定的锁进入对应的门,这相当于增加了一层保护机制,过滤掉那些不合理的操作。首先介绍下web项目中的一些token或认证类型,再简单举例在React项目中的使用。web中的认证还记得大学时期,第一次购物的场景激动的不得了,当时有个叫网盾的东西(建设银行的),usb连上电脑,通过认证才可支付,俗称网银盾。这个盾就提供了一层防...

2018-12-18 13:47:35

React中页面的拦截

页面拦截是web项目中常用的基础技术,本文简单地分析页面拦截的前因后果。为什么拦截页面?打个比方:项目中的页面相当于一个party,而查看页面的人类似于参加party的人:只有特定的人才能参加partyparty也许有等级限制,只有高层人士才能坐第一排(maybe)参加party,只能去预定好的位置或包厢或餐桌除此之外,如果客人走错路,需要有专人将引到正确的地方,或者比较明显的...

2018-12-18 10:19:31

如何禁止内联盒子里的自由文本(无width宽度的)换行

当我们想横排一个个的文字和图表组成的item时,发现文本莫名其妙的换行了。解决方案给盒子定宽,这样文字宽度够了自然不会换行,也带来一个问题就是不同的item之间的文字多少可能有别,这样会导致不同的item之间空白(空隙)不一样,给人不适感,不好。指定该盒子的white-space:nowrap;不主动换行,并且将enter和空白、制表符合并。最优解代码.no-newline{ ...

2018-12-17 17:47:29

手动实现一个react导航组件并优化

为何要手写?既定的时间内没有找到合适的现有选择,放弃无谓的搜寻,自己写一个。基本原理菜单数据接口获取,一级菜单UI事件监听,对应的下层二级菜单放到一级菜单item的dataset属性里,事件触发时取出并显示。事件监听(由于菜单之前不存在,于父层监听菜单item的冒泡事件)。一级菜单:监听mouseover而不是mouseenter,二级菜单监听click并实现跳转页面草图效果...

2018-12-14 11:54:52

React项目组件继承实战

囿于reat使用组合而不是继承的提示,大家似乎都不怎么使用继承,然而在一些方面继承还是能发挥不少作用。为什么使用继承当我们有多个页面需要执行页面初始化操作,可能是动态计算视口的宽高度、计算屏幕的分辨率,甚至为一些节点添加初始化的事件(注意页面卸载时注销),或者一些其他的http请求、验证等初始化行为。这些行为有一个特点:需要重复执行或某一时间后重复执行。继承实现了代码的共享与复用。执行顺...

2018-12-10 21:50:08

雨中漫步所想

打扫完房间,准备好煮粥的材料,装好垃圾袋、拿着发芽的土豆下楼去。扔完垃圾,讲土豆丢到菜地,顺势绕着活动场地绕几圈,也想了一些事。照顾好自己日常起居按时睡觉,按时起床,吃好早饭,按时上班。最多连打两把游戏,不能沉溺。注意饮食,不暴饮暴食,晚上喝杯暖暖的核桃汁。早上吃一个大枣加,牛奶等。晚上早点洗脚早点刷牙。要独立自强,因为只有照顾好了自己,才能照顾好未来的宝宝,才能孝顺父母。实现...

2018-12-09 20:31:24

今日,你我分离

今天你(女友)结束了10天之旅,启程回家。说实话,还真有点不舍。想想过去10天一起的时光,有甜蜜也有小争吵,更多的是明白互相体谅的重要性,借此时机,写下几件印象深刻的事情,供日后回味或思考。11月29日早晨,见到了你不知道等这天等了多久,截止到昨天,突然想早点见到你不就意味着早点分别么?算了还是晚点来,我把这句话给你说了,你回道既然这么不想人家来,倒不如不去了呢。哈哈,我的心情是复杂的呢。...

2018-12-08 19:56:02

从自我怀疑到自我实现

日常焦虑的场景地铁上:为打发无聊时间,刷刷短视频,看看技术博客,既不是消遣也不是充电,可能看了别人的光彩或技术思考,开始怀疑自身,想想自己的差距,不够努力…,焦虑开始了滋生。工作间隙,或上个厕所,思考自己宏伟的目标,再想想工作中的自己,开始自我怀疑,…,焦虑继续滋生。下班,走在街道上,人来人往,有人开豪车前簇后拥,反看自己,…焦虑又滋生…上面可能有些夸张,但不可否认的是,可能大多数现...

2018-12-07 17:05:16

最近在忙的三件事

最近在忙三件事:新项目前端工程的搭建与完善、项目组招人、Vue课程的准备新项目前端工程一个数据服务监控的项目,监控的有接口,服务。包括:服务的申请。监控详情与记录。用户权限体系采用客户自有体系。权限涉及到页面资源的查看权限技术栈:框架:reactUI框架:antd脚手架:create-react-app状态机:redux总体设计思想:轻量:按需引入,尽量不...

2018-11-14 21:01:08

vue项目前端架构设计

为更好地实施我们的业务需求,需要一些规则或思考来帮助我们设计架构我们的前端工程,本文将以Vue项目为例,讨论如何设计与实施我们的项目架构,来满足版本的迭代、更新.组件组件:一个个的可复用单元,单页面程序的组件跟传统的UI组件稍有不同,不仅仅包含了样式,也包含了容器元素。可以泛化组件,抽取出一些参数,根据参数来渲染为不同的视图。全局组件一次注册,遍地使用,方便。适用于高频使用的组件,会...

2018-10-24 17:57:17

记一次直播授课之后

讲课情况时间长达2个小时。从样式到逻辑从结构到模块从空文件夹到项目从沉重到优化(代码)从封装到泛化正则表达式牵涉面很广了…仅仅这些涉及面,搞两个小时一点都不夸张。问题是这节课程是否达到了一个期望的效果?课程内容与课程目标本堂课的中心是“模块介绍与模块实战”,所以核心是介绍模块,然后给大家来个实战,教大家如何使用模块思想,分离我们的代码。彼此的课堂状况授课长达两个小时...

2018-10-19 10:57:45

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得