- 博客(58)
- 收藏
- 关注
原创 uni-app踩坑三--视频全屏后,退出全屏
直接上代码<video class="content" id="myVideo" ref="myVideo"></video>const ctx =this.$refs.myVideoctx.exitFullScreen()不要问我为啥这么点代码,还写上来,因为一开始没有好好看文档,给自己个惩罚...
2020-04-28 11:34:50
4817
2
原创 uni-app踩坑二--关于录制视频
如果要做录制视频的功能,那么首先看到的是但是他不支持app所以放弃吧第二个那就是视频但是这个最长录制60s,好吧,那么仅仅用uni-app是做不到录制长视频的,如果和产品沟通他还是要做,那可能就要原生代码试试了,原生我不会,退下了...
2020-04-28 11:31:32
4111
5
原创 uni-app video全屏层级高的问题
uni-app video全屏层级高的问题uni-app怕坑记一 关于视频全屏层级太高由于抖音啥的火起来后,越来越多的设计喜欢设计这种视频上面有操作按钮的产品了。感到头痛。。。。如果你想做出这种效果,我劝你直接嵌入nvue页面吧,不用再做那些无用的尝试了,毕竟我也是这样过来了的,好的上代码。老师画面学生画面电脑画面AI评课500200&...
2020-04-28 11:24:37
5356
4
原创 echart 水滴图水波颜色设置
option 的代码如下:area3Option:{backgroundColor:'rgba(0,0,0,0)',series:[{type:'liquidFill',data:[0.6],...
2020-04-02 11:17:48
1934
原创 vue项目中,使用v-html后样式没法改变
在vue单页模式中为了防止页面之间的样式互相影响,会加上scoped,之后就互相不受影响了,但是在使用 v-html时候样式没法改变,去掉scoped之后就可以了,...
2019-03-02 11:27:53
903
原创 axios不能携带后台返回的cookie
在做后台管理系统时,会有一个后台返回的cookie验证用户登录状态,但是在vue中使用的axios不能携带cookie,只能给它一个属性就是:axios.defaults.withCredentials = true;但是随之而来的问题,后天设置的ctx.set('Access-Control-Allow-Origin', '*')失效了,没有办法,只能让后台添加单个的域名允许跨域...
2019-03-01 14:40:21
1455
原创 vue采坑----报错找不到相应组件
上午写的时候报了一个错,说是找不到组件,原谅我英语不好,还死活去问别人别人也不知道发生了啥,中午吃完了饭,才发现,根本不是找不到这个模块,而是在这个模块里面引入的图片是找不到的,哭晕在厕所...
2018-08-29 14:16:29
3790
原创 微信小程序开发————关于调试接口
到后期调试接口,首先出现的问题可能就是“你请求的域名不合法”这个问题,你可以去微信开发者工具里面看看,你的小程序上面都绑定了那些域名,看看后台给你的接口在不在这三个之间,如果说你这个没有绑定任何域名,你可以要求他绑定,如果说后台说现在先测试,你可以把你的appid去掉,你就可以调用他的接口了,但是最后肯定还是要绑定域名的,第二个可能是404,出现404你就可以仔细观察一下接口文档,是不是你的请
2018-02-05 18:19:47
6864
原创 微信小程序开发有关app.json总结
刚刚开始小程序开发的时候,遇到最多的就是app.json找不到某个page的错,可是我明明已经在app.json中写好了,把开发者工具重启了N次也没有效果,但是我男朋友的都没有报错,知道过了几天才发现是我的命名方式有问题,在微信小程序里面用字母加下划线的方式命名,一定不要用“-”链接,一定不要用“-”链接,一定不要用“-”链接,重要的事情说三遍。
2018-02-05 18:09:30
693
2
原创 小程序总结
17年一月份开始做一个小程序的项目,到现在还在调接口中,现在想总结一下遇到的一些坑,首先是项目的结构,本来把ue拿过来,看起来像一个单页模式的项目,然后就是用组件化的方式写。本来微信开发者工具可以根据你创建的是page还是component来帮你生成目录。但是后来我发现这样写的话,用户点击微信小程序自带的返回按钮就会返回到首页了,又把单页模式改成跳转,所以一定要看好需求再决定用那种方式来做这个
2018-02-05 18:03:19
611
原创 react-native笔记-----组件的生命周期
组件的生命周期答题分为加载、更新和卸载,下面是常用生命周期:加载组件:componentWillMount(加载前)componentDidMount(加载后)更新组件:componentWillUpdate(更新前)componentDidUpdate(更新后)卸载组件:componentWillUnmount(卸载前)compnentDidUnmount(卸载后)
2017-08-28 11:54:13
244
原创 react-native笔记
昨天开始配置环境,之前没接触过类似的,因为之前直接就在浏览器运行就可以了,今天这个时候终于调出来了,当然这对于大神来说很简单,对于我这种小白来说是战略性的进步,所以写个博客记录一下,怕以后用得到有忘了。配置环境,我没有用哪个chocolatey,我觉得基本上有android sdk,java的jdk,还有模拟器,phython以及node就可以了。还有一个重要的环节就是配置环境变量。要
2017-07-18 17:07:27
232
原创 node笔记--jade模版
1.安装jade npm install jade2.引入jade模块var jade = require('jade')3.引入文件模块var fs = require('fs');4.var str = jade.renderFile('./1.jade',{pretty:true});5.fs.writeFile('index.html',str);在index.html
2017-04-25 10:24:06
287
原创 express笔记--基础
1.安装express npm install express2.引用express var express = require('express');3.读取文件通过express-static模块,4.通过var server = express()可以创建服务5.通过server.listen(8080)监听通过server.use(expressstatic('文件路径
2017-04-24 15:45:01
226
原创 webpack笔记
1.准备一个index.html文件,引入bundle.js文件准备一个叫entry.js的入口文件,npm init 出现一个pakage.json文件然后运行webpack entry.js bundle.js就会出现一个bundle文件2.新建文件叫webpack.config.js文件内容为 module.exports = {entry
2017-04-24 15:31:14
183
原创 node笔记--模块
node的模块分为系统模块和自定义模块系统模块可以通过require引入,赋值给变量名,即可使用自定义模块必须通过export才能在其他模块中require后使用大多数情况下使用module.export={}来使用自定义模块,在写路径时,当前目录为./文件名,如果将模块文件放在node_modules文件中则不用写相对路径,直接像系统模块一样使用即可
2017-04-20 13:36:45
187
原创 node笔记---node基础的一个小实例
这个小实例可以分别访问文件或者接口进行区分,还有通过不同的请求来进行处理这里定义/login为访问接口,直接访问为读文件约定请求方式为post登陆的act为login注册的act为reg例子:var server = require(''http);var fs = requie('fs');var urls = require(url);var que
2017-04-20 13:29:38
242
原创 node笔记---node基础
1.文件模块通过require('fs')引入文件模块,并复制给变量fs其中读文件为fs.readFile('aaa.txt',function(err,data){});文件存在则读取文件,回调函数中第一个参数是错误信息,第二个参数是读取出来的内容fs.writeFile('aa.txt','写入的内容',function(err){});文件不存在创建文件并写入内容,文件存在,写入
2017-04-20 11:49:00
318
原创 vue笔记------router
vue2.0中队router有些改变标签变为router-link 要跳转到哪里通过to的属性值来改变同时去掉了router.map函数关联需要通过const routes = [{ path:'要跳转的地方',conponent:'组件名'}]创建router实例的时候要将上面的参数传进去const router = new VueRouter({routes:routes});
2017-04-07 13:41:30
229
原创 vue笔记--------slot
slot可以说用来占位例子:111122223333XXXX没有内容时显示我var vm = new Vue({el:'#box',data:{a:'aaa'},conponents:{'aaa':{template"#aaa" }}})
2017-04-07 10:04:37
175
原创 vue笔记---子组件把数据发送到父组件
vue.$emit(事件名称,数据)例子:1111子组件var vm = new Vue({el:"#box",data:{a:'aaa'},components:{'aaa':{data(){return{msg:111,msg2:'我是父组件元素'
2017-04-07 09:40:16
213
原创 vue笔记---vue1.0v-el:和v-ref用法
vue1.0中的v-el和v-ref在2.0中被废弃了。所以2.0中如果需要此功能要通过ref属性在js中用$refs获取元素
2017-03-23 14:37:19
8149
原创 vue2.0笔记---transition填坑
vue1.0中transition可以通过一个其他元素来写,只要添加transition属性,属性值就是动画的名字。但是2,0中是transition元素来写,而且在不断改错过程中发现transition元素在审查元素时,是不存在的,所以动画效果不能添加到transition元素上。并且2.0的名字是通过name属性定义的。所以说你定义动画的元素要写在transition元素里面。。
2017-03-23 10:06:12
304
原创 vue笔记-----深入响应式原理
模型层只是普通的JavaScript对象,修改它则更新时图。这会让状态管理变得非常简单且直观,不过理解它的工作原理以避免一些常见的问题也是很重要的。如何追踪变化把一个普通的JavaScript对象传给Vue实例的data选项,Vue将遍历此对象的搜游属性,并使用Object.defineProperty把这些属性全部转为getter/setter。Object.defi
2017-03-14 15:16:43
1507
原创 vue笔记----组件
组件是vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义元素,vue.js的编译器为它添加特殊功能。在有些情况下,组件页可以是原生HTML元素的形式,以is特性扩展。组件使用#注册之前说过,我们可以通过一下方式创建一个Vue实例new Vue({el:'#some-element',//选项
2017-03-13 17:22:33
386
原创 vue笔记---表单修饰符
#lazy在默认情况下,v-model在input事件中同步输入框的值与数据,但你可以添加一个修饰符lazy,从而转变为在change事件中同步。在change而不是input事件中更新#number如果像自动将用户的输入值转为Number类型(如果原值的转换结果为NAN则返回原值)可以添加一个修饰符number给v-model来处理输入值:这通常很有用,因为在
2017-03-10 10:49:42
555
原创 vue笔记--事件修饰符
阻止单击事件冒泡提交事件不再重载页面修饰符可以串联>/a>只有修饰符添加事件监听器时使用事件捕捉模式只当事件在元素本身(而不是子元素)触发时触发回调vue.js为v-on提供了事件修饰符,通过点(.)便是的指令后缀来调用修饰符。.stop.prevent.capture.self.once2.1
2017-03-10 10:09:24
391
原创 vue笔记---条件渲染
Username Emial 变化var app = new Vue({ el:'#app', data:{ loginType:'username' }, methods:{ toggle:function(){ return this.loginType =
2017-03-10 09:39:58
310
原创 vue笔记----class和style绑定
数据绑定是一个常见需求是操作元素的class列表和他的内敛样式。因为他们都是属性,我们可以用v-bind处理他们:只需要计算处表达式最终的字符串。不过,字符串拼接麻烦又易错。因此在v-bind用于class和style时,Vue.js专门增强了它,表达式的结果类型除了字符串之外。还可以是对象或数组绑定THML Class对象语法我们可以传给v-bind:cl
2017-03-09 13:56:08
282
原创 vue笔记--计算属性
1.htmlOriginal message:"{{message}}"2.scriptvar app = new Vue({el:"#app",data:{message:'Hello!'},computed:{reverseMessage:function(){return this.message.split('').reverse().joi
2017-03-06 16:37:13
207
原创 vue笔记---模版语法--指令缩写
v-前缀在模板中是作为一个标示vue特殊属性的明显标识。使用vue.js为现有的标记添加动态行为时,它会很有用,但对于一些经常食用的指令来说有点繁琐。同时,当搭建vue.js管理所有的模版的spa时,v-前缀也变得没那么重要了,因此vue.js为两个最为常用的指令提供了特别的缩写:1.v-bind缩写//缩写2.v-on缩写//缩写
2017-03-06 14:03:46
639
原创 vue笔记---模板语法--过滤器
vue.js允许自定义过滤器,被用作一些常见的文本格式化。过滤器应该被添加在mustache插值的尾部,由“管道符”指示:{{message|capitalize}}在vue2中,过滤器只能在mustache绑定和v-bind表达式中使用,因为过滤器设计目的就是用于文本交换,你应该使用计算属性。过滤器总接受表达式的值作为第一个参数new Vue({ filters
2017-03-06 13:55:29
670
原创 vue笔记--模板语法--指令
指令是带有v-前缀的特殊属性。指令属性的值预期是单一JavaScript表达式(除了v-for)指令的职责是当其表达式的值改变时相应地将某些行为应用到DOM上。 Now you see me这里,v-if指令将根据变大是seen的值的真假来移除/插入元素1.参数一些指令能接受一个“参数”,在指令后以冒号指明。例如v-bind指令被用来相应地更新html属性在这里hr
2017-03-06 13:40:08
297
原创 vue笔记---模板语法-插值
1.文本数据绑定最常见的形式就是使用‘Mustache’语法(双打括号)的文本插值:message:{{msg}}使用v-once指令,也能执行一次性的插值,当主句改变时,插值处的内容不会更新。但请留心这回影响到该节点上所有的数据绑定:this will nver change:{{message}}2.纯html双打括号会将数据解释为纯文本,而非html。为了输出ht
2017-03-06 13:22:57
1960
原创 vue笔记----实例的生命周期
每个vue实例在被创建之前都要经过一系列的舒适化过程。例如,实例需要配置数据观测、编译模版、挂载实例到DOM,然后在数据变化时更新DOM。在这个过程中,实例也会调用一些生命周期钩子,这就给我们提供了执行自定义逻辑的机会。var vm = new Vue({ //created 这个钩子在实例被创建之后被调用:data:{a:1}created:function()
2017-03-06 11:41:41
159
原创 vue笔记---属性与方法
每个vue实例都会代理data对象里所有的属性:var data = {a:1}var vm = new Vue({ data:data})vm.a===data.a //true//设置属性也会影响到原始数据wm.a = 2data.a //2//反之亦然data.a = 3vm.a //3只有这些被代理的属性是响应式的
2017-03-06 11:28:28
247
原创 vue笔记----构造器
每个vue.js应用都是通过构造函数vue常见一个vue根实例启动的:var vm = new Vue({//选项})虽然没有完全遵循mvvm模式,vue的设计无疑收到了它的启发。因此在文档中经常会使用vm这个变量名便是vue实例在实例化vue时,需要传入一个选项对象,它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。可以扩展vue构造器,从而用预定义选项常
2017-03-06 10:58:27
249
原创 vue笔记-----component粒子2
1.html2.scriptVue.component('todo-item',{props:[todo],template:'{{todo.text}}'})var app = new Vue({el:'#app',data:{groceryList:[{text:'Vegetables'},{text:cheese},{tex
2017-03-06 10:06:20
167
原创 vue笔记-----component粒子1
1.html2.scriptVue.component({template:'this is a todo'})var app = new Vue({el:'#app'})
2017-03-06 09:48:52
250
原创 vue笔记------model
1.html{{message}}2.scriptvar app=new Vue({el:“#app”,data:{message:"hello world!"}})
2017-03-06 09:26:18
279
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人