Web前端
文章平均质量分 93
元学习
某500强外企打杂
展开
-
React学习笔记(四) | 原理与路由基础
React 原理揭秘和路由基础原创 2022-04-01 22:00:14 · 301 阅读 · 0 评论 -
React学习笔记(三) | 生命周期、render props模式、高阶组件
组件生命周期(★★★)目标说出组件生命周期对应的钩子函数钩子函数调用的时机概述意义:组件的生命周期有助于理解组件的运行方式,完成更复杂的组件功能、分析组件错误原因等组件的生命周期: 组件从被创建到挂载到页面中运行,再到组件不在时卸载的过程生命周期的每个阶段总是伴随着一些方法调用,这些方法就是生命周期的钩子函数构造函数的作用:为开发人员在不同阶段操作组件提供了实际生命周期阶段创建时(挂载阶段)执行时机:组件创建时(页面加载时)执行顺序更新时执行时机:setState(原创 2022-04-01 20:31:23 · 231 阅读 · 0 评论 -
React学习笔记(二) | 受控组件
React组件目标能够知道受控组件是什么能够写出受控组件了解非受控组件表单处理受控组件(★★★)HTML中的表单元素是可输入的,也就是有自己的可变状态而React中可变状态通常保存在state中,并且只能通过setState() 方法来修改React讲state与表单元素值value绑定在一起,有state的值来控制表单元素的值受控组件:值受到react控制的表单元素使用步骤在state中添加一个状态,作为表单元素的value值给表单元素绑定change事件,将表单元素原创 2022-04-01 19:59:58 · 357 阅读 · 0 评论 -
React一天入门笔记(一) | 基础知识点
React快速入门原创 2022-04-01 08:07:18 · 350 阅读 · 0 评论 -
CSS-- 实用CSS样式
自用实用CSS样式1.清除DIV浮动clear: both;原效果:对下面移位的标签加入该CSS后效果如下:element.style {clear: both;}原创 2016-07-29 11:57:11 · 683 阅读 · 0 评论 -
CSS学习笔记--Div+Css布局实战(入门)
基本页面布局本教程带着大家做一个简单的页面布局最重效果如下:1.第一部,先创建上下左右4个DIV 顶部 左边 右边 底部 页面效果如下:2.设置body的margin属性我们从下图可以看到,页面Body离浏览器边缘有8px的原创 2016-08-04 00:10:05 · 969 阅读 · 1 评论 -
Dwz/Jquery--使用Ajax提交表单时调用表单设置的校验
案例今天有一个需求就是点击按钮时,使用ajax方式提交表单,而且不是直接用form表单下的submit按钮提交,表单中用的校验是dwz 自带的校验方式,表单模板如下: 办公电话:原创 2016-07-20 21:36:58 · 1030 阅读 · 0 评论 -
CSS学习 | 思维导图
CSS样式转载 2016-08-04 00:37:15 · 2969 阅读 · 0 评论 -
CSS学习笔记--Div+Css布局(div+span以及盒模型)
1.DIV与SPAN1.1介绍1.DIV和SPAN在整个HTML标记中,没有任何意义,他们的存在就是为了应用CSS样式2.DIV和span的区别在与,span是内联元素,div是块级元素1.2实例 .div1 { background-color: green; } .div2 { b原创 2016-07-31 01:09:09 · 2736 阅读 · 0 评论 -
JS命名规范
常用规范• s:表示字符串。例如:sName,sHtml;n:表示数字。例如:nPage,nTotal;b:表示逻辑。例如:bChecked,bHasLogin;a:表示数组。例如:aList,aGroup;r:表示正则表达式。例如:rDomain,rEmail;f:表示函数。例如:fGetHtml,fInit;o:表示以上未涉及到的其他对象转载 2016-06-23 15:28:51 · 4219 阅读 · 2 评论 -
artTemplate--模板使用自定义函数(1)
案例因为公司业务需要频繁调用接口,后端返回的都是json树对象,需要有些特殊的方法做大量判断和数据处理,显然目前简单语法已经不能满足业务需要了,需要自己定制一些方法来处理业务逻辑。例如后台返回的的json对象结构如下://数据var data = { time: 1408536771253, queryRecord:{ que原创 2016-07-10 00:01:09 · 13018 阅读 · 0 评论 -
CSS快速入门例子
CSS入门应用01-结合方式01Insert title here<!-- 结合方式01: 在标签上加入style属性. 属性的值就是css代码. -->我的入门CSS02-结合方式02Insert title here p { color:blue; }<!-- 结合方式02: 在页面的head标签中, 书写原创 2016-04-22 08:48:06 · 595 阅读 · 0 评论 -
artTemplate--使用artTemplate时,由于json对象属性有数字命名格式 导致调用报错 syntax error
案例今天在使用artTemplate做开发时,遇到一个比较奇葩的问题,就是使用json对象去获取值得时候,报如下错误:后台返回的json字符串格式如下: "queryLoan": { "crediteaseId": 1, "data": "{"overdue":{"180overdueTimes":0,"overdueTimes"原创 2016-07-08 11:39:48 · 57429 阅读 · 0 评论 -
JQuery--JQuery面向对象编程快速入门-插件开发
JQuery源码片段分析(function(window){ /** * jQuery是一个函数 是一个对象 是一个构造器函数 */ var jQuery = function( selector, context ) { return new j原创 2016-05-08 22:37:43 · 3718 阅读 · 0 评论 -
JQuery--使用JQuery 的$.ajax 方法进行异步请求,导致页面闪烁
情景目前有个需求是在文本框填入内容,自动触发keyup事件,下拉列表会自动过滤相应的选项,但是使用了$,ajax后发现,每次触发事件时,都导致整个网页闪烁,触发了全局ajax事件代码片段$.ajax({ type: "POST", url: root + "/xxx, data: requestData, dataType: "j原创 2016-05-09 15:07:42 · 3355 阅读 · 1 评论 -
DWZ框架-- Dialog点击保存后不能自动关闭
案例今天在用DWZ框架做添加功能时,发现在对话框保存成功后,后端返回正确的json格式,但对话框不能自动关闭窗口,而且保存后自动跳回主页,没有停留在当前用户列表页面,具体错误过程重现如下:1.打开用户列表2.点击添加按钮3.在打开的添加对话窗口填入信息后,点击保存4.添加成功后,对话框并没有自动关闭,而且用户列表也不见了5.重新打开用原创 2016-07-17 18:29:45 · 5514 阅读 · 0 评论 -
DWZ框架--页面样式丢失
案例今天我导入DWZ框架demo时,发现主页面样式丢失,出现了如下图那鬼样:正常情况应该是有表格显示,并且用chrome开发者模式调试,可以看到有对应的样式,如下图所示:先简单介绍下dwz框架的页面布局,dwz框架页面主要分为header、leftside、container和footer四部分,如下所示:解决方案经过一番排查,发现是重复原创 2016-07-17 03:03:10 · 2713 阅读 · 0 评论 -
JQuery--50个必备的实用jQuery代码段.
原文出处:http://my.oschina.net/chengjiansunboy/blog/55496?p=2#comments1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):$.ajaxSetup({ ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartset=GB2转载 2016-06-10 18:17:35 · 1210 阅读 · 0 评论 -
artTemplate--模板使用自定义函数(2)
我的常用自定义函数 helper-demo 辅助方法 {{if hasEmptyProperties(testData)}} 查询成功,无该用户 {{else}} 查询该成功:xxx {{/if}} {{if isBlank(testData.queryHistory,'o原创 2016-07-11 08:51:57 · 4104 阅读 · 0 评论 -
HTML:一张思维导图搞懂HTML
HTML常用标签及其用法转载 2016-04-11 00:48:23 · 7297 阅读 · 0 评论