element-ui中表单验证rules 我们在项目中头疼的是什么？对，你没有听错，就是表单验证，各种非空校验，正则校验等等而初次使用元件的UI，在做表单验证的时候，由于项目急，自己呢，也没有时间去研究这个，结果比别人多写了500行的JS，有木有很夸张，所以，这个项目结束了，自己呢，去研究了下规则的神奇之处若有不足，请指出来，谢谢大佬们<template> <div class="short-visi...
cnpm不是内部命令的解决办法 安装淘宝镜像cnpm后控制台出现cnpm不是内部命令的提示npm install -g cnpm --registry=https://registry.npm.taobao.org安装完了之后检查是否安装成功。cnpm -v若果出现以下东西说明安装成功。C:\Users\WenCh> cnpm -vcnpm@5.1.1 (F:\Live\NODEode_g...
滚动加载图片（懒加载）实现原理 本文主要通过以下几方面来说明懒加载技术的原理，个人前端小菜，有错误请多多指出一、什么是图片滚动加载？ 通俗的讲就是：当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。二、为什要使用这个技术？ 比如一个页面中有很多图...
less特性 前言CSS的短板 作为前端学习者的我们 或多或少都要学些 CSS ，它作为前端开发的三大基石之一，时刻引领着 Web 的发展潮向。 而 CSS 作为一门标记性语言，可能 给初学者第一印象 就是简单易懂，毫无逻辑，不像编程该有的样子。在语法更新时，每当新属性提出，浏览器的兼容又会马上变成绊脚石，可以说 CSS 短板不容忽视。 问题的诞生往往伴随着技术的兴起， 在 Web 发展...
圣杯布局、双飞翼布局、Flex布局和绝对定位布局的几种经典布局的具体实现示例 题目要求：针对如下DOM结构，编写CSS，实现三栏水平布局，其中left、right分别位于左右两侧，left宽度为200px，right宽度为300px，main处在中间，宽度自适应。要求：允许增加额外的DOM节点，但不能修改现有节点顺序。<div class="container"> <div class="main">main</div> ...
Webstorm常用快捷键 代码编辑代码跳转: Ctrl + 左键 或者 Ctrl + B，可以跳转到函数或者变量的声明位置 调用位置: Alt + F7，查找调用者 自动补全: 最好是修改一下响应时间，Settings->Editors->General->Code Completing: Autopopup in 0. 打开文件: Ctrl + Shift + N 打开类: Ctrl + N...
关于跨域请求数据的文章（超全） JavaScript跨域总结与解决办法什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明...
javascript 事件处理 IE和标准dom 的差别 一个事件其实在页面上 有多个元素相应事件处理,点击页面上的一个button,会发生什么?其实 是相当于先后点击了按钮,它的容器,及这个页面.也就是说没一个元素都按照特定的顺序响应那个事件.事件的发生顺序在IE和mozilla在事件支持上的主要差别. 事件流 冒泡技术.冒泡型事件的基本思想,事件按照从特定的事件目标开始到最不确定的事件目标.例如: <html> ...
页面优化方法 1) 避免head标签js堵塞：所有放在head标签里面的js和css都会堵塞渲染；如果这些css和js需要加载很久的话，那么页面就空白了；用google的cdn加载一个jQuery文件是访问不了的，所以标签一直在转圈，页面没有任何显示； 有两种解决办法，第一种是把script放到body后面，这也是很多网站采取的方法。第二种是给script加defer或者async的属性，一旦s...
html+css面试题集锦（一） 1、对WEB标准以及W3C的理解与认识？web标准简单来说可以分为结构、表现和行为，其中结构主要是有HTML标签组成，或者通俗点来讲，在页面Body中我们写入的标签都是为了页面的结构，表现指css样式表，通过css可使页面的结构标签更具美感，行为是指页面和用户具有一定的交互，同时页面结构或者行为发生变化，主要是js组成。web标准一般是将该三部分独立分开，使其更具有模块化，但一般行为发生变...
CSS3 Transitions, Transforms和Animation使用简介与应用展示 一、前言兼目录索引《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范，各类清规戒律谨记与严守。但是，后来呢，花姑娘送到跟前，什么戒律都成了浮云，禁不住诱惑享乐去了。啊，我现在似乎有类似的感觉，本来不打算深究CSS3的一些属性的，但是其效果以及实际应用价值之诱惑实在巨大，还是抵挡不住，折腾下了这篇文章。劳民伤财的工程越少越好，所以，这里干脆把CSS3 动画相关的几个属性凑合到一起了，...
js中slice，splice，split的区别？ 不知道大家对slice,splice,splite是肿么样的感觉，反正我刚接触到这三个函数的时候整个人都懵了，因为一个个长的跟孪生兄弟似的，每次用的时候都会混，于是决定记下来，也给大家当个参考吧。slice ： 定义：接收一个或两个参数，它可以创建一个由当前数组中的一项或多项组成的新数组，注意是新数组哦~ 也就是说它不会修改原来数组的值。 用法：slice( para1...
webpack用node_modules/.bin/webpack app/main.js public/bundle.js命令出错 运行node_modules/.bin/webpack app/main.js public/bundle.js解决办法：node_modules\.bin\webpack app\main.js public\bundle.js显而易见，只不过把斜杠换了个方向而已，当然不仅是这条命令，很多命令windows环境下与linux或mac还是有区别的，所以大家在使用时请注意了。运行上面指令一直说找不打...
npm install -save 和 -save-dev的区别 回顾 npm install 命令最近在写Node程序的时候，突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的，各种查资料和实践后对它们之间的异同点略有理解。遂写下这篇文章避免自己忘记，同时也给node猿友一点指引。我们在使用 npm install 安装模块的模块的时候 ，一般会使用下面这几种命令形式：123...
webpack基础知识与工具使用 webpack是一个前端资源加载/打包工具，将根据模块的依赖关系进行静态分析，并依据规则生成对应的静态资源。在安装webpack前，本地环境需要已安装了node.js，然后npm install webpack -g进行安装。...
Git教程 史上最浅显易懂的Git教程！https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
CSS中的transform与transition transform：转换对元素进行移动、缩放、转动、拉长或拉伸。方法：translate():元素从其当前位置移动，根据给定的 left（x 坐标） 和 top（y 坐标） 位置参数有两个div，它们的css样式如下：12345678910111213141516.before { width: 70px; height: 70px; ...
js事件委托（事件代理） js中的事件委托或是事件代理详解起因：1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的；2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考；概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思...
响应式网站学习——前期的准备（一） 响应式网站优点：减少工作量：①网站、设计、代码、内容只要一份②多出来的工作量只是JS脚本、CSS样式做一些改动节省时间。每个设备都能得到正确的设计。搜索优化。更好的用户体验。响应式网站的缺点：回家再更多的样式和脚本资源。设计比较难控制和精确定位。老版本浏览器兼容性不好。媒体查询CSS2中<link rel="stylesheet" type="text/css" herf="site.css...
关注
