在最早之前，我做过纯静态的项目引入vue当作模板引擎，就是那种没有任何打包压缩的项目，就是单纯的引入css、js、html的项目。现在应该是很少有这样的项目了，很少不代表没有，起码我现在在撸jq的项目（现在jq贼溜）。
前言 在接触React之前,我们也许习惯了DOM编程,那它相比于原生JS,JQ编程方式,究竟有什么区别？React的工作方式是什么样子的?所谓的虚拟DOM又指的是什么?以及React的工作方式的优点有
撰文 | 川川 在接触React之前,我们也许习惯了DOM编程,那它相比于原生JS,JQ编程方式,究竟有什么区别？React的工作方式是什么样子的?所谓的虚拟DOM又指的是什么?以及React的工
继昨天讲完了jq插件的二种编写方法和区别之后，今天的web前端零基础课中，又回过头来继续把电商网站中的checkBox复选框，进行了进一步的封装与自定义。 //////// 电商网站的购物车的商品选项
toggle([speed],[easing],[fn]) ：切换，显示则隐藏，隐藏则显示
我们在本地项目中，安装的模块都在node_modules文件目录下，所以这个文件会很大！！我们在团队协作开发的时候，不论是传到git上，还是直接发送给队友，都不会把node_modules进行传输...但是会传package.json!!
最近接手了一个前后端没分离的项目，java作为后端，使用jsp当做模板来书写前端代码，并且用jq做各种操作，各种离奇写法和jq的辣眼睛操作以及臃肿的写法，这波给我看的属实头疼，但作为一个合格的前端开发者遇到困难就去克服他吧。
在jquery框架的使用中，难免会遇到按钮或文本框等各种各样的要求要进行相应事件的绑定操作，进行事件的绑定能够增加页面的交互效果，相信在html和js中进行事件的绑定大家都不陌生，那么今天我就来和小伙伴们分享一下利用jquery如何进行事件的绑定！
上周我们聊了一下jQuery的基础部分，这周我们把jQuery的高级部分学习一下吧！同时也预祝各位小伙伴新年快乐!
使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。
前言 在我动笔写这篇文章的时候，我刚刚从我的项目中删除了最后一行JQuery代码。至于我为何要这么做，请听闰土娓娓道来。前几年我还在想，假如有一天，前端世界里不能再直接操作dom了，我该怎么办？没想到竟一语成谶，这一天终究还是来了...... 此文记录了一次JQ党转变成Vue信徒的心路历程。 那么接下来，正文从这开始~ 熟悉闰土的朋友都知道，我是从JQ时代过来的前端，在刚接触react和vue这类MVVM框架的时候，完全可以用一脸懵逼来形容我，最为贴切。在啃官方API文档的时候，总是按照以前jquery的
hide([speed,[easing],[fn]]) toggle([speed],[easing],[fn])
PESMCS Ticket(下称PT)是一款基于GPLv2协议发布的开源客服工单系统。PT以全新的设计理念，实现一句JS即可嵌入任意页面中，让工单系统变得更加轻便。
在我使用jquery扩展，拖拽组件的时候，因为使用的布局模板有些冲突，导致无法使用扩展，所以才会解决之后写下这篇文章。
JQuery 高级 1. 动画 1. 三种方式显示和隐藏元素 1. 默认显示和隐藏方式 1. show([speed,[easing],[fn]]) 1. 参数： 1. speed：动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如：1000) 2. easing：用来指定切换效果，默认是"swi
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
一、JQurey 1. 概述 * 是 javaScript 的框架 2. js与jq的互转 * js ---> jq $(js) * jq ---> js jq[索引]、jq.get(索引) # jq 可以看成是 js 的数组对象 3. jq选择器 ① 基本选择器 * $("#id") id选择器 * $(".class") 类选择器 * $("body") 元素选择器 ② 层级选择器 * $("A
有人说，你有什么资格发表这种高谈阔论，实际上是这样的，我在看 lol 比赛直播的时候，有个很有名的主播说过，打到 2400 以上的都去做职业玩家了， 1800-的还在挣扎，只有 2000 徘徊的才出来做主播，的却是这样，如果你是一个能力很强的程序员，你可以驾驭任何新技术、框架，那么你的牛逼可能掩盖一些真正的问题，但是有些人偏偏把问题说成 feature 。
#3 Image Preview 图像预览 #4 TODO Highlight 这个插件能够在你的代码中标记出所有的 TODO 注释，以便更容易追踪任何未完成的业务。在默认的情况下，它会查找 TODO 和 FIXME 关键字。当然，你也可以添加自定义表达式。 #5 Project Manager 多项目切换工具
jQuery的杰出的DOM操作能力相信已经深入每一个前端Coder，在使用Vue之前我并不能习惯数据驱动的概念，仍然幻想着把jQuery引入到Vue中，直到深入使用Vue以后才发现，原来许多jQ操作DOM的方法都不需要，数据驱动比手工操作DOM方便快捷许多。尽管如此，Vue仍然给了我们原生DOM控制的能力。 环境是由Vue-Cli搭建的webpack模板，省略CSS部分 HTML部分 <div clas09html --- bootstrap 框架 （栅格系统布局）<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no,minimal-ui"/> <title>标题</title> <link rel="stylesheet" h02jQuery用于请求服务器的函数jQuery为我们包装简化了常用的请求方法，其中有一个post方法，此方法可以通过 HTTP POST 请求从服务器载入数据。 语法：01Vue开始使用NUXT框架开发Nuxt.js 为 客户端/服务端 这种典型的应用架构模式提供了许多有用的特性，例如服务端渲染、SEO、中间件支持、布局支持等。02前端大牛or架构师应该具备这些相信很多招聘要求上都会写明需要3-5年经验才可以达到架构师要求，并且针对其中一些必要的技术储备大家已经能够耳熟能详，那究竟为什么需要这么久时间，以及具体每项技能需要掌握到什么程度才可以担当这个角色呢？06数据工厂平台10： 首页底部最近几节我们要结束掉首页，虽然首页是我们的草稿，承担了我们学习的第一步，但是确实已经占用了过多篇幅。04react基础（react设计模式与最佳实践读书笔记001）react如此强大的原因在于其声明式编程的使用。那么如何更加具体的阐释两者的区别呢？02jq初始,选择器,事件,内容操作,样式操作jq操作页面文档http://jquery.cuishifeng.cn/ jq初始 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jq初始</title> </head> <body> jQuery就是js的工具库 - 一系列功能的集合体 jq内部语法采用的就是原生js jq环境如何搭建 - 在需要使用jq的html中引入jquery.js即可</h202JS-JavaScript类库整理 [更新中...]http://www.bootcss.com/p/chart.js/docs/02Web前端基础（06）###JavaScript中对象分类 内置对象: number/string/boolean等 浏览器相关对象BOM: Browser Object Model浏览器对象模型 页面相关对象DOM: Document Object Model文档对象模型 ###BOM浏览器相关内容 window: 该对象的属性和方法称为全局属性和全局方法,访问时可以省略掉window. window中常见的方法: window.isNaN() 判断变量是否是NaN window.alert() 弹出提示框 window.c02超媒体API 示例用法： curl https://api.github.com | jq '.current_user_url' curl -s https://api.github.com/users/xrd/repos | jq '.[0].owner.id'04jQuery 基本语法jQuery，一个 JavaScript 库，极大地简化了 JavaScript 编程，很容易学习。它是一款同prototype、Note.js等一样优秀的js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优秀的js效果，jQuery可以帮你达到目的！04jQuery实现元素的鼠标移入移出及点击显示隐藏（微信二维码）怎么来实现它呢？我们首先写一个简单的页面，实现鼠标移入移除或者点击显示隐藏效果。00jQuery初识(20171025)1.jQuery 1.jQuery <script> //alert($); //alert(jQuery); //所有函数都有一个原型对象（prototype） //查看jquery版本 //alert(jQuery.fn.jquery); //alert( jQuery.prototype ); //alert(jQuery.fn ===jQuery.prototype) </script> 2.入口函数的比较 <script>04常用的前端JQ插件富文本编辑器 wangEditor http://www.wangeditor.com/ 百度UEditor https://ueditor.baidu.com/website/ KindEditor http://kindeditor.net/demo.php MediumEditor http://yabwe.github.io/medium-editor/ Simditor https://simditor.tower.im/ Summernote https://summernote.org/ Q03先行者计划群视频 每周一课 -- 什么是前端组件？（文字简版）image.png 在今天同学们发我的作业中，我给一个同学回复说，你这不是组件化，只是一个效果的实现。他问我，那还要什么呢？我不是特别理解。 今天咱们先聊一下，什么是组件。这个东西其实没有一个正式的定义，说什么什么样就是组件，别的样的不是组件。没有的，没有这样的一个说法，一般来讲，我个人认为有以下这几种情况， 1，着重于具体业务的封装，不强调复用性。就是比如一个大方法，大函数吧，一个动画，一个购物车，一个页面路由，这都是针对具体业务的，拿到其它网站就没法用了。这些对于业务的组件化封装，目的为了可维护性。 2010在没有DOM操作的日子里，我是怎么熬过来的（中）前言 继上篇推送之后，在掘金、segmentfault、简书、博客园等平台上迅速收到了不俗的反馈，大部分网友都留言说感同身受，还有不少网友追问中篇何时更新。于是，闰土顺应呼声，在这个凛冽的寒冬早晨，将中篇热文滚烫呈上。 搬好小板凳，接下来，正文从这开始～ 在上篇的众多留言中，有位网友的评论比较具有代表性，摘出来供大家一阅： “ 同感啊楼主 比如做tab的时候，以前jq就是切换一下class，现在vue是切换数据，再根据数据显示class，这弯绕的啊 ” 当然，有评论就有回复，请看下面这位网友是怎么回复他的：011React学习(二)-深入浅出JSX在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起03SpringMVC+jquery.pagination分页显示最近在做ES全文搜索，需要做个类似于百度搜索下面分页的组件。 找了很多，最后发现jquery.pagination实现分页很方便。01前端工程师必备的17个实用网站iView admin是基于Vue.js，搭配使用iView UI组件库形成的一套后台集成解决方案 更多详情 https://github.com/poetries/mywiki03javaWeb核心技术第五篇之jQuery- 概述 - jQuery是一个优秀的javascript框架(js类库)，兼容css3和各大浏览器，提供dom，events，animate，ajax等简易的操作。并且jQuery有非常丰富的插件，大多数功能都有相应的插件解决方案。jQuery的宗旨是write less, do more. (写的更少,做的更多) - jQuery入门 - jQuery和html整合 - 下载 - 下载地址:www.jquery.com - 使用script的src属性即可01jQuery格式化显示json数据在gitlab上面，有一个jQuery JSONView插件，地址为：https://github.com/yesmeck/jquery-jsonview03React基础(2)-深入浅出JSX在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起00jQuery对象与DOM对象的区别（重点）jQuery里面放了Dom对象，把jQuery比作一个伪数组，就是没有数组的方法，但是有自己的方法（jQuery的方法）02七个帮助你处理Web页面层布局的jQuery插件1.UI.Layout jQuery UI布局插件 官方网站：http://layout.jquery-dev.com/index.cfm 使用大小可折叠的嵌套面板和大量选项创建高级UI布局。布局02周末浅谈-WEB前端组件image.png 随着前端业务复杂化的不断加深，前端交互流程也愈加复杂，所以angularJs，vueJs，avalonJs等许多前端框架都出现了，它们不像JQ那样，只是提供一种工具的集合，它们更多的是一种前端业务的解决方案。你们它们从方法，到配置，到工具，都自成一套。虽然根子上都是操作DOM，操作DATA，但思路都各不相同。唯一的相同之处就是都把对DOM和DATA的操作进行了重重封装，有时用它们写JS，感觉就像在写config配置。这方面做到极致的，目前看来就是ExtJs了。 抛开这此框架不谈，单说组05jq和zepto目录 类库和框架的区别 写法 jq操作样式 属性 事件 class dom操作 效果 类库和框架的区别 jq jq是一个功能丰富，轻量级的类库 zepto.js zepto.js 是更轻量级的类库，比jq的打开速度快的多，同样兼容jq的代码 apicloud apicloud是一个框架 类库 提供了很多api，相当于一个仓库，里面有各种各样的工具，你需要用到什么就去找这些工具。 框架 相当于买了一个新房子，现在是一个空壳，需要去装修 写法 $(selector).actio01常用前端资源收集经常看到很多好的前端框架，今天起凡是遇到就整理到这里，此文会不断更新。 1，avalon 组件--作者司徒正美，国产MVVM JS组件 https://segmentfault.com/u/situzhengmei/articles 文章列表 2，Vue.js-- Mobile web UI Components based on Vue and WeUI. Be Cool with Vue & WeUI. https://github.com/airyland/vux 3,微信平台开源SDK包 Senpa09jQuery开发补充笔记[TOC] 0x00 前言简介 什么JQuery? jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架03如何在 vuePress中添加博客导流公众号-即输入验证码解锁全站文章如今,打开一些网站,发现阅读文章前,先要关注公众号,获取验证码,才能解锁文章,这波操作虽然有点“流氓”,但是白嫖的适当付出一点也没有什么,毕竟写文章输出是真的费时间,尊重作者的劳动成果.01
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no,minimal-ui"/> <title>标题</title> <link rel="stylesheet" h
jQuery为我们包装简化了常用的请求方法，其中有一个post方法，此方法可以通过 HTTP POST 请求从服务器载入数据。 语法：
Nuxt.js 为 客户端/服务端 这种典型的应用架构模式提供了许多有用的特性，例如服务端渲染、SEO、中间件支持、布局支持等。
相信很多招聘要求上都会写明需要3-5年经验才可以达到架构师要求，并且针对其中一些必要的技术储备大家已经能够耳熟能详，那究竟为什么需要这么久时间，以及具体每项技能需要掌握到什么程度才可以担当这个角色呢？
最近几节我们要结束掉首页，虽然首页是我们的草稿，承担了我们学习的第一步，但是确实已经占用了过多篇幅。
react如此强大的原因在于其声明式编程的使用。那么如何更加具体的阐释两者的区别呢？
jq操作页面文档http://jquery.cuishifeng.cn/ jq初始 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jq初始</title> </head> <body> jQuery就是js的工具库 - 一系列功能的集合体 jq内部语法采用的就是原生js jq环境如何搭建 - 在需要使用jq的html中引入jquery.js即可</h2
http://www.bootcss.com/p/chart.js/docs/
###JavaScript中对象分类 内置对象: number/string/boolean等 浏览器相关对象BOM: Browser Object Model浏览器对象模型 页面相关对象DOM: Document Object Model文档对象模型 ###BOM浏览器相关内容 window: 该对象的属性和方法称为全局属性和全局方法,访问时可以省略掉window. window中常见的方法: window.isNaN() 判断变量是否是NaN window.alert() 弹出提示框 window.c
示例用法： curl https://api.github.com | jq '.current_user_url' curl -s https://api.github.com/users/xrd/repos | jq '.[0].owner.id'
jQuery，一个 JavaScript 库，极大地简化了 JavaScript 编程，很容易学习。它是一款同prototype、Note.js等一样优秀的js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优秀的js效果，jQuery可以帮你达到目的！
怎么来实现它呢？我们首先写一个简单的页面，实现鼠标移入移除或者点击显示隐藏效果。
1.jQuery 1.jQuery <script> //alert($); //alert(jQuery); //所有函数都有一个原型对象（prototype） //查看jquery版本 //alert(jQuery.fn.jquery); //alert( jQuery.prototype ); //alert(jQuery.fn ===jQuery.prototype) </script> 2.入口函数的比较 <script>
富文本编辑器 wangEditor http://www.wangeditor.com/ 百度UEditor https://ueditor.baidu.com/website/ KindEditor http://kindeditor.net/demo.php MediumEditor http://yabwe.github.io/medium-editor/ Simditor https://simditor.tower.im/ Summernote https://summernote.org/ Q
image.png 在今天同学们发我的作业中，我给一个同学回复说，你这不是组件化，只是一个效果的实现。他问我，那还要什么呢？我不是特别理解。 今天咱们先聊一下，什么是组件。这个东西其实没有一个正式的定义，说什么什么样就是组件，别的样的不是组件。没有的，没有这样的一个说法，一般来讲，我个人认为有以下这几种情况， 1，着重于具体业务的封装，不强调复用性。就是比如一个大方法，大函数吧，一个动画，一个购物车，一个页面路由，这都是针对具体业务的，拿到其它网站就没法用了。这些对于业务的组件化封装，目的为了可维护性。 2
前言 继上篇推送之后，在掘金、segmentfault、简书、博客园等平台上迅速收到了不俗的反馈，大部分网友都留言说感同身受，还有不少网友追问中篇何时更新。于是，闰土顺应呼声，在这个凛冽的寒冬早晨，将中篇热文滚烫呈上。 搬好小板凳，接下来，正文从这开始～ 在上篇的众多留言中，有位网友的评论比较具有代表性，摘出来供大家一阅： “ 同感啊楼主 比如做tab的时候，以前jq就是切换一下class，现在vue是切换数据，再根据数据显示class，这弯绕的啊 ” 当然，有评论就有回复，请看下面这位网友是怎么回复他的：
在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起
最近在做ES全文搜索，需要做个类似于百度搜索下面分页的组件。 找了很多，最后发现jquery.pagination实现分页很方便。
iView admin是基于Vue.js，搭配使用iView UI组件库形成的一套后台集成解决方案 更多详情 https://github.com/poetries/mywiki
- 概述 - jQuery是一个优秀的javascript框架(js类库)，兼容css3和各大浏览器，提供dom，events，animate，ajax等简易的操作。并且jQuery有非常丰富的插件，大多数功能都有相应的插件解决方案。jQuery的宗旨是write less, do more. (写的更少,做的更多) - jQuery入门 - jQuery和html整合 - 下载 - 下载地址:www.jquery.com - 使用script的src属性即可
在gitlab上面，有一个jQuery JSONView插件，地址为：https://github.com/yesmeck/jquery-jsonview
jQuery里面放了Dom对象，把jQuery比作一个伪数组，就是没有数组的方法，但是有自己的方法（jQuery的方法）
1.UI.Layout jQuery UI布局插件 官方网站：http://layout.jquery-dev.com/index.cfm 使用大小可折叠的嵌套面板和大量选项创建高级UI布局。布局
image.png 随着前端业务复杂化的不断加深，前端交互流程也愈加复杂，所以angularJs，vueJs，avalonJs等许多前端框架都出现了，它们不像JQ那样，只是提供一种工具的集合，它们更多的是一种前端业务的解决方案。你们它们从方法，到配置，到工具，都自成一套。虽然根子上都是操作DOM，操作DATA，但思路都各不相同。唯一的相同之处就是都把对DOM和DATA的操作进行了重重封装，有时用它们写JS，感觉就像在写config配置。这方面做到极致的，目前看来就是ExtJs了。 抛开这此框架不谈，单说组
目录 类库和框架的区别 写法 jq操作样式 属性 事件 class dom操作 效果 类库和框架的区别 jq jq是一个功能丰富，轻量级的类库 zepto.js zepto.js 是更轻量级的类库，比jq的打开速度快的多，同样兼容jq的代码 apicloud apicloud是一个框架 类库 提供了很多api，相当于一个仓库，里面有各种各样的工具，你需要用到什么就去找这些工具。 框架 相当于买了一个新房子，现在是一个空壳，需要去装修 写法 $(selector).actio
经常看到很多好的前端框架，今天起凡是遇到就整理到这里，此文会不断更新。 1，avalon 组件--作者司徒正美，国产MVVM JS组件 https://segmentfault.com/u/situzhengmei/articles 文章列表 2，Vue.js-- Mobile web UI Components based on Vue and WeUI. Be Cool with Vue & WeUI. https://github.com/airyland/vux 3,微信平台开源SDK包 Senpa
[TOC] 0x00 前言简介 什么JQuery? jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架
如今,打开一些网站,发现阅读文章前,先要关注公众号,获取验证码,才能解锁文章,这波操作虽然有点“流氓”,但是白嫖的适当付出一点也没有什么,毕竟写文章输出是真的费时间,尊重作者的劳动成果.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
