自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 变量的定义

原始值与引用值六种原始值:undefined、null、string、boolean、number、symbolsymbol:表示独一无二的值,用于定义对象的唯一属性名。保存原始值的变量按值访问的,因为我们操作的就是储存在变量种的实际值。引用值是保存在内存里的对象,JS不允许访问内存位置,实际上操作的事该对象的引用;保存引用值的变量是按引用访问的。...

2021-10-28 16:48:25 238

原创 适用于微信小程序及手机app的一种DOM拖拽事件处理

注:由于用的uniapp开发app及微信小程序所以逻辑一样可以共用一套代码但是app可以用renderJS操作dom但是微信小程序端不支持,后来想到本功能的操作很简单仅拖拽上下移动可以使用动态style的方法试试,但是这种方法有一弊端 当内容过多出现滑块时会出现拖动节点整体随之移动现象。但是我的功能比较简单上面是题目内容,中间拖拽节点下面答案和解析我只要分开设置高度再分别设置overflow即可。//上半部分<view class="contentRead" v-if="subject.opti

2021-06-04 10:46:22 411

原创 opacity特殊显示

描述1.由三层盒子嵌套而成,最外层盒子设置了opacity属性,但是给子盒子再次添加opacity属性时发现子盒子的样式未生效还是透明的;原因子元素会继承父元素的opacity属性,如果子元素单独设置了opacity那么其真正的结果值是子元素与父元素opacity值的乘积而且opacity的属性值范围是0-1,若父盒子设置了opacity子盒子再怎么设置都会是有透明度的。解决在background背景颜色中有个rgba( 40,44,50,0.5)设置,前三项为颜色最后一项是透明度设置,这样在

2021-05-27 16:52:36 293

原创 uniapp中直播横屏展示及评论自动跟进滑动至最新

横屏后返回会造成其他页面样式放大,解决方案:B页面返回A页面事件时,先行跳转一个C页面,在C页面强制解锁屏幕方向的锁定然后锁定竖屏。A(竖屏) ➡B(横屏) ➡ C(解决其他页面样式放大问题)➡A(竖屏)//c页面B页面(一定要加延时,否则在真机运行时会有时点不进去直接在A页面横屏)A页面评论跟进滑动至最新 mesageUpdate (){ // this.msgList.push({ // time:30000, // content:this.sen.

2021-05-06 18:45:29 572 1

原创 JavaScript红宝书笔记switch及函数解读

以下内容均来自红宝书特此声明switchswitch可以使用任何数据类型无论数值、字符串、对象都可以,而且每个case值都不一定是常量,也可以是变量或者表达式;switch比值用的是全等操作符;函数return语句不带返回值时,函数停止执行后将返回undefined值,一般用于需提前执行又不需要返回值时。限制:1)函数及参数不能命名为eval和arguments,2)不能出现两个参数同名的情况;理解参数:ECMAScript函数与其他语言函数有所不同,ECMA函数不介意传递来多个参数,因

2021-04-19 22:01:48 289

原创 uniapp如何在手机端自定义操作DOM节点事件

uniapp在真机上运行时是不支持js节点操作的;我可能描述的不一定对,但是功能已经实现,欢迎指正在uniapp官网API中有介绍renderJS功能有两个即提高交互能力和操作DOM;下面是我的节点拖拽功能的实现;//这是要操作的哪个节点(touchstart是鼠标按下事件)注意//的是方法move要在renderJS<view @touchstart="renderjs.move">在当前vue文件另写script标签写renderJS里的事件<script m

2021-04-06 09:23:31 4697 1

原创 uniapp及vue中使用Es6中的map

1.定义(data中return)answerSheetMap:[],//答题卡2.在生命周期上定义this.answerSheetMap = new Map();3.对后端返回数据进行处理(功能将题型根据名字不同存放)showCardModal: function(e) { this.modalCard = e.currentTarget.dataset.target this.answerSheetMap.clear(); for(let i = 0;i

2021-03-30 14:03:39 651

原创 uniapp不同的路由跳转(switchTab不能携带参数)

