
前端
简易前端知识学习
普通人zzz~
除了成功,别无选择
展开
-
Java模版引擎之Freemarker
Freemarker1. 插值2. 逻辑指定:if、switch2.1 if2.2 switch3. 集合遍历3.1 list遍历3.2 map遍历4. string基本操作指令5. 自定义函数(继承TemplateMethodModelEx接口)5.1 创建自定义函数类5.2 将自定义函数对象传到模版中5.3 在模版中使用6. List的指令6.1 排序6.2 反转6.3 长度7. Freema...原创 2020-03-28 16:51:12 · 962 阅读 · 0 评论 -
vue 简易学习
vue1. 插值2. 指令3. 计算属性4. 侦听器5. class与style绑定6. 条件渲染7. 列表渲染8. 事件处理9. 表单输入绑定10. 组件基础10.1 传参最近公司新出一个框架,采用的是前后端分离的开发方式,后端用的是springboot+mybatis(还有额外的zk、缓存、日志等待),前端采用的是vue+es6,由于以前对vue只知其名,不知其意,今天主动去学习了一下vue...原创 2020-03-28 10:07:57 · 363 阅读 · 0 评论 -
jQuery(一)、核心
核心1. jQuery([selector[, context]])2. jQuery(html[, ownerDocument])3. jQuery(callback)4. each(callback)5. size()6. length7. selector8. context9. get([index])10. index([selector | element])11. data([key...原创 2020-03-27 14:50:24 · 161 阅读 · 0 评论 -
jQuery(二)、选择器
选择器1、#id2、element3、 .class4、*5、selector1,selector2,selectorN6、ancestor descendant7、parent > child8、prev + next9、prev ~ siblings10、prev:first11、prev:last12、prev:not(selector1,selector2,selectorN)13、...原创 2020-03-27 15:13:01 · 275 阅读 · 0 评论 -
jQuery(三)、属性、CSS
属性、CSS一 、属性1 attr(name | properties | [key, value | fn])2 removeAttr(name)3 prop(name | properties | [key, value | fn])4 removeProp(name)5 addClass(class | fn)6 removeClass([class | fn])7 toggleClass(...原创 2020-03-27 15:19:11 · 165 阅读 · 0 评论 -
jQuery(四)、文档处理
文档处理1 内部插入1.1 append(content | fn)1.2 appendTo(content)1.3 prepend(content | fn)1.4 prependTo(content)2 外部插入2.1 after(content | fn)2.2 before(content | fn)2.3 insertAfter(content)2.4 insertBefore(cont...原创 2020-03-27 15:27:19 · 182 阅读 · 0 评论 -
jQuery(五)、筛选
筛选1 过滤1、eq(index | -index)2、first()3、last()4、hasClass(class)5、filter(expr | obj | ele | fn)6、is(expr)7、map(callback)8、has(expr | ele)9、not(expr | ele | fn)10、slice(start[, end])2 查找1、children([expr])2...原创 2020-03-27 15:36:21 · 180 阅读 · 0 评论 -
jQuery(六)、事件
事件1 页面载入1、ready(fn)2 事件处理1、on(events, [selector], [data], fn)2、off(events, [selector])3、bind(type, [data], fn)4、one(type, [data], fn)5、trigger(type, [data])6、triggerHandler(type, [data])7、unbind(type,...原创 2020-03-27 15:59:57 · 170 阅读 · 0 评论 -
jQuery(七)、效果和动画
效果和动画1 显示和隐藏1、show([speed,[easing],[fn]])2、hide([speed,[easing],[fn]])2 滑动1、slideDown([speed,[easing],[fn]])2、slideUp([speed,[easing],[fn]])3、slideToggle([speed,[easing],[fn]])3 淡入淡出1、fadeIn([speed,[e...原创 2020-03-27 16:16:57 · 187 阅读 · 0 评论 -
jQuery(八)、ajax
ajax1、jQuery.ajax(url[, settings])2、load(url[, data][, callback])3、jQuery.get(url[, data][, callback][, type])4、jQuery.getJSON(url[, data][, callback])5、jQuery.getScript(url[, callback])6、jQuery.post(...原创 2020-03-27 16:27:26 · 283 阅读 · 0 评论 -
jQuery(九)、ajax对象操作
ajax对象操作1 数组和对象操作1、jQuery.extend([deep,] target, object1, [objectN])2、jQuery.grep(array, callback, [invert])3、jQuery.map(arr, callback)4、jQuery.inArray(value, array, [fromIndex])5、jQuery.merge(first, ...原创 2020-03-27 16:57:33 · 233 阅读 · 0 评论 -
css动画(transition/transform/animation)
css动画 transition/transform/animation1. transition(过渡)2. transform3. animation在开发中,一个好的用户操作界面,总会夹杂着一些动画。css用对少的代码,来给用户最佳的体验感,下面我总结了一些css动画属性的使用方法及用例代码供大家参考,在不对的地方,希望大佬直接拍砖评论。1. transition(过渡)使用语法:t...原创 2020-03-28 10:40:09 · 259 阅读 · 0 评论 -
js 点击文本框,预览选择图片
点击文件选择框,选择图片文件,通过FileReader对象,读取图片文件中的内容,存放于result中,具体代码如下<input type="file" onchange="fileReader(this)" /><div id="d"> <img id="img" src="" /></div><script type="text...原创 2020-03-25 16:23:19 · 315 阅读 · 0 评论