前端资源网 - w3h5

Deshun 发布于 4年前 (2021-01-06) 1505℃ 评论(0) 赞 (2)

很久前整理过 localStorage 和 sessionStorage 的区别的联系，今天再来整理一下他们和 Vuex 中的 $store.state 的区别。1、存储位置及类型：localStorage 和 sessionStorage 是存在本地缓存；Vuex 是存储在内存中。localStorage 和 sessionStorage 只能存储字符串类型，对于复杂的对象可以使用 ECMASc...

标签： Vuex  /  本地存储  /  sessionStorage  /  localStorage  /  Vuex存储  /  store

Deshun 发布于 4年前 (2021-01-05) 1621℃ 评论(0) 赞 (2)

前些时间写了 Vue状态管理模式：Vuex入门教程 ，今天再整理一下，利用 Vuex 全局接受参数及存取使用的一个方法。首先要使用 store ，安装及使用方法参见上文。在 ./store/index.js 中添加代码：const store = new Vuex.Store({   state: { &...

标签： Vue  /  Vuex  /  uni-app  /  uni  /  store  /  Vue全局接收参数  /  uni-app全局接收参数

Deshun 发布于 4年前 (2020-12-30) 1826℃ 评论(0) 赞 (1)

微信小程序和 uni-app 的 tabbar 是不能使用 navigatorTo 方法进行跳转的。需要使用 switchTab 方法进行跳转：以 uni-app 为例uni.switchTab({   url: '/pages/index/index' })详细参数可参考 uni-app 官方文档：http://un...

标签： uni-app  /  微信小程序  /  tabar跳转  /  小程序页面跳转  /  页面跳转

Deshun 发布于 4年前 (2020-12-23) 2737℃ 评论(0) 赞 (1)

今天同事封装一个导航栏的组件，使用的 Element UI 的 NavMenu 组件。遇到一个问题，如果菜单没有下拉是 <el-menu-item /> 标签，而有下拉的是 <el-submenu /> 标签。在循环遍历的时候就出了问题，必须要判断一下是否有二级菜单，并区分展示。使用 div 包裹，改变组件的标签结果，就会导致报错，无...

标签： element  /  Element UI  /  element导航组件  /  NavMenu  /  NavMenu导航菜单  /  Element动态导航

Deshun 发布于 4年前 (2020-12-23) 1424℃ 评论(0) 赞 (2)

一般获取 input 的值，直接使用 $('input').val() 就可以了。但是像 checkbox 、 radio 之类的标签是不行的。需要获取选中状态的 value 值。获取 checkbox 和 radio 的值：$("input[name='sex']:checked").val()...

标签： checkbox  /  radio  /  jq获取radio的值  /  jq获取checkbox的值  /  jQuery获取值

Deshun 发布于 4年前 (2020-12-18) 2226℃ 评论(0) 赞 (0)

try 不仅可以和 catch 搭配食用，还有一个 finally 语句块。try {   console.log('try块内log')   return 'try中的return' } catch (error) {   console.log(...

标签： ESLint  /  代码规范  /  报错  /  javascript  /  try  /  finally

Deshun 发布于 4年前 (2020-12-17) 1565℃ 评论(0) 赞 (0)

封装了一个方法来查询银行 logo 的文件名，然后使用 require 引用。<image   class="iconImg"   :src="require(`@/static/icons/setting/bankIcon/${this.getCodeWitName(name)}.png`)" />...

标签： JavaScript  /  js  /  ja教程  /  try  /  catch  /  处理异常  /  require

Deshun 发布于 4年前 (2020-12-15) 1519℃ 评论(0) 赞 (0)

对于前端来说，操作数组是难免会用到的，下面整理了在数组任意位置插入元素的方法：splice() 方法添加/删除数组中的元素，我理解为是替换数组中的项目。语法：arr.splice(index, howmany , 'item1', 'item2', ...)index 插入/删除的位置（下标）howmany 需要删除...

标签： 数组  /  Array  /  数组操作  /  数组插入元素  /  js数组  /  javascript  /  删除数组  /  合并数组  /  数组拼接

Deshun 发布于 4年前 (2020-12-13) 1995℃ 评论(0) 赞 (1)

JavaScript trim()去除字符串头尾的空格trim() 方法用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。trim() 方法不会改变原始字符串。trim() 方法不适用于 null, undefined, Number 类型。语法：string.trim()实例：var str = "  ...

标签： trim()  /  js教程  /  js基础  /  js去除空格  /  js删除空格  /  javascript  /  前端教程