前端工具
关注
分享
扫一扫
Web魔法师
Web魔法师
展开
-
js禁止chrome保存密码、更新密码
js禁止chrome保存密码、更新密码:参考：https://www.jianshu.com/p/2788c925c431转载 2020-08-10 14:52:36 · 1710 阅读 · 0 评论 -
按钮点击打开百度搜索
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><script> function formSubmit(){ var searchValue=document.getElementById("kw").value;//获取搜索框内容 var submitValue=searchValue+"+.原创 2020-07-06 13:52:23 · 1768 阅读 · 0 评论 -
CSS选择符
1.通配选择符： *通配选择符，一般表示对页面所有元素应用样式，如 :*{ margin:0,padding:0}在特殊情况下，可以对特定元素的所有后代元素应用样式，如将页面中p标签所包含的所有后代元素的字体设置为红色，p{ color:#FFFFFFF}p *{color:#FF0000}2. 类选择符：.类选择符，在CSS中必须以点（.）作为前缀，紧跟一个具有语义性的自定义类名，例如：.myc...原创 2018-02-26 20:02:00 · 611 阅读 · 0 评论 -
AngularJs： $watch 监听作用域变化
angjularjs中，有些事件不是浏览器触发的，是由模型中数据的改变触发的。通过这种功能，可以对模型（model）的改变做出响应，而无须在所有值可能变化的位置添加代码。该功能是非常有用的，因为模型中的数据通常可能会使用多种方式进行改变，用户输入、服务更新等。为了添加处理作用域值变化的功能，可以使用angjularjs中内置的$watch功能为作用域中的变量添加$watch。$scope有个$w...原创 2018-02-26 15:54:29 · 578 阅读 · 0 评论 -
如何去除Chrome浏览器表单文本框Input自动填充黄色背景色样式？
在修改ET系统登录页面时，发现使用谷歌的Chrome浏览器访问登录页面的表单，文本框背景色自动填充为黄色。怎么修改样式，都不起效果，百度了一下，才发现是Chrome浏览器自动填充的原因！上图是Chrome浏览器自动填充为黄色的样式。这是由于Chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式：原创 2017-12-23 14:34:07 · 8548 阅读 · 1 评论 -
10个提高CSS技巧的小知识
也有很多简单的方法可以编写小巧快速的CSS代码，提高开发效率并解决许多常见的问题。1.使用CSS reset像normalize.css这样的CSS重置库非常受欢迎，它为您的站点样式提供了一个清爽的选择，能确保浏览器之间更好的一致性。而实际上并不是每个项目都需要这些库中包含的所有规则，我们可以通过一些简单的css规则就能规避浏览器之间的差异。请看下面的盒模型代码：* {原创 2017-11-11 16:11:19 · 284 阅读 · 0 评论 -
Angularjs中单选按钮用法总结
单选按钮，比较常用，但是，使用时，总会出现一些问题，比如点击时，获得不了对应的值，或者单选按钮在页面加载时，不能默认显示所要选择的项等一系列问题。下面总结一下：Html页面： <input type="radio" name="myTestRadio" ng-model="vm.selection" ng-value="value" ng-check原创 2017-08-22 12:51:37 · 4292 阅读 · 0 评论 -
AngularJS如何实现鼠标移入显示,鼠标移出隐藏的效果
在项目开发中，经常会用到鼠标移入显示,鼠标移出隐藏的效果，在angularjs中，主要使用了ng-mouseenter与 ng-mouseleave 这两个指令来实现鼠标的移入时显示，移出时隐藏的效果。示例如下： AngularJS Plunker document.write(""); Mouse over me. H原创 2017-05-16 13:48:42 · 9784 阅读 · 1 评论 -
HTML <input> 标签的 disabled 属性
实例带有一个禁用输入字段的 HTML 表单： First name: Last name: disabled="disabled" /> 定义和用法disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。原创 2017-04-18 12:40:18 · 1232 阅读 · 0 评论 -
什么是响应式设计
响应式设计：页面的设计与开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。具体的实践方式由多方面决定，包括弹性网格和布局、图片、CSS媒体查询（media query）的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备。换句话说，页面应该有能力自动响应用户的设备环境。响应式网页设计就是一个原创 2017-04-06 17:18:35 · 944 阅读 · 0 评论 -
ng-hide控制Htm的DOM l元素的展示与隐藏
利用ng-hide来控制图片的隐藏和显示；当布尔值hasId 为假时，则展示div中的图片，hasId 为真时，则隐藏div中的图片。初始值$scope.hasId =false; 提到ng-hide，不可避免提到ng-if 和ng-show 这两个指令：ng-if 指令用于在表达式为 false 时移除 HTML 元素。如果 if 语原创 2017-03-27 12:49:30 · 528 阅读 · 0 评论 -
css布局模型
清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。原创 2017-03-22 16:34:31 · 330 阅读 · 0 评论 -
input默认选中内容，单击时清楚内容，失去焦点时恢复原来内容
为input添加鼠标属性，onmouseover="this.select()"当鼠标移入时，会默认选中input中的内容。当在input内单击时，会自动清除里面的内容，当input失去焦点时，又会自动恢复里面的内容：var inputtext= document.getElementById('input' + number); //获取input的idinputtext.value = it原创 2017-02-28 08:49:31 · 5501 阅读 · 0 评论 -
angularjs ui-select如何设置默认选中值
angularjs ui-select如何设置默认选中值，可以采用ng-model来设置，示例如下： ng-model="provinces.selected" theme="bootstrap" on-select="loadCitys($item, $model)"> <ui原创 2017-02-21 13:58:25 · 9619 阅读 · 0 评论 -
三个div元素在同一行靠右排列
首先，定义一个大的div包括这三个div，这个大的div属性设置然后，把左边和中间的div设置为，把最右边的div设置成：经过上面设置，即可把三个div排列在同一行。源代码如下： 创建任务 创建版本任务 创建其他任务原创 2017-02-06 19:44:56 · 21177 阅读 · 2 评论 -
grunt和NPM简介
grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查这个工具对我的某个项目目录里面的项目文件做一些操作，比如压缩、查错、合并等。Grunt 就是一种自动化任务处理工具，它就是一个工具框架，有很多插件扩展它的功能。Grunt 基于 Node.js ，用 JS 开发，这样就可以借助 Node.js 实现跨系统跨平台原创 2017-02-04 09:56:37 · 1957 阅读 · 0 评论