栏目: JavaScript

微信小程序Sessionid不一致问题解决

问题由于小程序端两次请求的sessionid不一致,导致后端无法取得session解决办法在登录时获取sessionid//第一次请求登录接口时保存到sessionid中success:function(res){wx.hideLoading();wx.removeStorageSync('sess...

2021-04-26 41 0 0 阅读全文

Oninput 事件- 输入提示-纯函数

oninput事件在用户输入时触发。该事件在或元素的值发生改变时触发。提示:该事件类似于onchange事件。不同之处在于oninput事件在元素值发生变化是立即触发,onchange在元素失去焦点时触发。另外一点不同是onchange事件也可以作用于和元素。纯函数//纯函数:不会对外界的参数产生影...

2021-07-20 43 0 0 阅读全文

解决Vue组件没显示,没起作用,没报错,但该显示的组件没显示问题

vue中组件没显示,没报错,但是该显示的组件没有显示,这里面我们需要注意一个问题,就是template(将要渲染的HTML)必须是包含在一个标签里面的,这个和react比较像,是个小坑,所以他没有报错;最外层加个标签包起来就行

2021-05-19 71 0 0 阅读全文

Vue项目中常见问题及解决方案(推荐)

webpack项目中自动引入全局scss变量文件假设我们有一个公共的scss变量文件variables.scss/*存放所有全局变量*/$card-title:#C7D200;//首页卡片标题颜色$bc-color:#182037;$hoverColor:#7abef9;//链接hover颜色$fo...

2021-04-30 44 0 0 阅读全文

Vue 兄弟组件的信息传递的方法实例详解

兄弟组件的信息传递有三种方式:1.vuex传递。会将信息公有化。此方法可在所有组件间传递数据。2.建立Vue实例模块传递数据。Vue实例模块会成为共用的事件触发器。其通过事件传递的信息不回被公有化。3.建立事件链传递数据。一个兄弟组件通过事件将信息传给兄弟组件共有的父组件。父组件再将信息通过属性传递...

2021-04-26 47 0 0 阅读全文

Vue模仿ElementUI的Form表单实例代码

实现要求模仿ElementUI的表单,分为四层结构:index组件、Form表单组件、FormItem表单项组件、Input和CheckBox组件,具体分工如下:index组件:实现:分别引入Form组件、FormItem组件、Input组件,实现组装;Form表单组件:实现:预留插槽、管理数据模型...

2021-03-23 48 0 0 阅读全文

Vue中实现点击空白区域关闭弹窗的两种方法

