工作笔记--js-点赞按钮和踩踩按钮互斥？？怎么写？

效果图: html: css: .an{ margin-top:0px; position: relative; .popzframe,.popcframe{ display: none; word-wrap: break-word; position: absolute; left:333px; top:85px; width: 120px; height: 60px; border:1px solid #e9e9e9; background-color: #fff; box-shadow:…

工作笔记——js前端规范

去年年末做了一个项目,因为第一次做前端管理职位,第一次做整个项目的前端架构很多东西都不熟悉,作为一次大胆的尝试. js方面的只有一个坑,那就是前端与后端的网络层封装,这一块是在后端的协助下开发的.网络层封装的过程中学到一点就是参数写成对象的形式是最佳实践,类似的还有消息提示框组件同理. 项目开发过程中遇到一个比较麻烦的问题,由于项目周期比较短,为了促进开发进度,我提议让UI和前端同时进行,其实现在想一下,这是一个错误的决定,因为这导致后期项目修改bug的时候有相当一段时间内都是在修改UI层面的东…

工作笔记——js与文件上传下载

1 js判断上传文件的后缀名,文件大小 //判断照片大小 function getPhotoSize(obj){ photoExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();//获得文件后缀名 if(photoExt!='.jpg'){ alert("请上传后缀名为jpg的照片!"); return false; } var fileSize = 0; var isIE = /msie/i.…

amazeui学习笔记--js插件（UI增强2）--按钮交互Button

amazeui学习笔记--js插件(UI增强2)--按钮交互Button 一.总结 1.按钮loading状态: <button type="button" class="am-btn am-btn-primary btn-loading-example">Submit - Button</button> <input type="button" class="am-btn am-btn-primary b…

[转载]ExtJs4 笔记（5） Ext.Button 按钮

作者:李盼(Lipan)出处:[Lipan] (http://www.cnblogs.com/lipan/)版权声明:本文的版权归作者与博客园共有.转载时须注明本文的详细链接,否则作者将保留追究其法律责任. 从本篇开始讲基础控件,ExtJs对所有的UI控件都有它自己的一套封装.本篇要讲到的是ExtJs的按钮.主要包括按钮事件.带分割线.带图标.带菜单的按钮,下拉选项式按钮和按钮组合等.我们先看看效果图: 预览如下是用到的html: [html] <h1> 三种方式实现事件: </h1&…

CSS3和js炫酷点击按钮3D翻转动画特效

简要教程 flipside是一款使用CSS3和js制作的炫酷点击按钮无缝过渡到确认面板的过渡动画特效.该点击按钮特效在按钮不同方向的边部点击时,产生的过渡动画特效是不一样的. 在线预览源码下载使用方法使用该按钮过渡动画特效需要引入它提供的按钮样式表style.css和用于触发按钮点击事件的js文件script.js. HTML结构该点击按钮过渡动画特效使用一个嵌套div的HTML结构: <div class="btn"> <div class="…

一个很不错的支持Ext JS 4的上传按钮

以前经常使用的swfUpload,自从2010年开始到现在,很久没更新了.而这几年,flash版本已经换了好多个,所以决定抛弃swfupload,使用新找到的上传按钮. 新的上传按钮由harrydeluxe扩展的,下载地址是http://www.sencha.com/forum/showthread.php?205576-File-upload-with-drag-amp-drop-support. 新的上传按钮派生于按钮,因而使用非常方便,它使用了Plupload(http://www.plu…

clips 前端 js 倒计时获取验证码的按钮

<a href="javascript:void(0);" onclick="get_captcha()" class="btn btn-default btn6" id="for_captcha" >获取验证码</a> <script type="text/javascript"> var url="/get-verify-code?phone_number=…

EasyUI笔记（四）菜单和按钮

本系列只列出一些常用的属性.事件或方法,具体完整知识请查看API文档 Menu(菜单) 菜单组件通常用于快捷菜单.他是构建其他菜单组件的必备基础组件.比如:menubutton和splitbutton.它还可以用于导航和执行命令. 1.通过标签创建菜单,给<div/>标签添加一个名为'easyui-menu'的类ID.每个菜单项都通过<div/>标签创建.我们可以添加'iconCls'属性来给菜单项定义一个图标显示到菜单项的左侧.添加'menu-sep'类ID菜单项将会生成一个菜单…

Sencha Touch2 工作笔记

Sencha Touch2 工作笔记 Ext.dataview.List activate( this, newActiveItem, oldActiveItem, eOpts ) Fires whenever item within the Container is activated. 该事件可以解决在Ext.navigation.View容器中点击返回按钮再次显示LIST的时候刷新问题 …

前端学习:学习笔记(JS部分）

前端学习:学习笔记(JS部分) 前端学习:JS学习总结(图解) JS的简介 JS基本语法 JS内置对象 JS的函数 JS的事件 JS的BOM JS的DOM JS的简介新建步骤 <body> 1.新建Dynamic Web Project 2.在WebContent中Folder新建一个JS目录(文件夹) 3.新建HTML文件 </body> JS基本语法内嵌JS代码 <body> <input type="button" value=…

2016年第2周读书笔记与工作笔记 scrollIntoView()与datalist元素

这一周主要是看了html5网页开发实例与javascript 高级程序设计,供以后翻阅查找. html5网页开发实例第1章与第二章的2.1部分: 第1章内容: html5在w3c的发展史. 浏览器的兼容问题. 搭建开发h5的浏览器环境. h5在移动应用开发领域的前景我主要看了[搭建开发h5的浏览器环境], 因为工作中主要的用来调试代码的工具是chrome,而这篇文章也在讲解这款浏览器强大的开发工具,讲解了chrome提供的8大组工具: Elements: 这个工具主要是用于查看chrome…

如何调换antd中Modal对话框确认按钮和取消按钮两个按钮的位置

今天有个工作是把所有的确认按钮放在取消按钮的左边,类似于下图这样的,公司用的时antd组件但是antd组件的按钮时确认键放在右边的可以采用下面的方式,将按钮调换过来: 对的,就是在modal里面的footer属性里修改…

《工作笔记：移动web页面前端开发总结》

工作笔记:移动web页面前端开发总结移动web在当今的发展速度是一日千里,作为移动领域的门外汉,在这段时间的接触后,发现前端开发这一块做一个小小的总结. 1.四大浏览器内核 1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额,所以以前有很多网页是根据这个Trident的标准来编写的,但是实际上这个内核对真正的网页标准支持不是很好,同时存在许多安全Bug. 2.Gecko:( FireFox )优点就是功能强大.丰富,可以支持很多复杂网页效果和浏览器扩展接口,缺点是消耗很多的…

Chapter 4. Button, Checkbutton, and Radiobutton Widgets 按钮,复选按钮,单选按钮

Chapter 4. Button, Checkbutton, and Radiobutton Widgets 按钮,复选按钮,单选按钮几乎所有的Perl/Tk 应用使用按钮以这样或者那样的方式.有3种不同的按钮类型部件在标准的TK里 Button,Checkbutton 和Radiobutton. 这章节覆盖了3种类型的按钮 : 每个按钮在这章看起来都不同,主要是选择指标的使用按钮部件根本不使用指标, 但是Checkbutton 和Radiobutton 部件使用它们来表明按钮…

javascript - 工作笔记（事件四）

在javascript - 工作笔记 (事件绑定二)篇中,我将事件的方法做了简单的包装, JavaScript Code 12345 yx.bind(item, "click", function (e) { //console.log("Div Click 1 !"); alert("Div Click 1 !"); e.stopPropagation(); }); 但是这样用起来…

工作笔记3.手把手教你搭建SSH(struts2+hibernate+spring)环境

上文中我们介绍<工作笔记2.软件开发经常使用工具> 从今天開始本文将教大家怎样进行开发?本文以搭建SSH(struts2+hibernate+spring)框架为例,共分为3步: 1)3个独立配置:struts2. Hibernate. Spring 2)2个整合:整合Sring和struts2. 整合Spring和Hibernate 3)资源分类开发包.软件.框架源代码,已经共享到百度网盘:http://pan.baidu.com/s/1o6FkbA6 一.3个独立配置 1.Struts2…

工作笔记——使用Jest时遇到的一些问题

最近公司想要从mocha+karma的前端单元测试方式转换到Jest,然后任务就分配给我了,好吧,在这之前连单元测试是什么都不知道.硬生生的开始写单元测试了,写这篇文章的初衷是因为在配置Jest的过程中有好多问题,百度几乎搜索不到,无奈本人英文太差,却又不得不去看英文文档.然后,想要写篇文章,记录下其中遇到的一些问题以及解决问题的方法,当然,现在还有不少问题没有解决,等到解决了之后再来更新...orz. 一,QUICK START时遇到的问题首先,通过我们特别熟悉的命令,哦对,前提是你要安装了…

C# 动态生成的按钮及定义按钮的事件的代码

内容闲暇时间,把内容过程中比较常用的内容备份一下,如下的内容内容是关于C# 动态生成的按钮及定义按钮的事件的内容,应该对码农们也有用途. HtmlGenericControl control = new HtmlGenericControl("input");control.Attributes.Add("type", "button");control.Attributes.Add("onclick",Page.Client…

iOS 11开发教程（二十一）iOS11应用视图美化按钮之实现按钮的响应(1)

iOS 11开发教程(二十一)iOS11应用视图美化按钮之实现按钮的响应(1) 按钮主要是实现用户交互的,即实现响应.按钮实现响应的方式可以根据添加按钮的不同分为两种:一种是编辑界面添加按钮实现的响应:另一种是使用代码添加按钮实现的响应. 1.编辑界面添加按钮实现的响应使用编辑界面添加按钮可以使用拖动的方式来实现按钮的响应,它也是最简单的一种实现响应的方式. [示例2-4]以下将实现轻拍按钮,改变主视图背景颜色的功能.具体的操作步骤如下: (1)创建一个Single View App模板类型的…

iOS 11开发教程（二十）iOS11应用视图美化按钮之设置按钮的状态

iOS 11开发教程(二十)iOS11应用视图美化按钮之设置按钮的状态在示例2-2中,设置按钮的标题和颜色时,需要对按钮的状态进行设置,表示按钮在某一状态下的标题和标题颜色是什么样子.例如,UIControlState.normal就表示按钮的一种状态.对于像按钮的这类视图,即可以接受用户输入的视图也被称为控件.这些控件都有自己的状态.表2-2就为开发者详细介绍了控件的状态. 表2-2 控件的状态 …

iOS 11开发教程（十九）iOS11应用视图美化按钮之设置按钮的外观

iOS 11开发教程(十九)iOS11应用视图美化按钮之设置按钮的外观美化按钮说白了就是对按钮的属性进行设置,设置按钮的属性有两种方法:一种是使用编辑界面中的属性检查器:另一种是使用代码进行设置.以下将主要讲解如何使用代码对按钮进行设置. 1.设置按钮的外观设置按钮的外观其实就是对按钮的标题.图像等进行的设置.表2-1列出了常用的一些设置按钮外观的属性. 表2-1 常用属性 [示例2-2]下面将在主视图中添加一个按钮.此按钮的标题为I am button,标题的颜色为黑色.代码如下: im…

工作笔记5.JAVA图片验证码

本文主要内容为:利用JAVA图片制作验证码. 设计思路: 1.拷贝AuthImageServlet.class图片验证码 2.配置web.xml 3.JSP中,调用封装好的AuthImageServlet,实现载入验证码的功能. 4.取出存放在Session中的验证码.在Action中推断验证码的正确性相比較上一篇博客<工作笔记5.JAVA文本框验证码>而言,图片验证码添加了安全性. 在Action中,通过取出Session中的验证码与输入的验证码是否匹配进行推断. 步骤: 1.拷贝Auth…

amazeui学习笔记--js插件（UI增强）--警告框Alert

amazeui学习笔记--js插件(UI增强)--警告框Alert 一.总结 1.警告框基本样式:用am-alert声明div容器, <div class="am-alert"> 没什么可给你,但求凭这阙歌.谢谢你风雨里,都不退愿陪着我. </div> 2.警告框关闭按钮:data-am-alert应该是js事件,因为点击后面的关闭按钮真的可以关闭掉 <div class="am-alert" data-am-alert> <…

amazeui学习笔记--js插件（UI增强4）--下拉组件Dropdown

amazeui学习笔记--js插件(UI增强4)--下拉组件Dropdown 一.总结 1.am-dropdown(及其孩子):控制下拉列表的样式 2.data-am-dropdown(及其孩子):控制下拉列表的事件,这部分事件当然可以用jquery来代替 3.下拉列表样例: <div class="am-dropdown" data-am-dropdown> <button class="am-btn am-btn-primary am-dropdown-…

amazeui学习笔记--js插件（UI增强3）--折叠面板Collapse

amazeui学习笔记--js插件(UI增强3)--折叠面板Collapse 一.总结注意点: 1.data-am-collapse:这个东西就是展开折叠事件 2.am-collapse(包括其下属):这个控制折叠样式 1.折叠面板:结合 Panel 组件实现手风琴效果.需结合以下辅助 class 使用: 要隐藏的内容添加 .am-collapse: 默认显示的内容添加 .am-collapse.am-in: 添加以上 class 以后,通过 Data API 来调用: <h4 data-am…

读书笔记——《MySQL DBA 工作笔记》

关于前言作者在前言中提出的一些观点很具有参考价值, 梳理完整的知识体系这是每一个技术流都应该追逐的,完整的知识体系能够使我们对知识的掌握更加全面,而不仅仅局限于点建立技术连接的思维,面对需求,永远没有最好的数据库,只有最合适的业务场景之前在读一本架构的书里也提到了类似的观点,技术的根本目的是为了业务服务的,不要为了技术而技术,而是应该跟着业务需求走第一章 MySQL发展和技术选型 MySQL历史 1996年,MySQL 1.0发布,之后MySQL被Sun收购,Sun被Oracle收购,…

提问（prompt 消息对话框）用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）

提问(prompt 消息对话框) prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息.弹出消息对话框(包含一个确定按钮.取消按钮与一个文本输入框). 语法: prompt(str1, str2); 参数说明: str1: 要显示在消息对话框中的文本,不可修改 str2:文本框中的内容,可以修改返回值: 1. 点击确定按钮,文本框中的内容将作为函数返回值 2. 点击取消按钮,将返回null 看看下面代码: var myname=prompt("请输入你的姓名:"); if…

读书笔记 - js高级程序设计 - 第十五章使用Canvas绘图

读书笔记 - js高级程序设计 - 第十三章事件 canvas 具备绘图能力的2D上下文及文本API 很多浏览器对WebGL的3D上下文支持还不够好有时候即使浏览器支持,操作系统如果缺缺乏必要的绘图驱动程序,则浏览器即使支持了也没用 <canvas> var drawing = document.getElementById("drawing"); if( drawing.getContext ){ drawing.getContext("…

wxpython(2)--按钮，位图按钮，滑动块，微调控制器

本文介绍按钮,位图按钮,滑动块,微调控制器**.. 按钮基本按钮创建一个按钮,绑定点击事件,点击后修改Label 123456789101112131415161718 import wx class ButtonFrame(wx.Frame): def __init__(self): wx.Frame.__init__(self, None, -1, 'Button Example', size=(200,100)) panel = wx.Panel(self, -1) self.butt…

【工作笔记--js-点赞按钮和踩踩按钮互斥？？怎么写？】的更多相关文章