智享笔记 搜索结果
-
购物车案例组件化布局
<head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .container { } .container .cart { width: 300px; margin: auto; } .container .title { background-color: lightblue; height: 40px; line-height: 40px; text-align: center; /*color: #fff;*/ } .contai
-
作用域插槽用法
<style type="text/css"> .current { color: orange; }</style><body> <div id="app"> <fruit-list :list='list'> <template slot-scope='slotProps'> <strong v-if='slotProps.info.id==3' class="current">{{slotProps.info.name}}</strong> <span v-else>{{slotP
-
具名插槽用法
<body> <div id="app"> <base-layout> <p slot='header'>标题信息</p> <p>主要内容1</p> <p>主要内容2</p> <p slot='footer'>底部信息信息</p> </base-layout> <base-layout> <template slot='header'> <p>标题信息1</p> <p>标题信息2</p&
-
插槽基本用法
<body> <div id="app"> <alert-box>有bug发生</alert-box> <alert-box>有一个警告</alert-box> <alert-box></alert-box> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> /* 组件插槽：父组件向子组件传递内容 */ Vue.
-
兄弟组件之间数据交互
<body> <div id="app"> <div>父组件</div> <div> <button @click='handle'>销毁事件</button> </div> <test-tom></test-tom> <test-jerry></test-jerry> </div> <script type="text/javascript" src="js/vue.js"></script> <script
-
子组件向父组件传值携带参数
<body> <div id="app"> <div :style='{fontSize: fontSize + "px"}'>{{pmsg}}</div> <menu-item :parr='parr' @enlarge-text='handle($event)'></menu-item> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"&g
-
子组件向父组件传值
<body> <div id="app"> <div :style='{fontSize: fontSize + "px"}'>{{pmsg}}</div> <menu-item :parr='parr' @enlarge-text='handle'></menu-item> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> /* 子组
-
父组件向子组件传值props属性值类型
<body> <div id="app"> <div>{{pmsg}}</div> <menu-item :pstr='pstr' :pnum='12' pboo='true' :parr='parr' :pobj='pobj'></menu-item> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> /* 父组件向子组件传值-pro
-
父组件向子组件传值props命名规则
<body> <div id="app"> <div>{{pmsg}}</div> <!-- 在html中是短横行方式 --> <menu-item :menu-title='ptitle'></menu-item> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> /* 父组件向子组件传值-props属性名规则 */ Vu
-
父组件向子组件传值的基本使用
<body> <div id="app"> <div>{{pmsg}}</div> <menu-item title='来自父组件的值'></menu-item> <menu-item :title='ptitle' content='hello'></menu-item> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript
-
Vue调试工具测试
<head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .root { background-color: orange; } .second { background-color: lightgreen; } .third { background-color: lightblue; } </style></head><body> <div id="app" class="root">
-
局部组件用法
<body> <div id="app"> <hello-world></hello-world> <hello-tom></hello-tom> <hello-jerry></hello-jerry> <test-com></test-com> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"&
-
组件注册注意事项下
<body> <div id="app"> <button-counter></button-counter> <hello-world></hello-world> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> /* 组件注册注意事项 如果使用驼峰式命名组件，那么在使用组件的时候，只能在字符串模板中用驼峰的方式使用组件，但是 在普
-
组件注册注意事项上
<body> <div id="app"> <button-counter></button-counter> <button-counter></button-counter> <button-counter></button-counter> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> /* 组件注册注
-
组件基本使用
<body> <div id="app"> <button-counter></button-counter> <button-counter></button-counter> <button-counter></button-counter> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> /* 组件注册
-
免费IP归属地查询接口和通过ip获取大致位置信息
1 淘宝API接口：文档：http://ip.taobao.com/instructions示例： GET http://ip.taobao.com/outGetIpInfo?ip=221.218.209.125&accessKey=alibaba-inc{ data: { area: "", country: "中国", isp_id: "100026", queryIp: "221.218.209.125", city: "北京", ip: "221.218.209.125", isp: "联通", county: "", region_id: "110000
-
git基本用法
1 克隆代码# 克隆主分支 git clone 代码地址 # 克隆其他分支 git clone -b 分支名称 代码地址2 查看分支# 查看当前分支 ，使用如下命令后会显示当前分支列表 git branch -a3 创建分支# 可以通过下面的命令在新分支创建的同时切换分支 git checkout -b 新分支名4 全局设置git config --global user.name "yourname"git config --global user.email "your email"5 创建仓库mkdir 仓库名称cd 仓库名称git inittouch README.mdgit add
-
PHP获取客户端操作系统信息
/* * PHP获取客户端操作系统信息 */function get_os(){ $agent = $_SERVER['HTTP_USER_AGENT']; $os = false; if (preg_match('/win/i', $agent) && strpos($agent, '95')) { $os = 'Windows 95'; } else if (preg_match('/win 9x/i', $agent) && strpos($agent, '4.90')) { $os = 'Windows ME'; } else if (preg_matc
-
php实现网站运行时间
1 后台定义接口// 统计站点运行时间，格式 年 月 日 时 分 秒public function getBuildTime(){ // 设置时区 date_default_timezone_set('Asia/Shanghai'); // 在下面按格式输入本站建立的时间 $site_create_time = strtotime('2023-07-29 20:15:00'); $time = time() - $site_create_time; if(is_numeric($time)){ $value = array( "years" => 0, "days" => 0, "