这个要单独写,原文是这么描述vue的组件的:组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。 这个特性我感觉比较难理解,一步步来,看看组件到底是个什么东西? 1.举个栗子 //model层: // 通过extend方式定义一个Vue组件 var MyComponent = Vue.e...
快速了解微信小程序的使用,一个根据小程序的框架开发的todos app微信官方已经开放微信小程序的官方文档和开发者工具。前两天都是在看相关的新闻来了解小程序该如何开发,这两天官方的文档出来之后,赶紧翻看了几眼,重点了解了一下文档中框架与组件这两个部分,然后根据简易教程,做了一个常规的todo app。这个app基于微信小程序的平台,实现了todo app的常规功能,同时为了让它更接近实际的工作场景,也用到了loading与toast这两...
真正的模块化 前端模块化很早就开始了,无论是 require.js,browserify 进行模块化打包, 还是 Angular 进行依赖注入,我们都可以把JS代码分成一个个小的模块并组装起来。然后我们还会通过 less 或者 sass 来把CSS文件也拆成一个个小的模块来写,甚至我们在CSS代码中感受到了 封装,继承,多态 等面向对象的特性。 然而,在 webpack 出来之前,我们所谓的模块化根本不能算作模块化。为什么这么讲,因为我们存在一个重要的问题没有解...
Directive 看上去虽然和Angular中的定义类似,Directive 都是对DOM功能的一种拓展,但是 Vue 的 Directive 要弱的多。因为 Vue Component 其实本来就会包含对DOM的操作,所以大多数时候我们写一个通用组件都是一个Component 而不是一个 Directive,而 在 Angular 我们写一个通用的组件一般都是一个 Directive 。 所以我说 Vue 的 Directive 相比于 Angular 要弱的多,也可以说纯粹的多,他就是对 DOM 功能的一个拓展,而不是为了封...
本文实例讲述了JS防止网页被嵌入iframe框架的方法。分享给大家供大家参考,具体如下: 例如: <script type="text/javascript">if (window!=top) // 判断当前的window对象是否是top对象top.location.href = window.location.href; // 如果不是,将top对象的网址自动导向被嵌入网页的网址 </script>这段代码是有效的。但是,有一个问题:使用后,任何人都无法再把你的网页嵌入框架了,包括你自己在内。 于是,我今天就在考虑,有没有...
本文实例讲述了Yii框架分页技术。分享给大家供大家参考,具体如下: 直接上代码: 1.首先写控制器层 先引用pagination类 use yii\data\Pagination;写自己的方法: function actionFenye(){$data = Field::find(); //Field为model层,在控制器刚开始use了field这个model,这儿可以直接写Field,开头大小写都可以,为了规范,我写的是大写$pages = new Pagination([totalCount =>$data->count(), pageSize => 2]); //实例化分页类,带上参数...
本文实例讲述了laravel框架模板之公共模板、继承、包含实现方法。分享给大家供大家参考,具体如下: 简介: 利用laravel框架开发后台管理系统或web站点,即嵌入式开发,所以php开发人员要自己整合模板。 本篇举例后台管理系统 模板路径:/resources/views/admin 1.建立公共目录 /resources/views/admin/layouts/ layouts下面分别建立如下几个模板(可自行减少或增多)/header.blade.php 头部 /main.blade.php body核心区域 /si...
本文实例讲述了Yii框架通过请求组件处理get,post请求的方法。分享给大家供大家参考,具体如下: 在控制器的操作中处理get,post请求时,首先需要获得请求组件。 $request = \Yii::$app->request;得到这个请求组件后,我们就可以通过请求组件获得参数了。 //通过get获取参数 $id = $request->get("id"); //通过post获取参数 $id = $request->post("id");在Yii框架中,我们不仅可以获取参数,还可以设置默认值,如果传参中没有这个参...
本文实例讲述了Yii框架实现对数据库的CURD操作。分享给大家供大家参考,具体如下: 首先要对数据库进行操作,需要创建一个和数据库表名相同的model,放在models文件夹下 user.php <?php namespace app\models; use yii\db\ActiveRecord; //继承ActiveRecord实现CURD操作 class user extends ActiveRecord { }后面的代码中命名空间都已经省略 namespace app\controllers; use yii\web\Controller; use app\models\user;1.查询 第一种...
本文实例讲述了Laravel框架查询构造器 CURD操作。分享给大家供大家参考,具体如下: 新增 //插入一条数据 public function insert(){$rs = DB::table(student)->insert([name => Kit,age => 12]);dd($rs); //true } //插入一条数据并返回自增ID public function insert(){$id = DB::table(student)->insertGetId([name=>Tom,age=>11]);dd($id); //1004 } //插入多条数据 public function insert(){$rs = DB::table(student)->ins...
本文实例讲述了Yii框架操作cookie与session的方法。分享给大家供大家参考,具体如下: cookie操作 设置cookie //获取response->cookies组件 $cookies = \Yii::$app->response->cookies; //设置cookie数组 $array_cookies=array(name=>user,value=>doubly); //添加cookie数据 $cookies->add(new Cookie($array_cookies));删除cookie $cookies->remove(user);读取cookie $cookies = \Yii::$app->request->cookies; echo $cookies->ge...
本文实例讲述了Laravel5.4框架中视图共享数据的方法。分享给大家供大家参考,具体如下: 每个人都会遇到这种情况:某些数据还在每个页面进行使用,比如用户信息,或者菜单数据,最基本的做法是在每个视图空控制器中传入这些数据,但显然并不是我们想要的结果。另一种方法就是使用视图数据共享,视图数据共享的基本使用很简单,可查看视图文档了解详情,这里我们演示两个使用示例:在视图间共享数据和视图Composer 在视图中共享数据...
本文实例讲述了yii框架使用分页的方法。分享给大家供大家参考,具体如下: yii中使用分页很方便,如下两种方法: 在控制器中: 1、 $criteria = new CDbCriteria(); //new cdbcriteria数据库<br>$criteria->id = id ASC; //排序规则 $count = Exchange::model()->count($criteria); $pager = new CPagination($count); $pager->pageSize=30; $pager->applyLimit($criteria); $categoryInfo = Category::model()->findAll($cr...
本文实例讲述了laravel5.1框架基础之路由。分享给大家供大家参考,具体如下: 我在学习Laravel5.1,虽然刚刚开始,认识很浅,但还是需要做做归纳,清晰认识 建议大家到laravel学院学习laravel 1、路由(app/routes.php) 在routes.php中进行路由设置,;作为访问的统一入口,是控制器的统一调度;没有配置路由,就没有正确地访问路径;路由需要自己规定一定的规则,方便自己查看、使用、理解;2、路由基本类型及使用示例 getRoute:...
本文实例讲述了YII2.0框架行为(Behavior)。分享给大家供大家参考,具体如下: 行为(Behavior) 使用行为(behavior)可以在不修改现有类的情况下,对类的功能进行扩充。 通过将行为绑定到一个类,可以使类具有行为本身所定义的属性和方法,就好像类本来就有这些属性和方法一样。 而且不需要写一个新的类去继承或包含现有类。 Yii中的行为,其实是 yii\base\Behavior 类的实例, 只要将一个Behavior实例绑定到任意的 yii\base\Co...