请注意,本文编写于 2071 天前,最后修改于 173 天前,其中某些信息可能已经过时。
因为普通注册事件方法的不足,jQuery又创建了多个新的事件绑定方法bind() / live() / delegate() / on()等,其中最好用的是: on()
代码分为html、css、js三部分,和平时写前端代码基本一样。 不过有几点需要说明下:
Pinia 是 Vue.js 官方推荐的新一代状态管理库,它提供了非常简洁和直观的 API,可以极大地提高我们管理应用状态的效率。本文将深入介绍 Pinia 的各种高级用法,内容涵盖:
移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。
Window是浏览器内置的全局对象(也叫顶级对象),我们学习的所有Webapi知识都是基于Window对象实现的。 DOM BOM都是属于window对象
请注意,本文编写于 2082 天前,最后修改于 173 天前,其中某些信息可能已经过时。
大家知道,Vue2.x之后,Vuex状态管理是必须要掌握的一个技术点,今天北妈先介绍下Vuex是什么,然后在介绍几个封装好的操作本地缓存、状态的几个组件,需要的童鞋赶紧拿走,可能有很多人已经再用了,并不是什么高大上的东西,只是让更多的人能加快开发的效率。
这节课学习的是移动端的返回顶部,当我们页面滚动到内容以后,就出现返回顶部的标志,只要我们点击就能返回到页面的顶部.
简单来说浏览器插件,是浏览器上的一种工具,可以提供一些浏览器没有的功能,帮你做一些有趣的事情。开发者可以根据自己的喜欢,去实现一些功能。插件基于Web技术(html、css、js)构建。
然后,你就可以将objStr按正常的方式存入localStorage中了,如下所示:
在React项目中,我们会使用redux 来进行状态管理。redux和其它状态管理技术一样,刷新页面后,数据就会恢复成初始状态。
IE浏览器(Microsoft Internet Explorer) 对URL长度限制是2083(2K+53),超过这个限制,则自动截断(若是form提交则提交按钮不起作用)。中文字符的话只有2083/9=231个字符。
工作中我们经常会遇到B页面需要A页面内的部分或全部数据;C页面内的一个函数执行完之后需要改变B页面内的显示样式;也或者是A和B两个页面用到了同样的网络数据,在其中一个页面做出修改后另一个页面也要随之改变以保证回传服务器时数据的准确性,等等诸如此类的页面间数据传递的问题。
作者简介:五月君,Software Designer,公众号「Nodejs技术栈」作者。
在我们的平时开发过程中,为了高效的提示开发效率和缩短开发的时间,这时我们会想到使用一些周边的插件,今天小编整理了一下自己在开发过程中使用的插件,不仅是对知识的梳理,希望能帮助正在迷茫或者正在使用这些插件的你,让我们一起进步。
写JQuery项目时,使用websocket很简单,不用去考虑模块化,组件之间的访问问题,面向文档编程即可,在Vue项目中使用时,远远没有想象中的那么简单,需要考虑很多场景,本篇文章将与各位开发者分享下vue-native-websocket库的使用以及配置,用其实现群聊功能。
送人玫瑰,手有余香,你是什么,你的世界就是什么💡 前言 网络上与axios相关的教程、以及源码解析有很多,还有健全的官方文档,本篇文章面向于初学axios库的开发者,目标是快速上手,如果觉得本篇文章帮助到了你,也就达到了这篇文章的目的😊 安装依赖 本文中使用的是Vue CLI3.0,安装依赖使用vue add命令进行 axios安装 vue add axios # yarn | npm安装 yarn add axios | npm install axios 引用插件执行add命令后
服务器内存优化是一个复杂的过程,通常需要综合考虑应用程序的性能需求、硬件资源、运行环境以及操作系统等因素。以下是一些建议来优化服务器内存:
Uniapp是一种跨平台的移动应用开发框架,它允许开发者使用一套代码库,同时生成iOS、Android等多个平台的应用程序。这种技术方案可以大大降低开发成本,提高开发效率,使得移动应用的开发变得更加高效和便捷。
ruda 是手机浏览器中的开发者工具,是一个JS插件,在自己的页面中引入即可 Eruda 的由来 Eruda 的作者以前在手机中进行页面开发时,感觉日志输出非常麻烦,经常使用类似 window on
每次新版本重新签名打包的时候一定要记得手动修改config.xml配置最新的apk版本上传服务器并手动修改服务器的版本号
HTTP Cookie(也叫 Web Cookie 或浏览器 Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常,它用于告知服务端两个请求是否来自同一浏览器,如保持用户的登录状态。Cookie 使基于无状态的 HTTP 协议记录稳定的状态信息成为了可能。
vuex有一个hook方法:store.subscribe((mutation, state) => {}) 每次在mutation方法执行完之后都会调用这个回调函数,返回执行完毕之后的state
从视频中可以看出,当我们打开两个窗口时,两个量子之间竟然还存在相互纠缠,简直把前端代码发挥到了极致,如此奇妙的效果到底是如何实现的呢?
WordPress 4.6 版本终于发布了,这个版本弃用了 Open Sans 字体,现在后台使用应该更加快速了,并且还更新了 WordPress 插件和主题的更新模式,更加简洁顺滑。
whistle是一款用Node实现的跨平台的Web调试代理工具,支持查看修改http(s)、Websocket连接的请求和响应内容。IMWEB团队avenwu作品。github地址:https://github.com/avwo/whistle
hugo博客搭建后,博客写作和发布流程较为复杂,因为是静态博客,每次都需要重新编译。不过,通过GitHub action,我们已经把这步交给GitHub去做了。我们只需提交即可触发自动编译并发布到你部署的平台,我目前托管在GitHub pages,vercel,render,netlify这四个平台上,不过8月下旬起vercel提供*.vercel.app域名已经被墙,我开启了独立域名 https://zhjin.eu.org 。
注:content_scripts段中的代码会在页面加载对应阶段"document_start", “document_end”, or "document_idle"自动注入 但是脚本运行在与页面独立的上下文中,无法访问到原页面的脚本上下文资源 如需访问原页面脚本上下文,可在content_scripts脚本中将web_accessible_resources段中声明的脚本注入到document中 样例: js/content-script.js
用Vue做项目开发很久了,对于vuex能用、会用,但是因为状态脱离页面和刷新丢失两个原因,一直都有种抵触,特别是一些简单的数据都是通过query或者本地存储就解决了,然而对于一些复杂内容,不可避免的还是要使用Vuex去处理(真香),但是刷新丢失的问题,的确叫人头大。最近闲下来,我们来研究下怎么干掉这个问题~
富文本编辑器 wangEditor http://www.wangeditor.com/ 百度UEditor https://ueditor.baidu.com/website/ KindEditor http://kindeditor.net/demo.php MediumEditor http://yabwe.github.io/medium-editor/ Simditor https://simditor.tower.im/ Summernote https://summernote.org/ Q
Autocomplete 顾名思义就是自动完成,在 input 框中输入内容时,将会自动补全符合输入内容的信息。
Pinia是vue的专属状态库,允许开发者跨组件或页面共享状态,他是一个拥有组合式API的Vue状态管理库,支持vue2和vue3,有三个概念,state、getter 和 action,我们可以假设这些概念相当于组件中的 data、 computed 和 methods。。
Vue-cli脚手架构建的七牛图片管理图床单页应用(基于museui),前后端分离。后端基于express及七牛nodejs-SDK开发,服务原本部署在Heroku,由于服务响应速度慢的原因,已将服务部署在云服务器上。
本地存储(localStorage)已经不是新鲜的概念,本文并不是本地存储的概念及 API 介绍,而是对本地存储在实际业务场景中的一些问题做些探讨,从而形成一套规范,保证本地存储在提高页面性能、提升用户体验的同时,避免出现莫名其妙的错误。
在第一章中,我们的Todo List已经初现锥形,本章节我们对页面优化,同时让数据实现本地存储。主要用到localStorage + Vuex来实现页面交互和存储功能。
无论是 Chrome,还是 Firefox 浏览器,它们的强大性在很大程度上都是依赖于海量的插件,让我们能高效办公
几个月前,我在 很哇塞的 3 个 Java 实战项目! 中推荐过一个在线网盘的实战项目。
本文讲述了Web Storage的过去、现在和未来。Web Storage是浏览器提供的一种存储机制,可以用于在客户端存储数据,过去受限较大,现在随着技术的进步,容量和使用方法都有所扩展。作者提到了LocalStorage的各种限制和问题,并给出了一些解决方案。同时,也介绍了一些以LocalStorage为基础的第三方库,如store.js、lawnchair等,这些库为Web Storage提供了更多灵活和便捷的使用方式。
进入一家新的公司,要开发移动端app项目,前端技术选型时前端组长选的是vue的多页面开发,当时很蒙,vue不是单页面开发吗?咋出来多页面的。接触之后才发现确实存在也挺简单的,省去了路由表的配置。那就给大家整体思路分析一波吧。不足之处还请包涵!
Vuex是一个专为Vue.js应用程序开发的状态管理模式。 用于集中管理应用程序的所有组件之间共享的状态,确保状态的一致性和可预测性。
我虽然不是工具控,但写作类的工具用过不少,其中 Notion 和 Typora 还专门写文章介绍过:
2016乌镇互联网会议上,李彦宏大大说"移动互联网时代已经结束",小马哥也持有类似观点。不过这都是大牛的事,对于菜菜的俺来说,落后一个时代远比两个时代好的多,称为一个不错的跟随着是现阶段主要的任务。
在做项目的过程中,做了一些笔记,记录了自己有疑问的地方,还要一个个解决,现在先写一下每个项目开始前的准备:
native 嵌套h5 本地存储问题,按照正常逻辑来说(localStorage、sessionStorage),本是没有任何问题的。
这里首先定义了两个变量f和g,我们知道变量是可以重新赋值的。后面是一个匿名自执行函数,在 if 条件中调用了函数 g(),由于在匿名函数中,又重新定义了函数g,就覆盖了外部定义的变量g,所以,这里调用的是内部函数 g 方法,返回为 true。第一个条件通过,进入第二个条件。
OpenYurt 是由阿里云开源的基于原生 Kubernetes 构建的、业内首个对于 Kubernetes 非侵入式的边缘计算项目,目标是扩展 Kubernetes 以无缝支持边缘计算场景。它提供了完整的 Kubernetes API 兼容性;支持所有 Kubernetes 工作负载、服务、运营商、CNI 插件和 CSI 插件;提供良好的节点自治能力和云边协同能力。OpenYurt 可以轻松部署在任何 Kubernetes 集群服务中,让强大的云原生能力扩展到边缘。
领取专属 10元无门槛券
手把手带您无忧上云