首页 文章 精选 留言 我的

精选列表

搜索[视频封装],共10004篇文章
优秀的个人博客,低调大师

简述下Vue组件化封装过程?

概念 组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想,几乎任意类型的应用界面都可以抽象为一个组件树: !!! 熟记 : 页面中可复用的结构、样式和功能,抽离成一个文件; 特点: 为了便于 组织和管理代码 , 便于维护和扩展维护 组件化和模块化的不同: 模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一 组件化:是从UI界面的角度进行划分的前端的组件化方便组件的重用; 全局组件 这些组件是全局注册的。也就是说它们在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。 1. 注册 Vue.component('MyDemo'{ template:`<div>这个的全局组件的注册</div>` }) 2.实例化 Vue var vm = new Vue({ el:'#app', }) 3. 使用组件 <div id="app"> <my-demo></my-demo> </div> !!!注意事项: 必须先注册才能使用。而且注册要写在实例之前。否则也不能生效。 组件名称不可以使用浏览器支持的标签。如:div,article…… 局部组件 通过Vue.component()的方式注册组件,称之为全局注册,即在实例的任何地方都可以使用。 那么全局组件也会带来问题,比如将来我们在项目中注册过全局组件,但是我们后面不再使用它。那么会导致这个无用的全局组件也会被打包到项目中。我们可以通过局部注册的方式来解决这个问题,即需要的时候再来注册组件。 局部组件的注册方式 1.通过普通的 JavaScript 对象来定义组件: var ComponentA = { /* ... */ } var ComponentB = { /* ... */ } var ComponentC = { /* ... */ } 2.在 components 选项中注册你想要使用的组件: new Vue({ el: '#app', components: { ComponentA, ComponentB } }) 3.使用注意注册在哪里,那么这个组件就只能这里使用 <component-a></component-a> <component-b></component-b> 注意 这里我们没有将ComponentC注册,那么这里面是不可以使用的。局部组件必须先注册,再使用。否则会报错

优秀的个人博客,低调大师

android 本地数据库sqlite的封装

单机android sqlite数据库的实现,这个数据库可与程序一起生成在安装包中 一、下载sqlite3.exe文件 二、运行 cmd 转到sqlite3.exe所在目录 运行sqlite3.exe 数据库名.db 然后会出现sqlite>的命令提示符 输入创建表的语句, create table 表名(‘列’,‘列’。。。);(注意: 要在结束部分加 分号 ) 此时会在sqlite3.exe所在目录,出现所建数据库的文件 三、如果想在Android中运行的话,需要在数据库中增添 CREATETABLE"android_metadata"("locale"TEXTDEFAULT'zh_CN') INSERTINTO"android_metadata"VALUES('zh_CN') 四、将数据库复制到Android项目中res/raw中 五、下面是代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 publicclassTestSqlDatabase{ privatestaticfinalString DATABASE_PATH ="/data/data/your.package.name/databases";//此处不要改动,这个为数据库在手机上的物理地址 privatestaticfinalintDATABASE_VERSION =0; privatestaticfinalString DATABASE_NAME ="test.db";//此处为数据库名称 privatestaticString outFileName = DATABASE_PATH +"/"+ DATABASE_NAME; privateContext context; privateSQLiteDatabase database; publicTestSqlDatabase(Context context) { this.context = context; File file =newFile(outFileName); if(file.exists()) { database = SQLiteDatabase.openOrCreateDatabase(outFileName,null); if(database.getVersion() != DATABASE_VERSION) { database.close(); file.delete(); } } try{ buildDatabase(); }catch(Exception e) { e.printStackTrace(); } } privatevoidbuildDatabase()throwsException{ InputStream myInput = context.getResources().openRawResource(R.raw.test); File file =newFile(outFileName); File dir =newFile(DATABASE_PATH); if(!dir.exists()) { if(!dir.mkdir()) { thrownewException("创建失败"); } } if(!file.exists()) { try{ OutputStream myOutput =newFileOutputStream(outFileName); byte[] buffer =newbyte[1024]; intlength; while((length = myInput.read(buffer))>0){ myOutput.write(buffer,0, length); } myOutput.close(); myInput.close(); }catch(Exception e) { e.printStackTrace(); } } } /** * 查找 * @return */ publicCursor select() { database = SQLiteDatabase.openOrCreateDatabase(outFileName,null); String sql ="select * from note_table"; Cursor cursor = database.rawQuery(sql,null); returncursor; } /** * 插入 * @param word * @param note * @return */ publiclonginsert(String word, String note) { database = SQLiteDatabase.openOrCreateDatabase(outFileName,null); ContentValues cv =newContentValues(); cv.put("word", word); cv.put("note", note); longresult = database.insert("note_table",null, cv); returnresult; } /** * 更新 * @param word * @param note * @return */ privateintupdate(String word, String note) {//参数 word 为修改条件 note为修改内容 database = SQLiteDatabase.openOrCreateDatabase(outFileName,null); ContentValues cv =newContentValues(); cv.put("note", note); intresult = database.update("note_table", cv,"word=?",newString[]{word}); returnresult; } /** * 删除 * @param word */ publicintdeleteNote(String word) { database = SQLiteDatabase.openOrCreateDatabase(outFileName,null); intresult = database.delete("note_table","word=?",newString[]{word}); returnresult; } publicvoidclose() { database.close(); } } 本文转自xsster51CTO博客,原文链接:http://blog.51cto.com/12945177/1930153,如需转载请自行联系原作者

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

用户登录
用户注册