web前端 input 输入框获得焦点时会缩小 当你使用 outline 时，出现此问题。 如果是在 chrome 中，chrome 有一个默认属性： input:focus, textarea:focus, keygen:focus, select:focus { outline-offset: -2px; } 所以会缩小，要修改的话，需要给元素增加一个属性： input:focus { outline-offset: 0; }
web前端 【Vue】元素未渲染前不显示{{}}变量 改为使用v-text指令进行绑定，如： {{Hello}} 改为 因为在前端vue.js下载后，加载框架、渲染Dom需要一段时间，在渲染完成前，页面上的元素会以普通Html元素显示，所以只要明明白白的写了{{变量}}，就会以 Html的方式显示出来，改为指令描述后就没有这个问题了。
python 创建一个简单的Python服务器 有时候在学习一些前端框架或前端库时，需要有一个Web服务器作为后端提供数据。如果使用Apache或Tomcat等服务器比较麻烦（需要把代码放到指定位置），而且不够轻量级——相比起使用Python来说。 如果没有安装Python的话，需要先安装Python，建议安装Python 3以上的版本。 进入你的项目文件夹，打开一个终端（控制台窗口），输入： python -m http.server 8000 通过 http://localhost:8000 就可以在浏览器访问了…… 这样就创建成功了一个PythonWeb服务器，都觉得简单的过分了…… > 如果使用的是Python 2，输入：python -m SimpleHttpServer 8000
web前端 SVG简介 SVG全称：Scalable Vector Graphics，可伸缩矢量图形 SVG既是一种文本格式，也是一种XML语言。每个SVG图像都是使用与HTML类似的标记定义的。 SVG代码可以直接包含在Html中，也可以动态插入到DOM中。 > 支持除IE8及其之前版本外的所有浏览器。 > 因为SVG同时是一种XML语言，所以，要记得关闭元素 创建SVG画布 创建了一个SVG元素后，可以将这个元素想象成一张画布，然后我们可以在这张画布画上各种各样的东西。既然是画布，首先自然得有画布的大小。 如此就创建了一副宽100px、高100px的画布。单位默认为px，可以指定其它单位，如em、pt等。 在画布上画一个简单的圆 有了画布后，我们就可以在画布上画画了。但与普通的画画不同，我们不是用笔去画，而是指挥电脑去画。那如果我要在画布上画一个圆，
web前端 【Three.js】1-1-创建一个旋转的立方体 概述 Three.js是一个前端的3D渲染库。 效果展示： 首先请大家想想一下自己照相的时候，我们抓着手机（考虑现在摄像头已经是手机标配了，且手机比摄像机普遍，故以手机为例），我们在屏幕里看到了现实世界的真实场景，这是将3D世界显示在了2D屏幕上。我们使用Three.js开发3D应用时，就需要基于这个最简单的场景来进行开发。 好了下面开始我们的第一个例子 —— 在网页中创建一个旋转的立方体。 第一步先来创建我们的网页结构，如下： My first Three.js app 下面我们的所有代码都写在第二个Script
web前端 AngularJs实现基于角色的前端访问控制 Github 项目地址 [https://github.com/zgljl2012/angular-permission] 最近做的项目是使用Angular做一个单页应用，但因为用户有不同的角色（管理员、编辑、普通财务人员等），所以需要进行不同角色的访问控制。 因为后端访问控制的经验比较丰富，所以这里只记录了前端访问控制的实现。请注意，前端最多只能做到显示控制！并不能保证安全，所以后端是一定要做访问控制的！ 基于角色的访问控制需要做到两个层面的访问控制： 1. 控制页面路由的跳转，没有权限的用户不能跳转到指定url 2. 页面元素的显示控制，没有对应权限的用户不能看到该元素 但在此之前，我们还有一项重要的事要做。 存储用户信息 首先我们要做的，并不是和访问控制有关的事，首先我们要保存好用户信息。包括用户的基本信息，
web前端 Angular Js判断Object是否为空 在AngularJs中判断对象是否为空，可以使用angular.equals，如下 if(obj==null||angular.equals({}, obj)) { // 为空 }
web前端 AngularJs改变路由时，会执行两次 如果使用了路由控制，在指定路由时又同时指定了template和controller，那么在template指向的Html代码中就不用加上controller，因为路由控制器已经自动为我们加上了。 所以，如果你在html中又指定了controller的话，就相当于有两个controller，自然会执行两次。
web前端 【NodeJS - Jade】Jade内联css样式，Jade inline style 在Jade模板中内联使用css样式，即使用style div(style="width:100%;") 就这么简单。。。
web前端 【Web前端-Gulp】安装Gulp > gulp: 用自动化构建工具增强你的工作流程！ —— Automate and enhance your workflow！其有着易于使用，构建快速，高质量插件丰富等众多优势。 一直都想学一下gulp和grunt，借着工作上的一个项目，终于找到机会了。下面开始第一步，安装！ 1. 安装node.js 这一步太简单，直接网上去官网下载对应平台的node版本，安装即可（记得将其加入环境变量）。 2. 创建一个项目文件夹，打开一个控制台窗口（有git的可以打开gitbash） 全局安装使用：npm install --global gulp 项目目录下安装使用：npm