1.第一种做法首页在外层容器里面取一个名字为main,即ref="main",当bankSwitch为true的时候,弹窗出现你好我是弹窗里面的内容部分所触发的事件如下:首页,先在全局创建一个点击事件:bodyCloseMenus事件作用:当点击main容器的时候(this.re...

2021-04-06 101 0 0 阅读全文

Vue.Js实现左边导航切换右边内容

本文实例为大家分享了vue.js左边导航切换右边内容的具体代码,供大家参考,具体内容如下{{item.name}}{{itemT.name}}扫一扫下载APPimportYFooterfrom'/common/footer'importYHeaderfrom'/common/header'expor...

2021-04-30 56 0 0 阅读全文

解析JS在获取当前月的最后一天遇到的坑

为了更好的讲这节的内容,提示一个JS处理日期的小技巧,想获取上个月最后一天,只需要设置SetDate参数为0即可。varendDate=newDate();//上个月最后一天endDate.setDate(0);接着正文开始:使用JS获取当前月的最后一天,咱们通常的思路先获取下个月的第一天,然后在减...

2021-04-26 46 0 0 阅读全文

微信小程序清空输入框信息与实现屏幕往上滚动

微信小程序:清空输入框信息与实现屏幕往上滚动微信小程序,是属于小程序的一种,英文名为WechatMiniProgram,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。微信小程序也是基于H5,JS的开发。一.清空输入框信息(重置输入框信息恢复默认值...

2021-06-23 50 0 0 阅读全文

微信小程序如何获取用户头像和昵称

本文介绍了微信小程序如何获取用户头像和昵称,分享给大家,具体如下:代码user.wxml:{{userInfo.nickName}}user.js//sort.js//獲取應用實例varapp=getAppPage({/***页面的初始数据*/data:{//用户个人信息userInfo:{avat...

2021-04-28 44 0 0 阅读全文

Vue计算属性实现成绩单

Vue计算属性实现成绩单代码如下:成绩单统计.gridtable{font-family:verdana,arial,sans-serif;font-size:11px;color:#333333;border-width:1px;border-color:#666666;border-collap...

2021-08-09 43 0 0 阅读全文

JavaScript Canvas实现加载图片

Usingimage*{/*margin:0;padding:0;*/box-sizing:border-box;}canvas{border-width:1px;border-color:#000000;border-style:solid;}window.onload=(event)=>{...

2021-08-18 51 0 0 阅读全文

浅谈React路由传参的几种方式

第一种传参方式,动态路由传参通过设置link的path属性,进行路由的传参,当点击link标签的时候,会在上方的url地址中显示传递的整个url首页如果想真正获取到传递过来的参数,需要在对应的子组件中this.props.location.search获取字符串,再手动解析因为传参能够被用户看见,传...

2021-03-21 81 0 0 阅读全文

梳理一下Vue中的生命周期

看过很多人讲vue的生命周期,但总是被绕的云里雾里,尤其是自学的同学,可能js的基础也不是太牢固,听起来更是吃力,那我就已个人之浅见,以大白话的方式给大家梳理一下,如有不准确的地方,欢迎指正!??什么是生命周期?生命周期,以个人之浅见,即一个事物从诞生到消亡的一个过程!以人的一生来做类比,其实就可以...

2021-04-06 62 0 0 阅读全文

微信小程序实现底部弹出模态框

本文实例为大家分享了微信小程序实现底部弹出模态框的具体代码,供大家参考,具体内容如下代码:{{comment.length}}条评论×{{item.nickname}}{{item.memo}}9-24发送CSS:/*评论*//*模态框*/.modals{position:fixed;z-index...

2021-04-09 37 0 0 阅读全文

Mini-Vue渲染的简易实现

目前的主流框架Vue、React都是通过VirtualDom(虚拟Dom)来实现的,通过VirtualDom技术提高页面的渲染效率。Vue中我们通过在template模板中编写html代码,React中我们通过在内部的一个render函数里编写html代码,这个函数通过jsx编译后,实际会输出一个h...

2021-08-09 56 0 0 阅读全文

详解如何解决使用JSON.Stringify时遇到的循环引用问题

程序员在日常做TypeScript/JavaScript开发时,经常需要将复杂的JavaScript对象通过JSON.stringify序列化成json字符串,保存到本地以便后续具体分析。然而如果JavaScript对象本身包含循环引用,则JSON.stringify不能正常工作,错误消息:VM41...

2021-03-21 40 0 0 阅读全文

JavaScript 实现生命游戏

概念介绍元胞自动机(CellularAutomata),是20世纪50年代初由计算机之父冯·诺依曼(JohnvonNeumann)为了模拟生命系统所具有的自复制功能而提出来的。生命游戏(GameofLife),或者叫它的全称JohnConway'sGameofLife,是英国数学家约翰·康威在197...

2021-04-24 69 0 0 阅读全文

关于Vue-Cli3打包代码后白屏的解决方案

:最近使用了vue-cli3.0开发了一个移动网页端项目,准备打包发布了。按照以往的流程npmrunbuild问题来了打开distindex.html文件发现白屏。打开调试后发现文件引用路径不对根据以往的经验根目录下新建vue.config.js配置publicPathmodule.exports=...

2021-05-19 68 0 0 阅读全文