最近在学习Vue,边做个小demo边学习。其中有一个小功能需要使用到拖放,顺便还学一下拖放。拖放是HTML5的标准,对着教程在普通的页面上很容易就实现了,但是vue中基本都是数据驱动,不推荐直接操作DOM。HTML5拖放可拖动首先,默认情况下,图像、链接和文本是可拖动的。而想让其他元素变为可拖动,需要设置draggable属性为true。<div draggable="true">&l            
                
         
            
            
            
             一:普通浏览器唤醒app//判断是否为微信浏览器
function isWeiXin() {
  var ua = window.navigator.userAgent.toLowerCase();
  if (ua.match(/MicroMessenger/i) == "micromessenger" || ua.match(/_SQ_/i) == "_sq_") {
    re            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-25 21:29:08
                            
                                67阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言H5声明和H5基本骨架,各种标签以及H5的新标签一、HTML5的DOCTYPE声明DOCTYPE是document type(文档类型)的缩写,是H5的声明,位于文档最前面,他是网页必备组成部分,避免浏览器的怪异模式。二、HTML5的基本骨架1.html标签包裹其它标签限定文档的开始和结束<html lang="en">表示当前网页语言为英文2.head标签定义文档的头部,包括文档            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-14 08:31:57
                            
                                61阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            本文为cordova混合开发apk更新的系列文章的第一篇文章:H5部分的更新。混合应用的开发也已经火到了一定程度了,大家写h5的技术也到了炉火纯青的地步了。那么对于对原生了解比较少的小伙伴来说,apk的更新、发包可能还是一笔糊涂账。对于混合开发来讲,一般更新分为两种:h5部分的更新,原生外壳的更新。下面我们来讲一下基于插件的h5部分热更新的实现流程及注意事项。一、Cordova热更新的原理1、热更            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-15 08:08:53
                            
                                122阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            由于h5应用开发不是本例重点,因此直接提供一个最简单的h5应用代码,此应用使用vue-cli框架开发 此h5应用叫vue1,用webstrom打开vue1,进行npm install安装引用vue1代码可从百度网盘下载:链接: https://pan.baidu.com/s/1eSq71IU 密码: 1spk PS:此套代码npm install时会报错可以运行以下命令解决:n            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-29 18:39:13
                            
                                67阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前面的话,试图解决结构与样式混杂的问题。1996年,W3C正式推出CSS1。1998年,推出CSS2。2001年从CSS3开始,CSS这门语言分割成多个独立的模块,每个模块独立分级,且只包含一小部分功能;2011年开始设计CSS4  本文将主要介绍引入CSS样式的方式,包括外部样式表、内部样式表和行间样式三种方式  [注意]CSS语法非常简单,但容易忽略的一点是不能省略分号(最后一个样式除外)&n            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-14 13:32:35
                            
                                30阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一。mui简介。   MUI是一套前端框架,由DCLOUD公司研发而成,提供大量H5和js语言组成的组件,大大提高了开发效率,可以用于开发web端应用、web app等应用,中国比较流行的前端工具Hbuilder也是出自该公司 Hbuilder中集成mui。hbuilder提供了代码库提示功能非常强大 官方演示(http://dev.dcloud.net.cn/mui/snip            
                
         
            
            
            
            一、初始化vue脚手架注:安装完vue环境之后(vue环境配置,网上找)vue init webpack myvue1、参数解释:vue init--->初始化vue项目命令,webpack--->利用webpack模式,myvue----->vue项目名称。2、初始化完成之后,可使用npm run dev在开发模式进行运行。二、初始化cordova项目注:安装cordova环境            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-16 13:41:11
                            
                                344阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            首先我们需要使用cordova的插件cordova-plugin-qrscanner 安装:cordova plugin add cordova-plugin-qrscanner 贴上vue项目的代码:<template>
  <div class="scroll-container scan-container">
    <div class="scan-none            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-04 18:29:30
                            
                                243阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            非常早曾经写了一篇博客,总结cordova插件怎么调用到原生代码:cordova调用过程,只是写得太水。基本没有提到原理。近期加深了一点理解,又一次补充说明一下js调用native以下是我们产品中的代码片段:datePicker.show(options, function (date) {
    var month = date.getMonth() + 1;
    callback(nul            
                
         
            
            
            
            1.首先布置jdk环境,下载jdk(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)。我这里用的是1.8的2.windows+r打开命令窗口,输入java -version,出现如下图则说明安装成功。3.安装安卓环境,这个则是我的android-sdk-windows,链接: h            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-11 22:32:36
                            
                                128阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            文章目录一安装Vue二 做移动端应用注意2.1 在index.html中修改mate设置2.2 reset.css重新设置样式,在入口文件中引入2.3 引入border.css 解决一像素边框的问题2.4 解决click延迟300ms的问题 fastclick插件2.5 在style中引入其他样式,需要这样 ~@2.6 对全局事件的解绑2.7 解决么面滑动影响其他页面的问题3 插件使用3.1 s            
                
         
            
            
            
            没错,我用Vue写了一个H5项目,来看下我踩坑记录吧。1、按需引入在开发过程中,会遇到很多五花八门的库。其实这些库中有很多功能/模块是用不到的,所以,这里推荐按需引入:import { Slider } from 'element-ui';
Vue.use(Slider);像这样,如果只用到滑条,只需引入Slider,并挂载到Vue实例。2、全局样式抽离Css样式在前端开发中是绕不开的话题,以V            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-25 16:23:11
                            
                                193阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Chrome 扩展 H5 游戏结构检查器 GameInspect 支持 Laya, egret, cocosCreate, cocos2d-js1. 说明仿照 egret Inspect  制作的通用H5游戏列表查看器, 方便查看游戏结构, 修改属性,注入代码,查看shader,抓帧GitHub(部分代码)2.安装部分浏览器安装失败,可能是因为浏览器版本太低,升级浏览器版本2.1 下载到本地 gi            
                
         
            
            
            
            一、创建空白Cordova应用打开VS,选择【新建项目】,选择其它语言JavaScript或者TypeScript,语言的话就按个人喜好,喜欢JS就用JS,喜欢TS就用TS,推荐使用TS书写,代码结构和可读性相对更强。本文演示使用JS来书写,方便不会TS的用户阅读。创建完项目后,项目结构如下:www目录为我们本地应用程序目录,和一般静态网站类似。默认主页为index.html。脚本对应为scrip            
                
         
            
            
            
            视频直播从国内兴起就是RTMP协议主导,Adobe开发协议,Web-Flash播放器绑定协议,方便web接入,便于业务集成,一直是行业标准,随移动兴起,Flash插件方式日益退出舞台,怎么样在Web上方便支持视频直播,监控一起是视频直播行业关注的焦点,对于近几年的相关替代,笔者也关注,并实验测试,做了一些总结分析如下:1,Hls协议,m3u8格式切片优点:全平台兼容,事实上移动H5点播直播的新标准            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-30 10:13:16
                            
                                192阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言Cordova虽然定义了很多基础的插件,供H5端使用原生设备的功能。
但是,如果业务相关的功能,需要提供给H5端使用,那么,就需要我们自定义插件了。
这个“自定义”不是指由Android端任意定义,一般需要各端(H5、原生)讨论来决定,如:插件的名称、action等。模拟需求插件信息:
      插件名称:MyPlugin
      插件id: com.test.MyPlugin            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-19 15:34:16
                            
                                195阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            趁有机会,简单回顾下vue插件开发的过程。学习本身就是个不断重复滴过程嘛:一、官网插件的开发文档地址https://cn.vuejs.org/v2/guide/plugins.html二、简单唠一唠但是呢,如果看官网文档的话,有的小朋友可能就云里雾里了,不想再进行下去了,其实vue对于插件的定义就是,使用Vue.use方法,将引入的install方法里面相关Vue操作的方法逻辑运行了,实现在全局可            
                
         
            
            
            
            vue crudVue is the JavaScript UI tool that parades itself as progressive because it is approachable so one can get started in just a day. On the other hand, it has every feature to cater for your fron            
                
         
            
            
            
            一、准备工作①安装vue与vue-cli 全局安装vue与vue-cli,但需要注意vue与vue-cli的版本。npm install --global @vue/clivue-cli@4.x版本未暴露key:"vue",会导致如下错误:export 'default' (imported as 'Vue') was not             
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-10 13:58:53
                            
                                230阅读
                            
                                                                             
                 
                
                                
                    