远走的兔子博客

方法一：直接在html中为元素添加onmousedown和onmouseup事件，在JavaScript中写函数button   function mouseDown(e) {  e.style="background-color:black";}function mouseUp(e) { e.style="background-color:

一、问题描述在css代码中利用calc设置left值，但是使用gulp-minify-css压缩之后，却发现calc设置这一行在压缩之后的css中没有。如下：压缩之前：aside { position: fixed; top:50px; left:0; width: calc((100% - 1400px)/2); padding: 0 20

一、什么是webpack      webpack是一个前端构建工具，可以帮我们实现js、css、图片的压缩，合并。webpack主要的功能就是为前端模块化服务。webpack的核心是一个适用于现代JavaScript应用程序的静态模块打包程序。 当webpack处理应用程序时，它会递归地构建一个依赖图，其中包含应用程序需要的每个模块，然后将所有这些模块打包到一个或多个包中。简单来讲，webpac...

遇到vue一直报错assigning to rvalue解决，一直以为是js代码的问题，后面找了很久的原因，才发现是在html的模板中v-model绑定的属性并没有在data属性中定义。如下：<template> <div class="search-box"> <div class="wrap"> <inp...

作为一名前端小白，之前并没有很关心过这个问题。对于web安全的认知只有记忆中大三网络安全课程中的零星点点。后来经历了几场面试，竟然都问到web安全相关的问题，遂查阅了一些资料，了解了相关知识。在此，记录下自己的一些理解和整理的相关资料。希望可以和大家分享，若有不正确之处，望指出。XSS又称为CSS（Cross Site Script），中文名称为跨站点脚本攻击。按照英文全称的缩写应该为CSS，但是...

当父类中用transform属性时，子元素为position:fixed时，子元素不是根据窗体定位，而是根据父元素定位。当前未找到解决方法兼容两个属性。

         overflow: hidden;          text-overflow: ellipsis;       display: -webkit-box;      -webkit-line-clamp: 2;      -webkit-box-orient: vertical;      word-break: break-all;      white-space: no...

前言什么是docker?通俗的理解，docker是创建和管理容器的一种技术。那什么是容器呢？容器的功能与虚拟机很近似，都是在一个物理主机上运行多个操作系统的技术。最大的不同之处在于，虚拟机技术是虚拟出一套硬件后，在其上运行一个完整操作系统，在该系统上再运行所需应用进程；而容器内的应用进程直接运行于宿主的内核，容器内没有自己的内核，而且也没有进行硬件虚拟。因此容器要比传统虚拟机更为轻便。...

产生原理CSRF 又称XSRF（Cross-site request forgery / one click attack/session riding），中文跨站请求伪造。CSRF与XSS在攻击手段上有点类似，都是在客户端执行恶意代码, 但CSRF不注重于获取用户Cookie。CSRF不仅可以在源站发起攻击，还可以引导用户访问其他危险网站的同时发起攻击。CSRF攻击是源于WEB的隐式身份验证...

出现原因再render中读取refObject的属性render() { console.log(this.formList); console.log(this.formList.current); console.log(this.formList.current.width); }前两行均有输出，但是第三行为undefined。解决方法...

一 环境说明系统：window 10webstorm：2017.03二、webstorm编写配置点击：webstorm左上角的filefile->settings->Plugins在搜索框中搜索pug,，点击下面的install进行安装。这样pug插件就安装好了。这样，在新建文件的时候就会出现pug的选项。三、编译pug首先需要确定电脑已经安

一、实现功能

一、什么是vue-clivue-cli是由vue官方发布的快速构建vue单页面的脚手架。参见vue-cli官方网站。http://vuejs-templates.github.io/webpack/之前需要使用vue的单文件组件的功能，即将不同的模板分离到不同的.vue后缀的文件中，这样做需要使用webpack打包。参见官方说明：https://cn.vuejs.org/v2/guide/sing...

在datalist和select中不能直接添加button.html>lang="en"> charset="UTF-8"> Title href="http://cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet"> --> rel="styleshee

一 、问题的出现          在web中，我们常常需要为某一类型的元素添加事件，这时，常用for循环。对于刚刚接触不久的小白总是容易在这里犯错，比如我。因此今天在这里记录一下自己的踩过的坑，希望对大家有所帮助。         假如我们需要为页面上的一组按钮添加点击事件。采用for循环，最容易写成如下：html>html lang="en">head> meta

一、是什么响应式开发        不同设备电脑、平板、手机的屏幕大小是不一样的，如何在不同大小屏幕的设备上正常的显示网页？有两中方案：        服务器端实现响应式：服务器根据不同设备发来的请求，返回不一样的网页。这样的缺点很明显，就是针对不同设备都需要开发多个版本的网页，开发成本和时间高，而且不利于后期的维护。        客户端实现响应式：一个web界面可以在不同的设备上正常显示，网页...

一 环境说明电脑系统：windows 7配置：安装sass 具体可以参见我的上一篇博客http://blog.youkuaiyun.com/u014182411/article/details/77319639编辑器：webstorm 2016.3 (webstorm可以自动编译sass文件为css文件，具体可以参见：http://www.jianshu.com/p/0fe52f149ca

刚刚开始学习javascript时，其实并没有过多的看过相关方面的书籍，只是稍微了解了其语法和如何定义函数、变量，凭借着自己之前写过java和c++的经验，开始了我的前端之路。写一些小的项目还基本OK，可是有时候总是踩坑，还半天爬不出来。后来，有空看了看JavaScrip高级程序设计，才发现其实js跟之前的c++和java还是有很多区别的，很多时候踩坑就是因为不清楚js跟这些语言本质上

一、什么是DOM       DOM其实是针对html和xml提出的一个API(应用编程接口)。什么意思呢？就是为了我们更好的操作html或者xml中的元素，而提出来一系列的操作标准，并且将这些标准用代码实现了。我们在实际中，只需要操作这些接口就可以访问、增加、删除文档中的元素。       DOM将这个文档描绘成一个多层次的节点树，一切的操作都是在这个节点树上进行的。DOM1其实就是最开始的W3...

一、什么是事件        事件就是浏览器或者用户执行的某个动作。比如：点击，鼠标移动，按下键盘等。HTML的界面和javascript代码之间就是通过事件进行交互的。当某个事件发生时，处理这个事件的程序我们称为事件处理程序（或事件监听器）。我们可以对某个类型的事件预先注册一个事件监听器，当这类型的事件发生时，就执行事件监听器中的代码，响应事件。eg:html>html lang=

一、问题说明        在请求时 ，出现这种问题，一定是因为，浏览器请求一次之后，服务器却返回两次及两次以上的响应。这种容易发生在异步回调中：Movie.fetch(function (err,movies) { if(err) { res.redirect('/') } res.render('index',{

一、前期准备二、环境搭建1.安装npm     我们需要使用npm来管理各个第三方包。2.npm初始化进入项目目录所在文件夹，运行一下代码：npm init2.安装express和jade使用npm安装express和jade:(jade后面因为版权问题更改为pug)npm install express pug --save在项目文件夹下生

一、问题描述使用npm安装时出现以下问题，$ npm install -gnpm ERR! code ENOLOCALnpm ERR! Could not install from "" as it does not contain a package.json file.npm ERR! A complete log of this run can be found