input和div模仿select,带输入提示
摘要:有时候我们需要select和input的结合体,即可以使用下拉框,同时也可以用来输入,输入的同时显示可选的下拉选项 先上html代码 对于这么个input,我们需要在点击的时候,和输入内容的时候,展示一个div,该div应该悬浮在该input下边,同时里面加上一些要选择的内容 对于展开的下拉选项,需
阅读全文
使用js函数格式化xml字符串带缩进
摘要:遇到了一个做soap的API的操作,中途需要说明xml的组装模式等, 如上图,组装产生的mxl代码药格式化并展示.由于是在前端做的,所以需要将字符串将xml进行格式化并输出,找到别人写的算法稍加更改并整理如下: 以上
阅读全文
我的前端工具集(十)按钮点击操作锁
摘要:我的前端工具集(十)按钮点击操作锁 liuyuhang原创,未经允许禁止转载 目录 我的前端工具集 1、需求 很多时候,在用户操作的时候是不按照正常的思路来的,做一个程序的goodcase比较容易,做badcase就比较困难。 在前端的诸多内容中,封装一个统一的操作锁就比较重要,防止重复提交,防止用
阅读全文
我的前端工具集(九)树工具重新封装和修改
摘要:我的前端工具集(九)树工具重新封装和修改 liuyuhang原创,未经允许禁止转载 目录 我的前端工具集 上文连接 我的前端工具集(四)树状结构前偏 我的前端工具集(四)树状结构后篇 1、之前对树状结构工具有一定的整理,目前针对树状结构又有一定的更新,同时增加了一些新功能 树状结构的搜索并选中功能
阅读全文
我的前端工具集(八)获得html元素在页面中的位置
摘要:我的前端工具集(八)获得html元素在页面中的位置 liuyuhang原创,未经允许禁止转载 目录 我的前端工具集 有时候需要用点击等操作,来获取某元素在页面中的位置,然后在该位置添加某些操作 如进度条,提示框,特效动画等。(bootstrap提示工具也挺好用的)。 1.html代码 当然也可以用监
阅读全文
我的前端工具集(七)div背景网格
摘要:我的前端工具集(七)div背景网格 liuyuhang原创,未经允许禁止转载 目录 我的前端工具集 有时候总觉得div颜色过于白,于是给了10%的灰 但是并不一定能解决问题,因为页面中会有不均衡的空白处,导致大面积灰有些暗淡 于是想给div背景加上网格 1.css代码 2.指定div中的class
阅读全文
我的前端工具集(六)Ajax封装token
摘要:我的前端工具集(六)Ajax封装token liuyuhang原创,未经允许禁止转载 在单点登陆中,或登陆验证后,不应该每次都验证用户名和密码, 也不应该将用户名密码存入cookie中(虽然很多都这么做) token作为一种验证策略,实现起来比较简单,也可以找一些单点登陆的框架,或者token解决方
阅读全文
我的前端工具集(五)提示工具之模态窗提示
摘要:我的前端工具集(五)提示工具之模态窗提示 liuyuhang原创,未经允许禁止转载 目录 我的前端工具集 1、需求 很多页面操作都需要提示,比如操作成功,操作失败之类。 总不能没事就console.log或者alert吧。 所以一个操作提示很重要 2、模态窗提示 bootstarp的模态窗可以稍加修
阅读全文
我的前端工具集
摘要:我的前端工具集 liuyuhang原创,未经允许禁止转载 本文将收录自己原创的前端工具集,备用。 为防止误解,本前端工具集为HTML,JS,CSS工具集 我的前端工具集(一)日期时间转换工具 我的前端工具集(二)文件上传的封装 我的前端工具集(四)树状结构前偏 我的前端工具集(四)树状结构后篇 我的
阅读全文
我的前端工具集(四)树状结构后篇
摘要:我的前端工具集(四)树状结构后篇 liuyuhang原创,未经允许禁止转载 目录 我的前端工具集 上文连接 我的前端工具集(四)树状结构前偏 1.数据组织 在3.2.节有截图 2.树状结构代码 2.1.css代码,自己可以随意修改,也蛮方便 2.2.js代码,注意看注释说明,List的构成 3.调用
阅读全文
我的前端工具集(四)树状结构前篇
摘要:我的前端工具集(四)树状结构前篇 liuyuhang原创,未经允许禁止转载 目录 我的前端工具集 1、什么是树状结构 树状结构,指的是由根,和叶组成的结构。 我们一般看的文件夹关系,就是树状结构。打开一个文件夹,其中可以有多个文件夹。 树状结构的路径能够向下扩展,同时能够向上溯源。 在树状结构分叉的
阅读全文
我的前端工具集(三)页面路由工具
摘要:我的前端工具集(三)页面路由工具 liuyuhang原创,未经允许禁止转载 目录 我的前端工具集 1、什么是路由 狭义上的路由就是我们常用的路由器了,不管是何种方式连接,都是转发的功能, 实现了信道的扩展和加密功能。 广义上的路由,实际上就是一个指挥员,根据目标的性质,进行映射的工具。 可以是交通信
阅读全文
做个商城吧在(一)前端架构概要
摘要:做个商城吧在(一)前端架构概要 liuyuhang原创,未经允许进制转载 1、为什么要设计前端架构? 忘了谁和我说的了,前端没啥架构!无非是选择用vue还是用angular,用不用node之类。 但是在我眼里好像并非这样。框架和架构不是一码事! 对于如何配置,如何分类,什么功能前端做,什么功能后端做
阅读全文
做个商城吧(〇)
摘要:做个商城吧(〇) liuyuhang原创,未经允许进制转载! 作为自己想写的一个系列,应该仔细认真的更下来 目录在文末 1、想法 自己一个人做个商城,这种想法一直萦绕着。 但是也有不同的声音: 有淘宝,有京东,php的微信商城到处都是,价格也越来越低,做它干嘛! 2、迷茫 实际上我也并不是很清楚,只
阅读全文
我的前端工具集(二)文件上传的封装
摘要:我的前端工具集(二)文件上传的封装 liuyuhang原创,未经允许禁止转载 目录 我的前端工具集 1.文件上传样式与功能 1.1.文件上传的表现 文件上传控件的代码比较简单,功能都是浏览器封装好的,实际上也没啥不好的,就是难看 你做出来这个样子,产品经理肯定跟你急!! 代码也蛮容易的,如下: 不多
阅读全文
我的前端工具集(一)日期时间转换工具
摘要:我的前端工具集(一)日期时间转换工具 liuyuhang原创,未经允许禁止转载 目录 我的前端工具集 1.日期时间转换工具 1.1格式需求 项目中的前端页面,需要对不同的情况使用不同的日期或时间格式。如: ①yyyy-MM-dd ②yy-Mm-dd ③yyyy-MM-dd HH:mm ④yy-Mm-
阅读全文
前端开发树形插件带来的烦恼(一)
摘要:liuyuhang原创,未经允许请勿转载! 前端开发树形插件带来的烦恼(一) 前端开发中,有些项目中会用到树形插件,其数据结构也比较简单,大体如下: 数据结构说明: 每一行代表一个数据,该数据由基本信息,id,pid三个部分构成。pid为连接的父节点,额外增加的内容也包括两个部分; ①缩进;②节点展
阅读全文