DCloud - HBuilder、5+、mui、流应用、快应用开发工具、HTML5专家
帮你做好应用 >
帮你运营好应用 >
HBuilder-飞速编码的极客工具，手指爽，眼睛爽
uni-app/小程序/快应用开发必须使用HBuilderX
标准版不含App开发插件，大小：
标准版不含App开发插件，大小：
版本号：，大小：
版本号：，大小：
为极客 为懒人 为你
代码输入法：一个数字键，少敲10个按键；
代码块：一个代码块，少敲50个按键；
模糊匹配：跳着敲字母就能匹配到单词；
内置emmet，tab一下生成一串代码；
智能补齐：感知你的意图，自动完成输入；
跳转助手、选择助手，不用鼠标，手不离键盘；......
才比别的工具快5倍？对极客而言，追求快，没有止境！
想要爽到极致的编程体验？
让手爽，飞一般的编码
编码比其他工具快5倍够不够？对极客而言，追求快，没有止境！
代码输入法：按下数字快速选择候选项
可编程代码块：一个代码块，少敲50个按键
内置emmet：tab一下生成一串代码
无死角提示：除了语法，还能提示ID、Class、图片、链接、字体…
跳转助手、选择助手，不用鼠标，手不离键盘
多种语言支持：php、jsp、ruby、python、nodejs等web语言，less、coffee等编译型语言均支持
边改边看：一边写代码，一边看效果
强悍的转到定义和一键搜索
这里还有最全的语法库、最全的语法浏览器兼容库
让眼爽，环保绿柔主题
脑电波实验证明使用绿柔缓解脑疲劳！
每天盯着屏幕写代码，程序员的健康非常重要，
为此我们用心设计了HBuilder的视觉主题方案——绿柔。
绿柔不是简单的配色，她不追求酷炫，而追求：舒适、护眼、和身心健康。
绿柔结合了色彩生理学和色彩心理学，参考了电子书的设计，
并根据用户显示器的发光特点，智能调配而成。
绿柔，色调柔和、对比度低、绿色感加强，
绿柔下工作能减少眼球充血，舒缓眼部肌肉，降低脑电波疲劳值。
与黑色主题相比，绿柔还能防近视、防晕眩、防止暗适应、
减少维生素A消耗，防止或减轻夜盲症。
疲劳值实验
北京某知名医院通过脑电波检测进行脑部疲劳值测试，证明绿柔主题下编码的程序员疲劳值更低。
参与实验的程序员在充分休息后，分别使用绿柔和黑色主题的编程工具进行编码半小时，并监测脑电波的数据变化。
通过对实验者的脑电波产生的17万条数据的分析，利用医院仪器打印出的疲劳值、紧张度和注意力集中程度数值，实验后测试者的疲劳度均上升，
但，使用绿柔工作的程序员疲劳值上升相对缓慢，紧张程度最低，注意力最集中。
使用黑色主题编码后疲劳值的上升幅度最高达到使用绿柔上升幅度的700%!
他们这样评价
移动云时代，全球开发者工具服务正在发生巨大变革：产品体验变革（消费者体验化），商业模式变革（Freemium免费增值），技术变革（开源开放云服务）。非常高兴看到国内创业公司推出HBuilder，代表了新一代开放服务的方向，基于持续更新的云知识库的高效开放工具，让开发者更加专注于解决问题本身，让技术服务变得更智能。
我在硅谷做了近7年的工程师，用过不少工具，绝大多数是老外所写；看到HBuilder，名副其实的最快的、最人性化的前端编辑器，丝毫不逊色于我见到的最高水平的工具。这是一只极富极客精神的技术团队。也因此，我做了他们的天使投资人。
HBuilder的问世有意义的推动和加速HTML5的发展，碎片化的语法定义和浏览器兼容性一直是开发者最头疼的，现在开发者有福了，在 HBuilder最全语法库中可以看到每个语法在各个浏览器、各个版本的支持情况。集成大量常用语法块，少敲多行代码，飞一般地编码，体验极客速度。
Facebook早期民工
中国籍第二位工程师和第一位研发经理
HTML5梦工场发起人
DCloud 即数字天堂(北京)网络技术有限公司是
蒙ICP备号-1输入关键字或相关内容进行搜索
前言: 最近项目中需要用到html5 视频播放功能,于是稍微研究了解了下,遇到了很多坑,特此记录下.一、
Html5 Video
(这篇博文确实帮助很大)1.1、
将Html5 Video功能应用到实际项目中,针对不同的平台和环境,进行个性化处理。
基本只考虑webkit浏览器兼容问题1.2、
Html5 Video支持格式
.mp4后缀(.h264编码格式),和.webm后缀(专用web视频格式),以及.ogg后缀(音频文件)
Html5 Video 可以添加多个source源来进行兼容适配,这样,当第一个源读取出问题时会自动读取下一个源.
比如可以同时在前面加上.webm和.mp4源,这样一个出错时会自动读取另一个可用源(因为不同浏览器,支持的格式是不一样的)
但是,Hybird模式的 Android 下,有些机型只能读取第一个source来源(测试华为和联想都是),所以也就是说在这种情况下,要确保第一个source源是正确的
各大浏览器兼容如图所示:
不同平台环境和对应实现方案
说明: 这里分为两大块,普通浏览器环境(pc和手机,主要是移动端,pc不做特别处理)和Hybird模式的APP环境(Android和iOS).
注: Html5 video可以播放本地视频或者网络视频
普通浏览器环境
*用Html5 Video 自带的播放栏控件
*用 Video 视频统一处理方法处理后,点击图片手动隐藏图片,设置视频大小,手动播放视频.
注: 播放效果则由各大浏览器自行实现手机端浏览器实现的不同效果,比如:
QQ浏览器(包括QQ客户端内置的浏览器):播放时会自动进入全屏
华为自带浏览器: 正常小窗口播放1.3.2、
Hybird App环境
说明: 内联播放是指直接在video标签中播放视频,没有必要进入全屏1.3.2.1、
Android内联播放
*用Html5 Video 自带的播放栏控件
*用 Video 视频统一处理方法处理后,点击图片手动隐藏图片,设置视频大小,手动播放视频.
*Android内联播放需要注意,必须开启硬件加速,由于有些Android手机 webview是默认关闭硬件加速的,所以必须在创建这个带视频播放的webview时手动添加 硬件加速属性才行.(详情见plus创建webview的style)style.hardwareAccelerated =
\n1.3.2.2、
iOS内联播放
*用Html5 Video 自带的播放栏控件
*用 Video 视频统一处理方法处理后,点击图片手动隐藏图片,设置视频大小,手动播放视频.
*内联播放注意要点,由于iOS下默认是全屏播放的,所以需要经过设置才能正常内联播放
第一步:在项目的manifest里面配置允许webview内联播放&plus&: {
&splashscreen&: {
&autoclose&: true,/*是否自动关闭程序启动界面，true表示应用加载应用入口页面后自动关闭；false则需调plus.navigator.closeSplashscreen()关闭*/
&waiting&: true/*是否在程序启动界面显示等待雪花，true表示显示，false表示不显示。*/
&allowsInlineMediaPlayback&: true,/*设置ios下允许内联播放*/
&popGesture&: &close&
\n第二步: 创建video标签时,手动加上内联播放的属性(iOS不支持preload)&!--
让ios支持内联播放,必须添加 webkit-playsinline 标签
&video webkit-playsinline id=&videoMedia& controls=&controls& preload&
\n这样iOS手机在播放的时候才会采用内联播放1.3.2.3、
Android非内联播放
*通过NJS使用原生播放器来播放视频,传入的url可以是本地的或网络的地址
*用 Video 视频统一处理方法处理后,点击图片之后,图片保持不变(所以没有必要隐藏图片),直接获取视频的资源地址,传给原生播放器播放
注: 这种模式下,性能要比直接html5自带播放器播放高1.3.2.4、
iOS非内联播放
*用Html5 Video 自带的播放栏控件(非内联播放需要去除特定内联属性”webkit-playsinline”,这样才能全屏播放)if(!isInlinePlay){
//如果是非内敛,ios需要去除内联样式
mediaTarget.removeAttribute('webkit-playsinline');
\n*用 Video 视频统一处理方法处理后,点击图片之后,图片保持不变(所以没有必要隐藏图片),直接调用video.play()播放视频(这时候会用一个全屏播放器来播放视频)1.3.3、
如果采用NJS通过Android原生播放器播放视频,目前无法监听到视频的一些自定义事件.(如下载中,播放完毕,暂停,播放时间等)
而如果采用Html5 Video自带播放,这些是可以通过脚本控制的.
所以选定方案时需要进行衡量
*另外,在Html5 Video播放时,无法监听到规定的结束事件seeked,只能在timeUpdate里面判断,如果ended为true就代表结束了.
*在NJS通过Android原生播放器播放时,可以通过document监听resume和pause事件判断是否进入播放和退出播放1.4、
Tips1.4.1、
关于Video 视频统一处理的方案
说明: 由于将一个&Video&直接显示在页面中,会有各种五花八门的播放器效果,如图:
(这里引用了参考来源的图)
显然,体验效果并不好,所以现在的做法是用一张模拟播放的图片来替代&Video&所在的地方,而将Video元素设置为1*1像素大小.然后给图片设置点击监听,监听到点击时,播放视频.
*这里不要用{display: none}或者{width:0;height:0;}的方式，因为这样视频元素会处于未激活的状态，给后续的处理带来麻烦.
*这里没有考虑ios&6和一些低版本的Android的兼容性问题了(这些版本里,无法直接通过video.play()来播放),因为项目环境基本上要求Android&4.0
iOS 7.0以上的.
*关于点击图片播放视频后,如果是内联播放模式下(或者是普通浏览器),就应该将图片隐藏,然后将视频大小设置为本来的大小(一般为图片大小)；如果是非内联播放模式(全屏模式),就没有必要隐藏图片了,因为iOS下会自动打开一个全屏播放器来播放视频,Android下考虑到Html5 video较卡,所以也会通过NJS使用原生播放器来全屏播放视频.1.4.2、
Android NJS播放视屏的实现代码
说明: 这个是Dcloud论坛中有人分享的 //非内联模式下的plus下的android才用到
var Intent = plus.android.importClass(&android.content.Intent&);
var Uri = plus.android.importClass(&android.net.Uri&);
var main = plus.android.runtimeMainActivity();
var intent = new Intent(Intent.ACTION_VIEW);
var uri = Uri.parse(url);
intent.setDataAndType(uri, &video/*&);
main.startActivity(intent);
如何读取元素的宽高
*在获取视频的宽度时,发现用 video.style.width无法获取到宽度.
后来查了资料,发现dom.style.width(height)只能获取在stye直接赋予的值.而如果是通过css样式表赋予的值是无法直接获取的,只能通过dom.offsetWidth(offsetHeight)获取.
*设置元素宽和高是不要直接在style里设置,而是最好通过css样式表赋予
*读取元素宽和高时,用offsetWidth(offsetHeight)1.4.4、
关于全屏播放的问题
在PC端webkit浏览器下,全屏代码如下:
进入全屏: videoContainer(对应的dom).webkitRequestFullscreen();
退出全屏: document.webkitCancelFullScreen();
*但是经测试,在手机浏览器和Hybird模式下的手机环境中都无法使用,
应该是手机浏览器中video 播放器的全屏模式和pc端的有区别,已经脱离了webkit的全屏组件,而是用原生自己实现的.1.5、
遇到问题及解决方法1.5.1、
Video.currentTime 设置值时设置无效,或者变为0
与测试的服务器和端口有关,测试环境是放在hbuild本地浏览器的,没有处理好视频快进问题,所以会导致每次快进后,视频都会重置-在某些测试服务器上,则出现快进无效,但不会重置
将网页用其它正式服务器打开均可正常,如tomcat,wampserver,甚至直接在本地打开也行.1.5.2、
无法通过代码Video.src获取资源路径
本实例中,Video是通过source添加src的,无法直接读取video的src
可以通过读取到第一个source的标签,再获取source的src
注:本来这个方法有一个缺点就是有可能第一个source的src不可用.但是由于Android中第一个source必须有用才行.否则无法正常播放.所以在确保第一个source正确的情况下能这样用.1.5.3、
部分Android机型无法退出全屏
在使用Html5 Video自带播放器播放时,部分Android机型(如联想K860点击全屏按钮进入全屏后,无法退出全屏-因为进入全屏后,全屏按钮不见了)
原因分析: 可能是手机厂商擅自劫持了浏览器或者篡改了浏览器实现方式
目前无法解决,在这类机型中,建议直接采用非内联模式播放或者是尽量不要手动进入全屏1.6、
注: 示例视频也可自己更改为自己的网络视频或者本地视频,由于视频文件太大,所以上传时就删掉了见源码附件
解决了没？我也遇到这个问题
如果是动态获取的 视频的 url ，就无法正常播放了，有没相应的解决方案
Zepto('#videoMedia').on('tap', function() {
应该加个延迟
var aa = '';
Zepto('#videoMedia').on('tap', function() {
clearTimeout(aa);
aa = setTimeout(function() {
}, 20); //这里给个延迟不然播放视频时点击videoMedia这一块控制栏一直闪烁
你好，后面你做进度条拖动改变视频进度的功能没，有没有demo
学习了很多。你们也可以到这看看。有一些作品。！http://www.3g-edu.org?wxdc
博主很细心，我这也有一个参考网址，你们可以看看http://www.3g-edu.org?wwxkiter
在iphone上测试了一下 还是不行啊，下载的你们测试文件，还是全屏播放
看到一，没看到二
如果下载视频到本地，理论上播放的始终是下载到本地的视频吧？没下载完，可以边下载边播放吗？
调用plus.download下载视频到本地，然后video控件指向本地文件路径
如何app缓存网络视频？这个很实用而且很常见，没这个功能，基本是废物一个。
我想也做这个功能，有解决思路没
如何实现视频离线缓存到本地，不是实现就把视频打包到APP中的办法，实现把视频打包进APP，APP会很大；希望实现视频可以选择性下载，下载观看就不用远程视频了
https://segmentfault.com/a/4046 大家可以看一下，全屏播放的另类解决方案，兼容ios android
请看我的文章https://segmentfault.com/a/4046
请问一下内联样式，在android机上运行的时候，点击全屏没办法横屏全屏播放，这个有什么解决的方法吗？
我这边用chrome浏览器调试监听ended是没问题的。
另外,测试快进等功能是别用hbuild自带的server(有buug),可以改用其它server.
或者干脆用本地文件方式打开。
用eclipse就只能监听seeked，用HBuilder就只能监听到ended，什么情况
监听结束是监听ended才正确而不是监听seeked
android 先使用内联模式播放，然后非内联模式下调用内置播放器播放，关闭内置播放器，返回到原页面后，再使用内联模式播放，只有声音没有图像了，你的例子也是这样。如何解决？
你在创建webview的时候再加上style.hardwareAccelerated = 试试!
为什么在manifest.json文件中添加了&hardwareAccelerated&: true，视频仍然只有声音没有图像vivo手机Android5.0版本
漏了一个注意事项，Android上使用video标签播放视频时，务必强制打开硬件加速，否则只有声音没有画面。
因为在Android5的部分rom上是默认关闭硬件加速的，此时需强制打开硬件加速。创建webview时style里有个hardwareAccelerated参数，设置为true。
参考文档[http://ask.dcloud.net.cn/article/55](http://ask.dcloud.net.cn/article/55)
要回复文章请先或当前位置：
文件名称:HBuildTest-master
所属分类：
标签属性：
上传时间：
文件大小：
提 供 者：
相关连接：
下载说明：
别用迅雷下载，失败请重下，重下不扣分！
HBuilder常用功能总结，包括二维码扫码，过场动画，新建窗口等非常多常用功能(Common function summary of HBuilder)相关搜索：
(系统自动生成,下载前可以参看下载内容)下载文件列表
文件名大小更新时间HBuildTest-master
HBuildTest-master\.project 1782
HBuildTest-master\.settings
HBuildTest-master\.settings\com.aptana.editor.common.prefs 235
HBuildTest-master\README.md 324
HBuildTest-master\css
HBuildTest-master\css\app.css 332
HBuildTest-master\css\feedback.css 2396
HBuildTest-master\css\icons-extra.css 2813
HBuildTest-master\css\imageview.css 3188
HBuildTest-master\css\mui.css 94273
HBuildTest-master\css\mui.dtpicker.css 3054
HBuildTest-master\css\mui.imageviewer.css 2512
HBuildTest-master\css\mui.indexedlist.css 2159
HBuildTest-master\css\mui.listpicker.css 2160
HBuildTest-master\css\mui.min.css 75624
HBuildTest-master\css\mui.picker.all.css 6525
HBuildTest-master\css\mui.picker.css 2220
HBuildTest-master\css\mui.picker.min.css 4843
HBuildTest-master\css\mui.poppicker.css 1249
HBuildTest-master\css\swiper-3.4.0.min.css 17761
HBuildTest-master\fonts
HBuildTest-master\fonts\mui.ttf 29884
HBuildTest-master\images
HBuildTest-master\images\1-.jpg 3148
HBuildTest-master\images\60x60.gif 203
HBuildTest-master\images\Icon@2x.png 18985
HBuildTest-master\images\alipay.jpg 2468
HBuildTest-master\images\cbd.jpg 142937
HBuildTest-master\images\icon-qq.png 7507
HBuildTest-master\images\icon-share.png 452
HBuildTest-master\images\icon-sina.png 6719
HBuildTest-master\images\icon-weixin.png 7400
HBuildTest-master\images\iconfont-tianjia.png 1029
HBuildTest-master\images\index.png 157209
HBuildTest-master\images\login-1.png 115335
HBuildTest-master\images\logo.png 4008
HBuildTest-master\images\muwu.jpg 115033
HBuildTest-master\images\qrcode.png 78636
HBuildTest-master\images\qrcode2.png 293001
HBuildTest-master\images\shuijiao.jpg 70880
HBuildTest-master\images\yuantiao.jpg 74796
HBuildTest-master\index.html 4024
HBuildTest-master\js
HBuildTest-master\js\95516.js 1329
HBuildTest-master\js\ad.js 862
HBuildTest-master\js\arttmpl.js 4448
HBuildTest-master\js\beecloud.js 3559
HBuildTest-master\js\city.data-3.js 185867
HBuildTest-master\js\city.data.js 24779
HBuildTest-master\js\feedback.js 7361
HBuildTest-master\js\jquery-1.8.3.min.js 93636
HBuildTest-master\js\jquery.qrcode.min.js 13995
HBuildTest-master\js\mui.dtpicker.js 14644
HBuildTest-master\js\mui.imageViewer.js 9426
HBuildTest-master\js\mui.indexedlist.js 6534
HBuildTest-master\js\mui.js 253525
HBuildTest-master\js\mui.lazyload.img.js 3048
HBuildTest-master\js\mui.lazyload.js 8163
HBuildTest-master\js\mui.listpicker.js 12450
HBuildTest-master\js\mui.locker.js 10148
HBuildTest-master\js\mui.min.js 121589
HBuildTest-master\js\mui.picker.all.js 30793
HBuildTest-master\js\mui.picker.js 11612
HBuildTest-master\js\mui.picker.min.js 18393
HBuildTest-master\js\mui.poppicker.js 4535
HBuildTest-master\js\mui.previewimage.js 13125
HBuildTest-master\js\mui.pullToRefresh.js 12545
HBuildTest-master\js\mui.pullToRefresh.material.js 12189
HBuildTest-master\js\mui.view.js 20490
HBuildTest-master\js\mui.zoom.js 11785
HBuildTest-master\js\swiper-3.4.0.min.js 96209
HBuildTest-master\js\tools.js 1109
HBuildTest-master\js\update.js 1065
HBuildTest-master\js\vue.js 244430
HBuildTest-master\js\webviewGroup.js 7732
HBuildTest-master\manifest.json 17112
HBuildTest-master\template
HBuildTest-master\template\about.html 6208
HBuildTest-master\template\bangding.html 4998
HBuildTest-master\template\chat.html 6902
HBuildTest-master\template\chatmain.html 1154
HBuildTest-master\template\contact.html 10174
HBuildTest-master\template\detail.html 1218
HBuildTest-master\template\geolocation.html 1678
HBuildTest-master\template\guide.html 2087
HBuildTest-master\template\huancun.html 7244
HBuildTest-master\template\imageView.html 3499
HBuildTest-master\template\login.html 4420
HBuildTest-master\template\map.html 1829
HBuildTest-master\template\maps.html 1803
HBuildTest-master\template\pay.html 3759
HBuildTest-master\template\qrcode.html 1447
HBuildTest-master\template\readQrcode.html 2277
HBuildTest-master\template\register.html 5005
HBuildTest-master\template\reptile.html 5504
HBuildTest-master\template\setting.html 7105
HBuildTest-master\template\share.html 5171
HBuildTest-master\template\shijian.html 3345
HBuildTest-master\template\update.html 980
暂无评论内容．
*快速评论：
和说明不符
不是源码或资料
纯粹是垃圾
*内　　容：
*验 证 码：
搜珍网是交换下载平台，下载的内容请自行研究使用或咨询上传人.
资源属性分别代表：系统平台，开发平台，开发语言，文件格式四部分.
本站已设置防盗链，请勿用迅雷、QQ旋风等多线程下载软件下载资源，下载后用进行解压.
如果您发现此软件无法下载，请稍后再次尝试；或者.
本站提供下载的内容为网上收集或会员上传提供，若无意中侵犯了您的版权，.
如下载前有疑问，可以通过点击"提供者"的名字，查看对方的联系方式，联系对方咨询.
如下载后发现下载的内容跟说明不相乎，可以联系本站的客服，经确认可以退回消费了的积分.
联系我们网站
·电话：(0)
搜珍网 www.dssz.com
All Rights Reserved.Hbuilder中MUI框架防微信通讯录的一个小坑最近在学习mui框架
项目中有需求
仿微信通讯录效果，mui框架中直接有现成的examples/indexed-list.html这个目录下。但是有个小坑
，在通讯录界面货只显示一半显示不完全。这个问题最后解决一下 首先介绍怎么再项目中引用微信通讯录效果。一：
再Hbuilder中新建MUI项目 选择如下：包含mui的js，css,字体资源的模块。二：找到对应的页面 再examples目录下indexed-list.html把代码折叠
复制body中的：复制到自己项目中需要的地方
接着找到对应的样式和Js文件在indexed-list.html中也有一些样式要复制过来：复制到自己项目中对应的css文件中
接下来还有js文件问题出现了
再真机中运行
会出现 显示不完全的效果：上一张图片中的 js文件是计算索要显示的高度的
var header = document.querySelector('header.mui-bar');
var list = document.getElementById('list');
//calc hieght
list.style.height = (document.body.offsetHeight - header.offsetHeight) + 'px';
window.indexedList = new mui.IndexedList(list);原因是当前如果还没有到通讯录界面的话
代码已经执行即document.body.offsetHeight == 0 而减去头部后是负数。接下来就是解决办法
：在自己的项目中对应的通讯录界面的Js中添加方法把计算联系人高度写在自定义的方法中正通讯录界面显示前的Webview中在show()方法中新增
三个参数的意思（当前webview出来的效果，持续的时间，）在fire方法中连个参数1，即将显示的webview，2，执行即将显示的webview中的方法。完美的效果
MUI 获取手机中的联系人来生成电话簿
在html5下利用Native.js来获取系统通讯录管理对象AddressBook，再调用对象中的find（）方法查找出系统通信录中的所有联系人。
API：http://www.html5plus....
mui框架通讯录检索
使用工具:HBuilder,这个软件开发效率非常高；
需求：手机通讯录页面,有字母拼音检索功能，如下图
解析：利用mui框架的index list组件即可搭建这个页面,可参考教程UI组件(这个...
HTML5+规范：contacts(管理系统通讯录)
Contacts模块管理系统通讯录，用于可对系统通讯录进行增、删、改、查等操作。通过plus.contacts获取系统通讯录管理对象。
1.1、ADDRESSBOOK_PHONE: 手机...
HBuilder - Release Notes
【重要】Mac版HBuilder支持iOS10真机运行,解决32位Windows系...
安卓H5技术&em&通讯录&/em&
上传大小:365KB &em&hbuilder&/em&android 分享 在使用&em&hbuilder&/em&构建安卓app时,无法直接使用java。需要使用js语言进行开发。plus对象集成了原生...
采用独立应用集成方式，hbuilder&&安卓原生交互一点经历。
首先这次博客是真正的入门大部分都主要是概念讲解，后面可能会有一些自己的代码练习。然而为什么要用HBuilder来开发呢，这是首先要说明下的。
编码比其他工具快5倍够不够？对极客而言，追求快，没有止境！...
1.首先点击HBuilder中的文件，创建一个移动app项目：
点击完成后，会出现下面的文件结构：
一个简单的app就出来了：
最后就是将文件打包：
然后在手机上运行测试就...
没有更多推荐了，&>&文章列表_基于HBuild_Vue+mui_app
文章列表_基于HBuild_Vue+mui_app
上传大小：119KB
文章列表_基于HBuild_Vue+mui
支持动态加截的示例 及Vue 的应用
综合评分：1
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有1条
有问题，解压不了
爪哇挖掘人
综合评分：
积分/C币：12
VIP会员动态
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
输入下载码
为了良好体验，不建议使用迅雷下载
文章列表_基于HBuild_Vue+mui_app
会员到期时间：
剩余下载个数：
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
无法举报自己的资源
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可返还被扣除的积分
被举报人：
请选择类型
资源无法下载 （ 404页面、下载失败、资源本身问题）
资源无法使用 （文件损坏、内容缺失、题文不符）
侵犯版权资源 （侵犯公司或个人版权）
虚假资源 （恶意欺诈、刷分资源）
含色情、危害国家安全内容
含广告、木马病毒资源
*投诉人姓名：
*投诉人联系方式：
*版权证明：
*详细原因：
文章列表_基于HBuild_Vue+mui_app}