1.返回上一级uni.navigateBack();2.普通路由跳转(除去tab页面)可以类似于get方法传递参数uni.navigateTo({ url:`/pages/errorType/onlyErrorList?practiceRecordId=`+this.recordId+"&state="+1,})3.tab页面跳转uni.switchTab({ url:"/pages/community/community" })注意:switchTab不能传递参数可以用u

2021-03-24 10:52:09 2433 1

原创 uniapp的导航栏自定义返回路径

onBackPress(e){ console.log("监听返回按钮事件",e); //正常返回页面 if(this.fromName == '练习记录'){ // uni.navigateTo({ // url:"/pages/member/member" // }) //返回主页面tabBar uni.switchTab({ url:"/pages/member/mem

2021-03-24 09:35:08 3013 6

原创 uniapp的单选框和复选框不支持双向数据绑定怎么办!!!

其实很好解决!!!在H5中单选和复选都有一个属性及checked;true为选中,false为为选中;在vue中v-bind即:可以解析一些运算(如三目运算符等)双向数据绑定的意义在于我即可以获取到我选中的信息又可以根据信息来将相应的置为选中状态;//当发生变化时触发<radio-group class="block" @change="RadioboxChange"RadioboxChange : function(e) { //单选选中//e中可以找到你想要的信息 co

2021-03-12 14:41:55 5665

原创 uniapp的swiper进行拖拽某个页下的某个元素

uniapp貌似对mousedown、mousemove、mouseup有点不和谐。所以要用touchstart\touchmove\touchend另外我做的时题的展示,需要每滑动一次后获取一次数据所以获取节点列表时都是从头获取,不易得到到底点了哪一个节点。故有第三个代码块@touchstart="move($event,index)"swiper有上滑下滑操作所以要提前关了,划完再打开;move(e,index){ console.log("鼠标按下",e,index); //

2021-03-11 16:02:07 691

原创 quill富文本引入quill-image-extend-module和quill-image-resize-module

//引入import {quillEditor, Quill} from 'vue-quill-editor'import {container, ImageExtend, QuillWatch} from 'quill-image-extend-module'import "quill/dist/quill.core.css";import "quill/dist/quill.snow.css";import "quill/dist/quill.bubble.css";Quill.regist

2021-01-22 09:51:33 1912

原创 Vue的知识梳理总结及面试可能

Vue的数据驱动原理?数据更新原理?响应式原理?数据通过object.defineProperty进行getset拦截。通知watcher(观察者模式)订阅发布模式,触发组件重新渲染,创建新的虚拟DOM,对比旧的虚拟DOM,通过diff找出不同,以最小代价更新节点。什么是Vue?核心代表人物 尤雨溪Vue是饿了么ued团队开发并维护的一个渐进式框架,核心关注视图层vue的核心是一个允许采用简洁的模板声明式的将数据渲染进DOM系统m与v没有任何联系,VM=>双向数据绑定为什么vu

2020-11-10 11:19:22 374

原创 php关于token a in JSON问题

Unexpected token a in JSON at position 0at JSON.parse.前几日遇到此问题查了许久一直无法解决,在网上搜索的问题解决方案大多一致,就是ajax此处传入的不是json字符, var obj = JSON.parse(result); 我尝试显示了以下发现,传的数据样式无错, 究竟是何原因所致,甚微困惑,最终无奈拿别人写好php代码来试,无错,后经过仔细检查发现注意var_dump用于检测传输数据的,但是未注释的话会与JSON.parse报

2020-10-08 15:58:29 168

原创 面向对象编程思想

面向对象编程思想什么是面向对象思想面向对象的语法实现字面量的方式创建一个对象使用工厂函数的方式创建对象使用自定义构造函数创建对象什么是面向对象面向对象是一种软件开发方法,面向对象是一种对现实世界理解和抽象的方法,属于高级编程思想。面向对象实则是对面向过程的封装思想面向过程:只关心数学逻辑。面向对象的语法实现类:抽象概念,将具有相同特征的一类事物的抽象概念。对象:具体的唯一的个位,某一类下的具体实例。通过new声明对象var tom = new Object();省略new声明对

2020-09-22 15:51:59 247

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除