12 2019 档案

摘要:动态包裹哈 子组件 引入组件 阅读全文
posted @ 2019-12-29 23:01 南风晚来晚相识 阅读(440) 评论(0) 推荐(0) 编辑
摘要:is 是组件的一个属性,用来展示组件的名称 is和component联用哈 vue提供了component来展示对应的组件名称 compont是一个占位符,is这个属性,用来展示对应的组件名称 三个子组件 可以向tab栏一样去切换组件哈 阅读全文
posted @ 2019-12-29 22:53 南风晚来晚相识 阅读(992) 评论(0) 推荐(0) 编辑
摘要:你要注意安卓和苹果是不同的哈 有些属性是苹果才有的,有些是安卓独有的 有些两个都有哈 // 边框要设置两个属性哈 borderColor: 'pink', marginTop: 10, 具体看地址 https://reactnative.cn/docs/textinput.html clearbut 阅读全文
posted @ 2019-12-28 23:01 南风晚来晚相识 阅读(733) 评论(0) 推荐(0) 编辑
摘要:写在组件中 想要图片出来还应该给图片宽高哈!! alignItems: 'center', //水平居中 动态渲染列表 返回的是一个数组 网络图片的渲染方式 本地图片渲染方式有不同哈 阅读全文
posted @ 2019-12-28 21:09 南风晚来晚相识 阅读(1019) 评论(0) 推荐(0) 编辑
摘要:app.js 文本水平居中了哈 控制文本的大小 字体颜色等 只有在文本元素上去控制哈 在app.js中写入一个组件哈 app.js如下 组件ViewDemo1.js 水平垂直居中 全屏 tu 全屏利用了 width: '100%', //撑满屏幕 height: '100%', //撑满屏幕 con 阅读全文
posted @ 2019-12-28 19:22 南风晚来晚相识 阅读(884) 评论(0) 推荐(0) 编辑
摘要:问题1==》今天遇见一个问题 在UI图上有【新增便签内容】 【获取便签内容】 然后我却忘记问 有没有【删除便签】 【修改便签】 以后如果有 新增 获取 别忘记问一下有没有 crud 问题2==》还有就是当某一个区域显示列表时。 一定要问一下。如果列表里的数据很多。 是一次性获取后台的数据。(会有滚动 阅读全文
posted @ 2019-12-26 23:14 南风晚来晚相识 阅读(127) 评论(0) 推荐(0) 编辑
摘要:原生js判断某个区域的滚动条滚动到了底部 讲解==》 关系公式:element.scrollHeight element.scrollTop === element.clientHeight 解释:此公式可以用于判断是否滚动到底 你必须知道这个方法 可以判断滚动条滚动到了底部哈! element.s 阅读全文
posted @ 2019-12-26 22:50 南风晚来晚相识 阅读(1386) 评论(0) 推荐(0) 编辑
摘要:###震惊p标签可以编辑高度随内容的编辑而发生变化### 1==>只可编辑,粘贴复制字段长度不正常 <p contenteditable="true" >这是一个可编辑内容的p</p> 2==>既可编辑,又可粘贴复制,文本字段长度正常 <p contenteditable="plaintext-on 阅读全文
posted @ 2019-12-25 20:14 南风晚来晚相识 阅读(732) 评论(0) 推荐(0) 编辑
摘要:##产生垂直滚动条和修改滚动条的样式兼容谷歌和火狐 我们为什么会处理浏览器滚动条的样式了? 因为浏览器的滚动条,会影响页面的宽哈; 当页面的宽度发生变化时,那么页面的内容排版就会发生变化! 所以我们必须处理浏览器 讲解 hidden-ovflow-box 是产生滚动条的区域 .hidden-ovfl 阅读全文
posted @ 2019-12-25 19:54 南风晚来晚相识 阅读(756) 评论(0) 推荐(0) 编辑
摘要:项目搭建 1== 需要创建的文件夹 styles 存放公共的样式 components 存放组件 lib第三方库的 utils 自己的帮助库 reques 自己的接口 2==》如何快速创建页面 在app.json中 写好页面路径。直接保存,就会自动生成文件 "pages/good_lis/good_ 阅读全文
posted @ 2019-12-22 22:43 南风晚来晚相识 阅读(458) 评论(0) 推荐(0) 编辑
摘要:设置淘宝镜像 (这一步可以省略) npm config set registry https://registry.npm.taobao.org global npm config set disturl https://npm.taobao.org/dist global1 然后安装完 yarn 阅读全文
posted @ 2019-12-22 17:07 南风晚来晚相识 阅读(3089) 评论(0) 推荐(1) 编辑
摘要:2== 安装SDK 6.0 打开安卓Android Studio 出现 Unable to access Android SDK add on list 点击 Cancal 在点击Cancel 在点击OK 然后进入Welcome to Android Studio界面 点击下面的Configure 阅读全文
posted @ 2019-12-22 17:00 南风晚来晚相识 阅读(625) 评论(0) 推荐(0) 编辑
摘要:##安装Android Studio 安装android 一直next就行了。这以步需要10分钟左右。 我的安卓SDK在这个目录 C:\Users\user\AppData\Local\Android\sdk1 安卓软件在 C:\Program Files\Android\Android Studi 阅读全文
posted @ 2019-12-22 16:47 南风晚来晚相识 阅读(998) 评论(0) 推荐(0) 编辑
摘要:使用H5和ionic 进行移动APp开发 首先要开发一个完整的网站,然后,在网站的基础上,使用 H5+huozhe ionic提供的打包技术,把网站打包成一个应用。 把网站打包成一个可以安装到手机上运行的APp, 为什么要打包了??? 为了可以安装的手机上 为了可以调用底层设备的api 打包之后,可 阅读全文
posted @ 2019-12-18 22:15 南风晚来晚相识 阅读(832) 评论(0) 推荐(0) 编辑
摘要:安装java JDK 不推荐更改安装路径。 安装时 不要有中文 会安装jdK和jre 1==》在系统变量中,点击新建;【新建】 然后添加下两句 JAVA_HOME C:\Program Files\Java\jdk1.8.0_51 2==》在系统变量中,找到path,分别添加如下两句。 具体是【编辑 阅读全文
posted @ 2019-12-18 22:13 南风晚来晚相识 阅读(628) 评论(0) 推荐(0) 编辑
摘要:一进入这个页面就开始调用这个函数 在mouted中调用这个函数 离开这个页面 关闭摄像头 beforeDestroy(){ this.cancalCloseVideo(); } methods:{ cancalCloseVideo(){ this.MediaStreamTrack && this.M 阅读全文
posted @ 2019-12-18 13:20 南风晚来晚相识 阅读(3075) 评论(0) 推荐(0) 编辑
摘要:引入 Redirect 默认展示某一个页面 Switch 一旦找到 路由 就停止 不会在往下找了 阅读全文
posted @ 2019-12-17 23:05 南风晚来晚相识 阅读(1174) 评论(0) 推荐(0) 编辑
摘要:路由的基本使用 下载 npm i -D react-router react-router-dom APP.js ps==>NavLink 选中的时候 可以高亮 demo 是你自己添加的一个类哈 activeClassName 点击的时候 可以高亮显示 import Chuli from "./co 阅读全文
posted @ 2019-12-17 22:57 南风晚来晚相识 阅读(201) 评论(0) 推荐(0) 编辑
摘要:组件的三大属性 state props refs 写组件的要求: 1》组件必须大写 2》组件必须只有一个根元素 state是组件的重要对象 值可以是对象 组件被称之为 状态机 通过跟新组件的 state来对应跟新响应的页面 阅读全文
posted @ 2019-12-17 22:50 南风晚来晚相识 阅读(324) 评论(0) 推荐(0) 编辑
摘要:###05案例 每隔0.2s颜色变淡### ###componentDidMount表示组件已经挂载,可以进行DOM操作### import React, { Component } from "react"; export default class Life extends Component 阅读全文
posted @ 2019-12-17 22:43 南风晚来晚相识 阅读(224) 评论(0) 推荐(0) 编辑
摘要:##案例 每隔0.2s颜色变淡## 公共数据是放在state中的哦! 代码如下 import React, { Component } from "react"; import { setTimeout } from "timers"; export default class Life exten 阅读全文
posted @ 2019-12-17 22:35 南风晚来晚相识 阅读(286) 评论(0) 推荐(0) 编辑
摘要:总结:遇见的bug 如何写一个蒙层 最初我打算的是自己写一个蒙层,但是写出来后, 不能够将整个屏幕全部覆盖。只能够覆盖 除【顶部导航】 和【左侧菜单栏】 于是我就使用了element ui中的 【Loading 加载中】的【整页加载】来处理 推荐使用它来做蒙层 因为简单快 2== 显示 显示区域无法 阅读全文
posted @ 2019-12-12 23:15 南风晚来晚相识 阅读(926) 评论(0) 推荐(0) 编辑
摘要:首先在腾讯地图 成为开发者 它在【产品】==》【微信小程序开发】==》下的XXX sdk中 注册秘钥 拿到秘钥 我是使用手机号 验证码进行登录的 1. 申请开发者密钥(key):申请密钥 2. 开通webserviceAPI服务:控制台 key管理 设置(使用该功能的key) 勾选webservic 阅读全文
posted @ 2019-12-11 22:37 南风晚来晚相识 阅读(767) 评论(0) 推荐(0) 编辑
该文被密码保护。
posted @ 2019-12-11 13:42 南风晚来晚相识 阅读(18) 评论(0) 推荐(0) 编辑
摘要:点击按钮,进行页面之间的跳转 bindtap="goNext" 点击事件 阅读全文
posted @ 2019-12-10 22:24 南风晚来晚相识 阅读(2662) 评论(0) 推荐(0) 编辑
摘要:参考地址 http://www.yilingsj.com/xwzj/2018 11 26/weixin navigationbartitletext.html 页面最初是【在线教研】 可以在这个页面的XX.json中去配置 "navigationBarTitleText":"在线教研" 页面就有在线 阅读全文
posted @ 2019-12-10 21:21 南风晚来晚相识 阅读(2917) 评论(0) 推荐(0) 编辑
摘要:value="{{username}}" 绑定值 值在js文件的data中 pa== Vant Weap中表单中的值,不是双向绑定的。 你获取值后, 值并没有在对用的data中,你要赋值到data里。 设置值是 通过 this.setData({ usertel: event.detail.valu 阅读全文
posted @ 2019-12-10 20:58 南风晚来晚相识 阅读(292) 评论(0) 推荐(0) 编辑
摘要:van field框的使用 和通过事件获取值 阅读全文
posted @ 2019-12-09 22:55 南风晚来晚相识 阅读(1612) 评论(0) 推荐(0) 编辑
摘要:如何使用第三方ui库vant weapp 使用第三方库的注意点 阅读全文
posted @ 2019-12-09 22:38 南风晚来晚相识 阅读(1201) 评论(0) 推荐(0) 编辑
摘要:在element-ui中,如果你想知道Switch是开还是关,使用事件 @change="getchange(value2)" 它会输出true或者false。true代表的是开,false代表的是关。 <template> <div> <el-switch v-model="value2" act 阅读全文
posted @ 2019-12-08 22:38 南风晚来晚相识 阅读(7202) 评论(0) 推荐(0) 编辑
摘要:页面一加载就会让文本框获得焦点 当光标失去焦点后,文本框又会自动获得焦点 光标点击之后,仍然可以进行跳转 document.getElementById("input1").focus(); //获取焦点 阅读全文
posted @ 2019-12-08 22:15 南风晚来晚相识 阅读(530) 评论(0) 推荐(0) 编辑
摘要:<!-- 第一个过滤器 是msgFormt 第二个过滤器是test 第二个过滤器是可以连续的使用的哦 --> <div id="app"> <!--通过传递参数 可以随意的替换值--> <p>{{ msg | msgFormt("飞宇")|test }}</p> <!-- msgFormt是一个过滤 阅读全文
posted @ 2019-12-08 19:01 南风晚来晚相识 阅读(338) 评论(0) 推荐(0) 编辑
摘要:过滤器的使用 msgFormt是你自己定义的过滤器方法, Vue.filter是你自己定义的全局过滤器。没有s 过滤器要有返回值哈 用retuen Vue.filter("msgFormt",function (msg,th) { //第一参数 msgFormt 是方法 //第二个参数msg,是数据 阅读全文
posted @ 2019-12-08 18:29 南风晚来晚相识 阅读(237) 评论(0) 推荐(0) 编辑
摘要:// 这是一个私有的指令 他是在vm这个实例对象里里面的 所以说是私有的 directives 多一个s // 在css中是font-Weight。在第二个字母的大写该为小写,去掉横线。 // 这中写法跟原生的jS控制css是一样的 //font-Weight:控制字体的粗细 100 200 300 阅读全文
posted @ 2019-12-08 18:16 南风晚来晚相识 阅读(307) 评论(0) 推荐(0) 编辑
摘要:在自定义指令的时候,和js行为有关的,最好就写在inserted中去,防止js代码不生效。和样似有关的操作放在bind中去Vue.direactive 【d儿 Rai K T V】 没有s哈 <body> <div id="app"> <input type="text" value="" v-co 阅读全文
posted @ 2019-12-08 17:47 南风晚来晚相识 阅读(498) 评论(0) 推荐(0) 编辑
摘要:<body> <div id="app"> <input type="text" value="" id="search"> </div> <script> var vm = new Vue({ el: "#app", data: { } }); // 原生自动获取焦点 document.getEl 阅读全文
posted @ 2019-12-08 17:28 南风晚来晚相识 阅读(1611) 评论(0) 推荐(0) 编辑
摘要:.el-dialog{ display: flex; flex-direction: column; margin:0 !important; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .el-di 阅读全文
posted @ 2019-12-05 22:11 南风晚来晚相识 阅读(12416) 评论(0) 推荐(0) 编辑
摘要:<template> <el-table :data="tableData" style="width: 100%"> <el-table-column label="日期" width="180"> <template slot-scope="scope"> <i class="el-icon-t 阅读全文
posted @ 2019-12-04 22:38 南风晚来晚相识 阅读(4681) 评论(0) 推荐(0) 编辑
摘要:<!-- 上传组件 --> <!-- 总结一下: action 写图片上传请求的路径 去路径哈 show-file-list就是当你上传时,是否会显示出上传的是哪一个图片,一般为false handleAvatarSuccess它是成功的回调 beforeAvatarUpload:上传之前做的一些事 阅读全文
posted @ 2019-12-03 22:42 南风晚来晚相识 阅读(3876) 评论(0) 推荐(0) 编辑
摘要:需求 需求:除了拿到false,还要拿到v-for中的index 如何解决:再使用一次父传子,:a="index" 将下标值传递给子组件 注意要加引号 <experts @handlerchange="ChangeV" :a="index"></experts> 在html页面直接{{a}}就可以使 阅读全文
posted @ 2019-12-02 23:33 南风晚来晚相识 阅读(10618) 评论(0) 推荐(0) 编辑
摘要:一个固定高度的div的子元素 在垂直 方向上平均分布 .important-dec{ height: 121px; flex-direction: column; display: flex; justify-content: space-between; } 动态计算元素的宽 除了支持 - 还有 阅读全文
posted @ 2019-12-02 22:13 南风晚来晚相识 阅读(443) 评论(0) 推荐(0) 编辑
摘要:今天下午在请求接口的时候,出现了一个问题就是 传参问题 接口是请求成功的200,但是修改后返回来的却是500,这就很纳闷怎么会这样了。 经过查找,原来是因为传参问题。将有一个name:0 传递成了name:1; 又是怎么确认是传参的问题了。 不要去写动态传递参数了。写一个死的参数 来测试这个死的参数 阅读全文
posted @ 2019-12-02 21:54 南风晚来晚相识 阅读(505) 评论(0) 推荐(0) 编辑
摘要:<template> <div> <el-table :data="tableData" style="width: 100%"> <el-table-column label="日期" width="180"> <template slot-scope="scope"> <i class="el- 阅读全文
posted @ 2019-12-02 21:26 南风晚来晚相识 阅读(4523) 评论(0) 推荐(0) 编辑
摘要:给表头添加一个底部分割线 固定表格的内容高度 添加底部按钮 <template> <div> <el-button type="text" @click="dialogTableVisible = true">打开嵌套表格的 Dialog</el-button> <el-dialog title=" 阅读全文
posted @ 2019-12-01 20:01 南风晚来晚相识 阅读(6627) 评论(0) 推荐(0) 编辑
摘要:17==》循环数组 类似v-for import React, { Component } from "react"; export default class CharShop extends Component { // state初始化一般写在构造器当中 constructor(props){ 阅读全文
posted @ 2019-12-01 17:49 南风晚来晚相识 阅读(3094) 评论(0) 推荐(0) 编辑
摘要:17==》 条件渲染 state初始化一般写在构造器当中 CharShop.js如下 import React, { Component } from "react"; export default class CharShop extends Component { // state初始化一般写在 阅读全文
posted @ 2019-12-01 17:47 南风晚来晚相识 阅读(297) 评论(0) 推荐(0) 编辑
摘要:16==》 this.setStat是批量执行的 它发现做三次是多余的,所以只执行一次 import React, { Component } from "react"; export default class StaTest extends Component { state = { nun: 阅读全文
posted @ 2019-12-01 17:45 南风晚来晚相识 阅读(267) 评论(0) 推荐(0) 编辑
摘要:14 》 修改state中的值 不能够直接修改 state = { num: 10 } 如 this.state.num+=12; 不能够直接修改 错误 通过 this.setState({ num:this.state.num+12 }) 15==> 获取state中的值 ps==>当你进入一个组 阅读全文
posted @ 2019-12-01 17:42 南风晚来晚相识 阅读(1413) 评论(0) 推荐(0) 编辑
摘要:componentDidMount声明周期函数 表示组件渲染完成后 componentWillUnmount声明周期函数 组件将要卸载 通常用于(为了防止内存泄漏 清除定时器) 11==>创建组件 Clock.js 组件名大写 12==》报错 Attempted import error: 'Clo 阅读全文
posted @ 2019-12-01 17:38 南风晚来晚相识 阅读(1035) 评论(0) 推荐(0) 编辑
摘要:10 > 传递参数 import React from "react" //一定要导入React // 函数类型去创建组件 export function Web1(props){ return <div> 我是以函数的形式创建的组件 <p> {props.name}</p> </div> } // 阅读全文
posted @ 2019-12-01 17:28 南风晚来晚相识 阅读(205) 评论(0) 推荐(0) 编辑
摘要:08==》创建组件以 1类的形式 或者以 2函数的形式 09==》使用组件 在src下创建components文件夹 是放组件的 CompType.js 组件 组件开头大写(重要) CompType.js文件如下 import React from "react" //一定要导入React // 函 阅读全文
posted @ 2019-12-01 17:24 南风晚来晚相识 阅读(206) 评论(0) 推荐(0) 编辑
摘要:react负责逻辑控制 reactdom负责渲染 本节知识点 有 1)变量的使用,简单使用。 1==》jsx中的注释 {/* */} 2 》 简单的渲染 app.js ps==>定义变量 使用变量 import React from 'react'; function App() { const n 阅读全文
posted @ 2019-12-01 15:27 南风晚来晚相识 阅读(618) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示