摘要:
在web项目中,有一个很重的模块就是登陆/注册模块,这个模块的主体部分就是一个form表单,这个form表单包含两个重要input组(用户名/密码),每个input组都包含label和input,而关于 label+input 的布局方案多种多样,不同的设计师有不同的设计风格,不同的前端工程师又有不 阅读全文
摘要:
1、放大镜 2、JSONP 3、获取指定区间范围随机数,包括lowerValue和upperValue 4、数组排序 5、数组去重 6、深度拷贝 原文地址:https://segmentfault.com/a/1190000016677097 阅读全文
摘要:
缘起:实现一个业务场景时,因为某某某原因,不能让客户对某些按钮进行1秒点10次的骚操作,所以需要实现多个按钮快速点击只执行最后一次。 代码 例行总结:这样的需求可能比较少吧,但是还是有用的。一般可以根据实际需要,根据按钮的Index判断,如果当前按钮被激活,则不允许再被点击。如果是快速在多个按钮下切 阅读全文
摘要:
Cookies和Session的区别和理解 cookie机制 Cookies是服务器在本地机器上存储的小段文本并随每一个请求发送至同一个服务器。IETF RFC 2965 HTTP State Management Mechanism 是通用cookie规范。网络服务器用HTTP头向客户端发送coo 阅读全文
摘要:
前言 不定时更新 在线预览 https://zzyper.github.io/opti... 在线预览的源码 https://github.com/zzyper/opt... 部分内容仅兼容webkit内核,其他内核自行查询 可控密度的虚线分隔线 css 通过更改background size值控制 阅读全文
摘要:
简介 媒体查询(Media Queries)早在在css2时代就存在,经过css3的洗礼后变得更加强大bootstrap的响应式特性就是从此而来的. 简单的来讲媒体查询是一种用于修饰css何时起作用的语法. Media Queries 的引入,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应 阅读全文
摘要:
吐槽 今天,在vue中遇到 复杂表格的渲染 ,需要合并表头的单元格,且合并单元格的那列还是动态数据,也就是说你不知道会有多少组要合并起来,哎,我也有点说不清楚,废话不多说了,看代码把: 代码示例 data数据是后端接口返回的,其中的数据格式是这样的: 获取到以上数据后,对数据稍微处理下: 效果如图: 阅读全文
摘要:
1.何为DOM DOM是“Document Object Model”的缩写,中文译为“文档对象模型”。它是一种跨平台、跨语言的编程接口,将HTML,XHTML,XML文档映射成树形结构,树的每一个节点都是一个对象。正因如此,面向对象的编程语言(如javascript)可以通过DOM对HTML,XH 阅读全文
摘要:
(~ ̄(OO) ̄)ブ,闭包,一个面试长问的问题,本白也迷糊了很久。慢慢不断地有了自己的一点认识,这里分享一下~~~废话不多说,先看题: 结果是什么呢???大家可以先自己想一下,然后来听我分析(xiache)( ^.^ );首先我们从for循环开始看起,循环了2次,分别执行了outputp "0" ; 阅读全文
摘要:
一次下载多个文件的解决思路(iframe) Eric 真实经历 最近开发项目需要做文件下载,想想挺简单的,之前也做过,后台提供下载接口,前端使用window.location.href就行了呗。不过开发的时候发现,有些文件有附属文件,点击 下载按钮 需要下载两个文件,而且不能使用压缩包的形式。想想不 阅读全文
摘要:
什么是前后端分离,要区分前端和后端,需要有个明确的界限。一般,用户可以直接看到的东西,都是属于前端的范畴,除了前端之外都属于后端了。 在传统的像ASP,JSP和PHP等开发模式中,前端是处在一个混沌的状态中,可以说是没有独立的“人格”可言。 前端负责切图和编写静态页面模板,后端将数据渲染到前端提供的 阅读全文
摘要:
工具:Visual Studio Code/MarkdownPad技术:Hexo+Github 创建Github项目 Github账户注册和新建项目,项目必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。并且需要勾选Initialize this repository with a 阅读全文
摘要:
项目遇到一个需求,React16.6.0兼容IE10浏览器 首先在IE浏览器打开,IE11可以支持,打开控制台切换到IE10,页面白屏,控制台报错。 控制台报错 vue2.0 兼容ie9及其以上 既然没有定义,说明IE10不支持ES6最新语法。谷歌了好多方案。唯一有用的还是去了Babel官网,有关, 阅读全文
摘要:
前言:taro是一个可以很好实现一次开发,多端统一的框架,本文只介绍它小程序端开发的一些内容。小程序项目搭建gitup已经有很清楚的说明:https://github.com/NervJS/taro 微信小程序发送模板消息!附前端+后端源码~ 微信小程序之登录态的探索 一.主要操作步骤及命令: 1. 阅读全文
摘要:
@subject: 测试本地node包 @author: leinov @date: 2018 10 25 当我们编写一个node包,在发布到npm上之前,需要在本地测试该包。假设我们有一个已经编写好的本地node包xcxutil包和一个测试该包的项目myapp在同一个文件夹下project下,有以 阅读全文
摘要:
webpack在单页面打包上应用广泛,以create react app为首的脚手架众多,单页面打包通常是将业务js,css打包到同一个html文件中,整个项目只有一个html文件入口,但也有许多业务需要多个页面不同的入口,比如不同的h5活动,或者需要支持seo的官方网站,都需要多个不同的html, 阅读全文
摘要:
网站url网站创建具有良好描述性、规范、简单的url,有利于用户更方便的记忆和判断网页的内容,也有利于搜索引擎更有效的抓取您的网站。网站设计之初,就应该有合理的url规划。 title信息 网页的title用于告诉用户和搜索引擎这个网页的主要内容是什么,而且当用户在百度网页搜索中搜索到你的网页时,t 阅读全文
摘要:
下面给大家带来:封装一个简单的 KoaKoa 是基于 Node.js 平台的下一代 web 开发框架Koa 是一个新的 web 框架,可以快速而愉快地编写服务端应用程序,本文将跟大家一起学习:封装一个简单的 Koa一个简单的 http 服务使用 node 提供的 http 模块,可以很容易的实现一个 阅读全文
摘要:
移动端下弹框禁止背景滑动 茴字写法有很多种,找到最适合的才是好的。 以下下方法在一屛之内是可行的 body;html 设置overflow:hidden 问题 当body内容超出一屛时,弹框背景页面会自动滚动到顶部,无法回到原来弹框所在的位置 保存scrollTop,再设置scrollTo 问题 当 阅读全文
摘要:
前言 尝试一款新的开发框架的时候势必会遇见各种各样的问题。可能因为一开始不熟悉文档,导致配置错误,或是api使用错误。当然开发的时候我们也不能确认框架没有问题,是否存在bug。所以在某些出错的情况下,我们也许会不断怀疑自己,怀疑框架,最终怀疑人生。这时候就需要开发者们发挥无私的精神,积极讨论,记录并 阅读全文