vue3自定义指令实现权限控制-编程思维

使用Pinia(Vue.js的轻量级状态管理库,是Vuex的替代品)来管理用户权限,并结合自定义指令控制元素的显隐。步骤操作如下: 1、安装Pinia: npm install pinia 或 yarn add pinia 解释:安装Pinia库,这是一个轻量级的状态管理库,适用于Vue 3。 2、创建Pinia Store: // stores/user.js import { defin

javascript运行时node.js基础-编程思维

一、什么是node.js?   Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时(C++语言编写),打破了过去JavaScript只能在浏览器中运行的局面。Node.js 应用程序在单个进程中运行,无需为每个请求创建新的线程。 Node.js 在其标准库中提供了一组异步的 I/O 原语,以防止 JavaScript 代码阻塞,通常,Node.js 中的库是使用

vue实例的生命周期-编程思维

官方图解   光看着图大家可能不是很理解,起码不是100%看得透,结合下面的代码就可以了。 我先总结了一下几个函数执行时Vue实例的状态: 执行beforeCreate,此时实例完全被创建出来,而data 和 methods 中的数据都还没有没初始化。执行created,data 和 methods 都已经被初始化好了!通常:如果要调用 meth

form表单如何实现ajax提交-编程思维

最近在开发一个游戏网关的后台管理系统,总结了下中间碰到的一些问题。 之一就是:form表单如何实现ajax提交? 问题:在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说想要将控制权放在前端,通过js来操作页面的跳转

js常用知识点整理-编程思维

说明:以下内容都是我工作中实际碰到的js知识点。 后面还会碰到其他知识点或对原来解决方案的改进,都会在本篇中持续不断的维护,希望给刚参加工作或初学的朋友一些参考。   1.给元素添加事件 $("button").click(function(){ $("p").css("color","red"); });   2.遍历DOM元素

js数组类型-编程思维

js数组类型: 数组检测 1.判断变量是否为数组类型: arr1 instanceof Array Array.isArray(arr1); true 转换方法 toString()方法,以便返回数组的字符串表示 valueOf()返回的还是数组

js日期格式化-编程思维

最近在学习js,发现没有直接提供方便的日期格式化函数。 搜集了下网上通用的做法,以备后续工作中使用: // 对Date的扩展,将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,  // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(

常用js正则表达式-编程思维

以下内容整理自网络,以备自用和分享: js中15个常用的正则表达式+正则集合 1 用户名正则 //用户名正则,4到16位(字母,数字,下划线,减号) var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uPattern.test("iFat3")); 2 密码

免费接口api-编程思维

前言 我们经常在不同的应用中见到镶嵌的本地地理位置气象信息,一般配合定位使用,即先获取用户位置,然后通过用户的区域请求免费的天气接口,获取气象数据,json解析后展示。 一,常用的三个接口 我常用的接口地址有三个,都是以北京的为准,如下: 1,   http://www.weather.com.cn/data/sk/10

web前端性能优化的三个偏方-编程思维

首先牢骚几句。。。这一次性能优化针对的模块,初次开发阶段客户给的时间就非常少,俩月时间跳过设计一边需求分析一边编码,最后干出6000+的代码行。最终结果嘛,呵呵,除开一堆bug不说,性能就是个非常大的问题。这次客户想让我们给它优化了,给的工时仍然是少少少。。。常规方法都备齐之后性能没有太多改善,因为主要问题是出在业务逻辑结构上,在没有时间对整体结构动大手术的前提下,想出了这么几个偏方。偏方一:我

[js]玩转博客园的几个“奇技淫巧”-编程思维

混迹博客园快一个月了,非常喜欢这块技术氛围浓厚的园地,不过在玩转园子的过程中也发现了几个小缺陷,不过好在申请了JS权限之后可以解决大部分的不方便,而在不能植入自定义JS的页面也可以用比较hack的方式来缓解问题。本文就来说一说我这一个月来碰到的几个问题以及解决之道:D 一、判断当前用户 写随笔的过程中可能经常需要对页面进行一下预览,然而编辑器的预览功能没办法带上自定义的CSS和JS,所以通常都得

在typescript项目中搭配axios封装后端接口调用-编程思维

前言 本来是想发 next.js 开发笔记的,结果发现里面涉及了太多东西,还是拆分出来发吧~ 本文记录一下在 TypeScript 项目里封装 axios 的过程,之前在开发 StarBlog-Admin 的时候已经做了一次封装,不过那时是 JavaScript ,跟 TypeScript 还是有些区别的。 另外我在跟着 next.js 文档开发的时候,注意到官方文档推荐使用 @tanstack

【nodejs】-init-编程思维

创建NodeJS项目。 #新建一个空文件夹 mkdir ReactGame #生成pakeage.json文件(这个文件主要是用来记录这个项目的详细信息的,它会将我们在项目开发中所要用到的包,以及项目的详细信息等记录在这个项目中。方便在以后的版本迭代和项目移植的时候会更加的方便。也是防止在后期的项目维护中误删除了一个包导致的项目不能够正常运行。使用npm init初始化项目还有一个好处就是在

【nodejs】命令-编程思维

一、webpack命令 在package.json的scripts中,本地开发的启动命令,通常这么配置就够了 "dev": "webpack-dev-server", 这样子它会自动读取名为根目录下webpack.config.js的文件中的配置。 如果我们要指定某个路径下的某个文件,比如我要指定读取build目录下的webpack.dev.conf.js,那么 "dev": "webpa

什么是盒模型,如何进行不同盒模型的切换-编程思维

1、什么是盒子模型 具备内容(content)、内边距(padding)、边框(border)、外边距(margin)这些属性 2、盒模型有两种 标准盒模型(W3C标准的盒子模型,大部分浏览器支持) 怪异盒模型(主要表现在IE内核的浏览器) 3、标准盒模型与怪异盒模型的表现效果的区别之处: 标准盒模型中width指的是内容区域content的宽度;height指的是内容区域c

【js基础】关于js能表示的最大精度的问题-编程思维

看了好多文章,我还是比较认可这位博主的说法: https://www.codercto.com/a/107226.html 本文只是自己做记录,是篇水文,大家可以直接访问上面链接哦~ 根据 IEEE 754 标准,有   JS能表示的最大精度应该是(253 - 1)即9007199254740991也即Number.MAX_SAFE_INTEGER JS能表示的最大正整数是21023 * [(

【js基础】闭包-编程思维

概念:闭包是指有权访问另一个函数作用域中的变量的函数。在JS中,只有函数内部的子函数才能读取局部变量,所以闭包可以简单理解成‘定义在一个函数内部的函数’。 例题 1 function test() { 2 var n = 4399; 3 function add(){ 4 n++; 5 console.log(n); 6 }

nvm、node、vue安装、vue项目创建打包-编程思维

nvm、node、vue安装、创建vue项目 nvm作用:可以管理多个版本的node,切换node版本,下载node。 前情提要 参 考:https://zhuanlan.zhihu.com/p/519270555 下载地址:https://github.com/coreybutler/nvm-windows/releases 一、常用命令 1、nvm查看安装了的no

比 nvm 更好用的 node 版本管理工具-编程思维

什么是 Volta Volta 是一种管理 JavaScript 命令行工具的便捷方式。 volta 的特点: 速度 无缝,每个项目的版本切换 跨平台支持,包括 Windows 和所有 Unix shell 支持多个包管理器 稳定的工具安装-无需每次升级都重新安装! 可扩展性挂钩用于特定于站点的定制 为什么选择 Volta? 使用 Volta,您可以一次选择 Node 引擎,然后不再担心它。