京城女女--CSDN博客

原创分别使用Node.js Express 和 Koa 做简单的登录页

刚刚学了Koa2，由于学的不是很深，并没有感受到网上所说的Koa比Express好用多少，今天做了一个登录小demo，比较了一下两种框架的用法，做出记录。HTML代码用了简单的form表单，提交数据采用的是ajax，接口用的就是本地node接口，先上代码啦： HTML部分：body> form type='get' onsubmit="return false">

2018-01-30 11:52:55 1655

原创 win10安装软件出现2502的解决办法

win10 系统在安装软件的时候会出现报错 2502 … 原因就是权限不够，需要以管理员的身份安装，在查看好多解决办法之后解决了，现在记录下来：1、按WIN+X键，然后选择“命令提示符（管理员）”； 2、在命令提示符窗口中输入： msiexec /package “安装文件的全路径” 3、如：要安装的软件为放在D盘的 demo.msi 那么命令格式就是：msiexec /package

2018-01-23 10:50:20 1955

转载 vue-router 滚动行为

在查看vue-router文档的时候，无意发现一个有意思的东西，以前都没有注意过这个问题。如下：使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。刚开始还不太理解，在自己的项目上试了试，果然上述现象出现了，图解如下：在路由a的时候，滚动页面到x的位置，此时直接跳转路由b，会发现b页面竟然页停留在x的位置！这下就不难

2018-01-22 18:06:46 253

原创获取 select option 的自定义属性？！

直接上代码吧~html lang="en">head> meta charset="UTF-8"> title>Documenttitle> script src="jquery-1.9.1.min.js">script>head>body> select name="" id=""> option value="1" data-id

2018-01-19 09:51:23 1734

原创 select 下拉中英版切换功能实现

公司经常会做到中英文版的网站，如何实现下拉框中英文切换呢，很多小伙伴肯定都会有自己的想法，我这能想到的就有两种，一种是用 ul li 模拟下拉框，用 a 标签实现跳转页面，第二种就是select原生下拉框实现跳转，今天我要记录的是第二种方式。HTML(中文版):class="wap-lang-container"> option value="CHN">CHNopt

2018-01-17 13:54:04 2783 1

原创 VUE DEMO 之模拟登录个人中心页面之间数据传值

lalala~ 先上代码吧：login.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>模拟登录成功并跳转页面</title> <script src='vue.js'></script> <style> .red{ color:

2017-12-26 10:16:26 6799

原创如何在 HTML form 表单提交时验证信息！？

前言：平常老用ajax直接向后台传数据，form 表单不常用都生疏了，今天遇到了一个相关问题，搞了半天，特此记录。用from表单提交，会遇到一个问题就是，当你点击提交按钮时，直接就把数据传过去了，无法对input表单中的值进行验证，即使可以验证，当不符合验证情况的时候也会把值传过去，这当然不是我们想要的效果，所以..怎么才能验证完成并正确的时候再把值传过去后台呢？后来，我发现了这个方法：`o

2017-12-25 17:24:58 5906 2

原创 html5 localStorage api

设置的三种方法localStorage.zmq = '123';localStorage["zmq"] = '123';localStorage.setItem("zmq","123");获取的三种方法var a1 = localStorage.zmq;var a1 = localStorage["zmq"];var a1 = localStorage.getItem("zmq");con

2017-12-21 17:52:00 613

原创淘宝京东专题页做法之HTML5 map 应用（2）

在第一节中讲了 map 的使用方法，但在项目做得过程中，我发现有一个问题，当浏览器窗口缩放的过程中，我们之前定义的 area 的锚点位置发生了改变，由于 coords属性值写的是固定尺寸，不会自适应，所以我又找了网上的解决方案特此记录。html:<img src="images/02-2.jpg" alt="图片" usemap="#Mapslide"><map name="Mapslide"

2017-12-21 14:24:34 338

原创淘宝京东专题页做法之HTML5 map 应用

最近接了一个商场项目，做到了专题页，特意研究了一下京东淘宝大网站的专题页做法，发现他们都采用的是html5 map ，随之稍微研究了一下map ，特此记录。看一下商城部分截图吧![这里写图片描述](http://img.blog.csdn.net/20171221140837008?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2VpeGluXzM4

2017-12-21 14:14:06 690

相信大家在项目中都遇到过 form 表单提交成功之后，刷新页面，当你再次输入的时候文本框里就有之前输入过的内容，在某些时候，我们确实不想要它!那这该如何解决呢？情况截图如下：定义和用法：autocomplete 属性是HTML5的新属性自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。注释：autocomplete 属性适用于 <f

2017-12-21 13:44:30 6710

转载 Sublime Text 3 快捷键汇总

文章转自：http://blog.sina.com.cn/s/blog_73c5cfbe0101ldj8.html前言：从开始学习前端到工作几年来，一直使用的编辑器就是Sublime Text ,靠各种经验累积，也或多或少使用了它的一些快捷键，也没有系统研究一下他所有的快捷键，把它的好处发挥到极致...这两天突然在思考如何提高效率这个问题了，才意识到从编辑器入手也是一种好方式..于是乎

2017-09-09 12:22:39 170

京城女女