meta | 易学教程

十六、·实现显示所有雇员

阅读更多关于十六、·实现显示所有雇员

1.实现跳转，在mainFrame.jsp中，修改显示所有雇员的链接 <a href="${pageContext.request.contextPath}/employee.do?flag=goAddEmp">添加雇员</a><br/> <a href="${pageContext.request.contextPath}/employee.do?flag=showAllEmp">显示雇员</a><br/> <a href="#">查询雇员</a><br/> <a href="#">退出系统</a><br/> 2.在EmployeeService中增加showAllEmp函数 public ActionForward showAllEmp(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { List emps = employeeService.excuteQuery("from Employee", null); request.getSession().setAttribute("emplist", emps); return mapping.findForward("showAllEmp");

jQuery 初识筛选器属性选择器

阅读更多关于 jQuery 初识筛选器属性选择器

---------------------------大事使我们惊讶，小事使我们沮丧，久而久之，我们对这二者都会习以为常。一 jQuery是什么？［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。［2］ jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! ［3］它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器［4］ jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。［5］ jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。回到顶部二什么是 jQuery 对象？ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() 意思是指：获取ID为test的元素内的html代码

第三篇 jQuery操作DOM

阅读更多关于第三篇 jQuery操作DOM

3-1 DOM页面文档 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DOM 树状文档</title> <style type="text/css"> body{ font-size:13px;} table,div,p,ul{ width:280px; border:solid 1px #666; margin:10px 0px 10px 0px; padding:0px; background-color:#eee;} </style> </head> <body> <table> <tr><td>TD1</td></tr> <tr><td>TD2</td></tr> </table> <div>Div</div> <p>P</p> <div><span>Span</span></div> <ul> <li>Li1</li> <li

从网易与淘宝的font-size思考前端设计稿与工作流

阅读更多关于从网易与淘宝的font-size思考前端设计稿与工作流

以下内容到分割线前是引用前端大牛的文章，方便大家理解博主内容）：从网易与淘宝的font-size思考前端设计稿与工作流 1. 简单问题简单解决我觉得有些 web app并一定很复杂，比如拉勾网，你看看它的页面在iphone4,iphone6,ipad下的样子就知道了：它的页面有一个特点，就是：顶部与底部的bar不管分辨率怎么变，它的高度和位置都不变中间每条招聘信息不管分辨率怎么变，招聘公司的图标等信息都位于条目的左边，薪资都位于右边这种app是一种典型的弹性布局：关键元素高宽和位置都不变，只有容器元素在做伸缩变换。对于这类app，记住一个开发原则就好：文字流式，控件弹性，图片等比缩放。以图描述：这个规则是一套基本的适配规则，对于这种简单app来说已经足够，同时它也是后面要说的rem布局的基础。另外对于拉勾这种app可能需要额外媒介查询对布局进行调整的就是小屏幕设备。举例来说，因为现在很多设计稿是根据iphone6的尺寸来的，而iphon6设备宽的逻辑的像素是375px，而iphone4的逻辑像素是320个像素，所以如果你根据设计稿做出来的东西，在iphone4里面可能显示不下，比如说拉钩网底部那个下载框，你对比看下就知道了，这是4：这是6： via 6下面两边的间距比4多很多，说明拉勾对4肯定是做过适配的，从代码也可以证实这一点：原文来自：http:/

从网易与淘宝的font-size思考前端设计稿与工作流

阅读更多关于从网易与淘宝的font-size思考前端设计稿与工作流

最近翻了一下关于移动端的rem的使用，怎样最方便。在读到流云诸葛的一篇关于《从网易与淘宝的font-size思考前端设计稿与工作流》的文章后，来总结一下。然而根据我以往做移动端web项目的时候，设计稿一般是640或者750的，我一般会在head里面这样写： <meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi"> 做移动端活动的时候结构也一般这样： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="yes" name="apple-mobile-web-app-capable">  <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta content="telephone=no" name="format-detection"> <meta content="email=no" name="format-detection"> <title

Wordpress 所有hoor列表

阅读更多关于 Wordpress 所有hoor列表

d 在插件加载的时候执行 wp_footer 加载页面底部时执行 admin_menu 加载管理员菜单时执行 wp_head 在body标签的开始添加html内容 after_setup_theme 主题加载完后执行 add_filter 增加钩子函数，第一个参数是钩子函数名，第二个是执行的函数名，第三个是优先级（默认10），第四个是执行函数需要的参数格式（默认1） plugin_action_links 返回插件管理页面的可执行按钮的<a>标签时执行，例如：Deactivate plugin_row_meta 返回插件管理页面的描述信息时执行 gettext 返回多语化字符串时执行以下是 WordPress 前台一个普通前台页面的Action执行过程： [codesyntax lang="php" lines="normal"] muplugins_loaded plugins_loaded load_textdomain set_current_user init wp_loaded parse_request send_headers parse_query pre_get_posts posts_selection wp template_redirect get_header wp_head wp_enqueue_scripts wp_print_styles wp

初步学习jquery学习笔记（二）

阅读更多关于初步学习jquery学习笔记（二）

jQuery事件 jquery是为事件处理而设计的什么是事件? 页面对不同访问者的相应叫做事件。事件处理程序指的是html中发生某些事件所调用的方法实例: 在元素上移动鼠标选取单选按钮点击元素触发:产生事件的过程，比如点击按钮常见的dom事件鼠标事件键盘事件表单事件文档/窗口事件 click keypress submit load dblclick keydown change resize mouseenter keyup focus scroll mouseleave blur unload hover jQuery中事件以及语法在jquery中，大多数dom事件都有一个等效的方法页面中指定一个点击事件 $("p").click();//指定一个点击事件 //定义触发后的事件 $("p").click( function(){ //动作触发后执行的代码 } ) 常见jQuery中事件以及方法 $(document).ready() $(doucument).ready()方法允许我们在文档完全加载后执行函数) click() click()方法是当按钮点击事件被触发会调用的一个函数，该函数在用户点击html元素的时候执行 $("p").click(function(){ $(this).hide(); }) dbclick() 当双击元素时候

CSS

阅读更多关于 CSS

1行快元素转化 1display:none;隐藏元素以元素的位置：block； 1把隐藏元素显示，；：inline快元素转为行内元素 2把行内元素转化为快元素；：inline-block；将元素转化为行快元素 <img>为默认的行快元素：table-cell 将元素转化为表单元格 /* 垂直居中的第一种办法 */ /* vertical-align: middle; display: table-cell; */ /* 第二张办法 */ line-height: 100px; /* 行高和高度一样的值就是垂直居中 */ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> *{ margin: 0px; } .box{ width: 100px; height: 100px; border: 1px solid black; margin: 20px; background-color:red;

ant V版本登陆权限

阅读更多关于 ant V版本登陆权限

ant design pro of Vue版本登陆权限这是原始篇也是最好理解并且根据各自接口需求改方法，总结就是登陆的时候把角色权限id传到permission.js做匹配，然后vuex进行拦截匹配对应菜单结结尾附带路由文件代码。 1.第一步配置接口注释main.js里mock.js devServer : { // development server port 8000 port : 8000 , // If you want to turn on the proxy, please remove the mockjs /src/main.jsL11 proxy : { '/api' : { target : '接口地址' , changeOrigin : true , pathRewrite : { '^/api' : '' } } } } , 配置登陆接口api 接着去登陆页导入接口代码已贴出可参考 < template > < div class = "main" > < a - form id = "formLogin" class = "user-layout-login" ref = "formLogin" : form = "form" @submit = "handleSubmit" > < a - tabs : activeKey =

vue学习-day04（路由）

阅读更多关于 vue学习-day04（路由）

目录： 1. 组件传值-父组件向子组件传值和data与props的区别 2. 组件传值-子组件通过事件调用向父组件传值 3. 案例：发表评论。使用ref获取DOM元素和组件引用 4. 路由-前端路由和后端路由的概念 5. 路由-vue-router的基本使用 6. 路由-路由redirect重定向的使用 7. 路由-设置选中路由高亮的两种方式 8. 路由-为路由切换启动动画 9. 路由传参-使用query方式传递参数 10. 路由传参-使用params方式传递路由参数 11. 路由-使用children属性实现路由嵌套 12. 路由-使用命名视图实现经典布局 1. 组件传值-父组件向子组件传值和data与props的区别 <--返回目录　　父组件向子组件传值 <!DOCTYPE html> <html> <head> <title>标题</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">  <script type="text/javascript" src="vue2.js"><

订阅 meta