logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

解决 input 输入框在 iOS 系统中无法输入内容

问题:input 输入框在 Android 系统可以输入和点击,但是在 iOS 系统上 input 输入框无法点击和输入。

#ios#safari#前端 +1
Vue中 子组件向父组件传值 及 .sync 修饰符 详解

我们先看下官方文档:vue .sync 修饰符,里面说vue .sync 修饰符以前存在于vue1.0版本里,但是在在 2.0 中移除了 .sync 。但是在 2.0 发布之后的实际应用中,我们发现 .sync 还是有其适用之处,比如在开发可复用的组件库时。我们需要做的只是让子组件改变父组件状态的代码更容易被区分,从 2.3.0 起我们重新引入了 .sync 修饰符,但是这次它只是作为一个编译时的

#前端#vue.js
Vue3中 ref 属性详解

总结:在 Vue3 中没有 $refs,因此 Vue3 中通过 ref 属性获取元素就不能按照 vue2 的方式来获取。Vue3 需要借助生命周期方法,因为在 setup 执行时,template 中的元素还没挂载到页面上,所以必须在 mounted 之后才能获取到元素。总结: 先申明 ref 响应式数据,再返回给模版使用,模板中通过 ref 绑定数据;总结: 先定义一个空数组,再定义一个函数获取

#前端#vue.js
Vue中 Vue.use() 原理及使用

相信很多人在用 Vue 使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时,就不需要用 Vue.use(axios),就能直接使用。那这是为什么呐?因为 axios 没有 install。1. 举例理解在新建的项目中创建两个文件:plugins.jsuse.js:// plugins.jsconst Pl

#前端#vue.js#es6
Vue中 引入使用 localforage 改进本地离线存储(突破5M限制)

说到本地存储数据,首先想到的是 localStorage,应该很多小伙伴都用过,使用很简单。存储容量限制,大部分浏览器应该最多5M。我就遇到过localStorage存储字符然后尺寸爆掉的情况;仅支持字符串,如果是存对象还需将使用 JSON.stringify 和 JSON.parse 方法互相转换,有些啰嗦;读取都是同步的。大多数情况下,还挺好使的。如果存储数据比较大,如一张重要图片base64

#vue.js#前端
JavaScript中 sessionStorage 、localStorage 和 cookie 之间的异同点

1. 共同点:都是保存在浏览器端、且同源的2. 区别:1、cookie数据始终在同源的http请求中携带(即使不需要)即cookie在浏览器和服务器间来回传递,cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下. ; sessionStorage和localStorage不会自动把数据发送给服务器,仅在本地保存。2、存储大小限制也不同;cookie数据不能...

#javascript#前端
Scss 基本使用 ( @extend、 @mixin、@import、@if、@for、@while、@each )

传送门:Scss 基本使用(变量、嵌套)传送门:Sass中文网传送门:Sass 教程 | 菜鸟教程1. 继承( @extend )@extend 指令告诉 Sass 一个选择器的样式从另一选择器继承。如果一个样式与另外一个样式几乎相同,只有少量的区别,则使用 @extend 就显得很有用。<style lang="scss">.contanier1{font-size: 24px;fo

#scss#sass#css
JavaScript 监听移动端横竖屏状态的几种方式

关于 orientationchange 事件定义和用法: 在用户水平或者垂直翻转设备(即方向发生变化)时触发的事件。当视图状态发生改变时,监听器对应的函数就会执行,而对应的 MediaQueryList 对象也会传入。这个对象包括两个属性:matches(布尔值),表示CSS media query是否与当前的显示状态匹配;media 对应传入的参数字符串。关于 matchMedia() 方法定

#javascript
Vue中 引入使用 patch-package 为依赖打补丁 (以修改 vue-pdf 打包后 [hash].worker.js 路径问题为例)

patch-package npm地址patch-package github文档如果不需要在生产中运行 npm (如:正在制作 web 前端,则可使用 --save dev)

#vue.js
Vue中 实现右键自定义菜单

1. 原生方法1.1 完整代码<template><div class="home"><!-- 在需要右键菜单的元素,绑定contextmenu事件 --><divclass="test" v-for="item in menus" :key="item"@contextmenu.prevent="openMenu($event,item)">{{i

#vue.js#前端
    共 118 条
  • 1
  • 2
  • 3
  • 12
  • 请选择