drnrrwfs的博客

前言：本篇文章使用的腾讯地图的api，获取当前地址是uniapp的，也可以根据其他地图进行查找。获取到当前城市坐标也可以自行使用其他的地图。目录一、首先获取用户所在地1.获取授权信息2.获取地理位置3.根据地理位置查找城市4.城市的信息一、首先获取用户所在地1.获取授权信息 const that=this uni.authorize({ scope: 'scope.userLocation', // 获取地理信息必填的参数，其它参数见文

本来用npm下载 npm install -g @vue/cli-service-global` 但是发生报错：npm ERR! code ERR_SOCKET_TIMEOUT意思是安装超时了，所以采用cnpm下载先安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org然后下载cnpm install -g @vue/cli安装完后查看vue-cli版本C:Userscc>vue -V@

插件主要对 name 字段进行必填验证，提交事件通过 form-type 绑定<uni-forms ref="signUpForm" :value="signUpFormData" :rules="rules"> <uni-forms-item label="" name="username"> <uni-easyinput type="number" placeholder="请输入登录手机号码" v-model="signUpFormData.username"

D:ethereumDkfuwq>node app.jsnode:internal/modules/cjs/loader:936throw err;^Error: Cannot find module ‘safe-buffer’Require stack:- D:ethereumDkfuwq ode_modulesKoa ode_modulescontent-dispositionindex.js- D:ethereumDkfuwq ode_modulesKoalib esponse.j

前言在学习JavaScript预编译之前，先了解一下JavaScript从编译到执行的过程，大致分为四步：词法分析语法分析：检查代码是否存在错误，若有错误，引擎会抛出语法错误。同时会构建一颗抽象语法树(AST)。预编译解释执行预编译JavaScript是解释性语言，也就是说，编译一行，执行一行，但js并非上来就进入编译环节，它在编译之前存在预编译过程。js中预编译一般有两种：全局的预编译和函数的预编译，分别发生在script内代码执行前和函数的执行前。函数预编译首先来看一个例子：

金三马上就要开始了，俗话说得好，知己知彼百战百胜，多准备总是没有错的。以面试的形式和大家一起学习、一起回顾我们的职场生涯。今天简单总结一下我个人去面试，包括我在面试别人时的经验。加油加加油！！！目录开头热场问题1. 说一下工作中解决过比较困难的问题 或 说一下自己项目中比较有亮点的地方2. 你了解浏览器的事件循环吗？? ? 2.1 为什么 js 在浏览器中有事件循环的机制？? ? 2.2 你了解事件循环当中的两种任务吗？? ? 2.3 为什么要引入微任务的概念，只有宏任务可以吗？? ? .

vue是每一个前端开发人员都绕不过的一个技术，在国内的市场占有量也是非常的大，我们大部分人用着vue, 却不知道他内部其实经历了一些什么。每个生命周期又是什么时候开始执行的。我们今天来详细的看一看首先，生命周期是个啥？借用官网的一句话就是：每一个vue实例从创建到销毁的过程，就是这个vue实例的生命周期。在这个过程中，他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。那么这些过程中，具体vue做了些啥，我们今天来了解一下。语述了解之前，我们先贴上一张官网的.

chrome更新到94之后，会自动阻止发送不安全的内网请求比如，你从 http://www.website.com 发送请求到 http://192.168.0.1 的时候，就会被阻止，并且报这样的错:net::ERR_FAILEDNetwork Error(Ensure private network requests are made from secure contexts，其实就是让你把服务改成https的)解决办法，就是关闭这个新特性，不要让它禁用①打开Chrome实验功能在Ch

1、当返回值validate 为一个Promise对象时letvalidate=that.selectValidEvent();console.log( validate);2、 这种情况下如何获取promise对象的值PromiseResult，话不多说上代码：validate.then((result)=>{console.log(“result”,result);}输出结果：3、总结：用了async声明方法为异步那个方法that.selectValidEvent(); 返回

hiprint打印table数据无法绑定解决办法事件起因：问题描述：hiprint使用教学：hiprint案例(附下载地址)：hiprint的依赖导入案例代码解释：事件起因：因为前两天要弄一个a4纸的打印功能（嵌入在网页里面），结果前两天因为弄这个搞得挺恼火的，到笔者终于解决了这个问题后，特此来说明一下这个问题，以便后来者能够吸取经验教训问题描述：我所创建的一个空的vue项目，后面在这个里面加入hiprint进行数据的打印整个项目的结构：我因为写的一个简单的数据

网页中，很常见的是头部导航栏、底部链接、面包屑或者其他部分，在网站的每一个页面都会出现，并且样式统一可以使用vue-router提供的router-view来构成一个布局组件，将头部导航栏、底部链接等写在页面上固定渲染，切换页面时，只切换中间内容部分思路：1、创建一个layout文件，放置一个router-view标签即可，每一个路由请求默认都是从这里进去跳转，这里是示例每个页面都带一个面包屑组件（一般是app.vue，这里我自定义了一个）//layout文件<template>

1、TypeScript快速上手1.1 初识 TypeScriptTypeScript 的介绍TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代码。2012年10月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScriptTypeScript的作者是安德斯·海尔斯伯格，C#的首席架构师。它是开源和跨平台的编程语言。TypeScript扩展了J

问题：下载文件，后端返回buffer，前端下载；浏览器报ReferenceError: Buffer is not defined原因：在页面中使用了Buffer，但是浏览器中JS没有Buffer对象，它是存在Node中。解决：将Buffer对象改用ArrayBuffer对象，ArrayBuffer对象是 ES6 才写入标准的。浏览器原生提供ArrayBuffer()构造函数，用来生成实例。它接受一个整数作为参数，表示这段二进制数据占用多少个字节。接口返回结果：改写后的下载方法：func

这里写目录标题RESTful 入门一、什么是 API（应用程序接口）二、传统模式和前后端分离模式对比1. 传统开发模式2. 前后端分离模式三、RESTful 风格1. 概念2. 资源3. 请求方式4. 传统模式 URI 和 RESTful 风格对比5. 返回值-按需求决定6. HTTP响应状态码7. 同一个资源具有多种表现形式(xml,json等)8. 使用Ajax来发送各种请求方法的请求9. 相关注解10. RequestMapping标签的属性四、

这一日，叶小凡来到青山院附近的小山上修炼，忽然，被一块石头绊了一跤。正在他自认倒霉打算爬起来的时候，在石头缝里边发现了一枚古怪的戒指。戒指通体呈现一种枯黄色，似有一些年代悠久之感。“摔了一跤，捡到一个戒指，算是补偿吧，虽然这戒指应该也没什么用。”叶小凡随手拿起戒指，戴在了手上。就在这时，一股神秘的力量从叶小凡丹田之处涌了上来，似乎自己忽然置身于一种奇妙的空间之中。“哈哈哈，小娃娃，没想到我叶老被封印了上千年，今天托你的福终于重见天日啦！咦，你的修为怎么这么低，竟然连幼儿园的水准都没有！罢了罢了，从今以后

vue-cli项目运行npm run dev / npm run serve后报错：Error: Rule can only have one resource source (provided resource and test + include + exclude) in { "exclude": [ null ], "use": [ { "loader": "G:\CustomerDay\customerdayode_modules\cache-load

升级项目使用外部包时报错，查了下解决方案，记录下https://web03.cn/blog/263我根据我使用的的情况具体了下方案，我是使用jhipster的，所以具体如下。首先npm install node-polyfill-webpack-plugin然后修改webpack.custom.jsconst NodePolyfillPlugin = require('node-polyfill-webpack-plugin')module.exports = async (conf.

2021最全面、最详细web前端面试题及答案总结总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！本章是HTML考点的重难点，因此我们采简略回答的式进撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『 』的为频试题doctype的作是什么？DOCTYPE是html5标准声明，且必须声明在HTML档的第。来告知浏览器的解析器什么档标准解析这个档，不同的渲染模式会影响到浏览器对于 CSS 代码甚 JavaScript 脚本的解析档解析类型有：Bac

文件上传时；前端因为不使用form表单提交信息，所以后端报Current request is not a multipart request该错，因为不使用form表单提交数据时，前端没有默认content-type为multipart/form-data，所以就会报个错，如果在ajax请求中加上contentType:‘multipart/form-data’ 时又会有其他错。解决：1.可加上form表单提交数据2.前端js使用FormData类**（推荐）**如...

数据可视化前言：https://blog.youkuaiyun.com/diviner_s/article/details/115933789项目最终效果图：此篇博客为自己学习pink老师的课后完成的项目的总结与记录，仅供交流参考。版权所有，转载请标注原作者！使用echarts技术做的可视图，此外其项目包含 的技术有html、css、js、jquerry、ajax、websocket、koa等。echarts相关概念：https://blog.youkuaiyun.com/diviner_s/article/detai.

?? 小 木 带 你 体 验 极 致 的 插 件 extcolor{Orange}{小木带你体验极致的插件} 小木带你体验极致的插件?? 你 是 否 为 了 看 课 而 烦 恼 呢 ？ extcolor{green}{你是否为了看课而烦恼呢？} 你是否为了看课而烦恼呢？???? 你 是 否 为 了 不 知 道 怎 么 快 速 浏 览 而 诅 丧 呢 ？ extcolor{Brown}{你是否为了不知道怎么快速浏览而诅丧呢？ } 你是否为了不知道怎么快速浏览而诅丧呢？???? 不 要 慌 ， 让 这 .

初学编程的小伙伴经常会遇到的问题，1.没资源 2.没人带 3.不知道从何开始 ，小编也是从新手期过来的，所以很能理解萌新的难处，现在整理一些以前自己学习的一些资料送给大家，希望对广大初学小伙伴有帮助！这套「web前端入门教程」将多年的编程经验灌输其中，典型的实践派。既适合初学者入门，也适合程序员进阶（学习底层）。web前端该怎么入门web前端入门教程(非常详细)给你学习前端的新手几个建议：第一：切记学习前端开发不可以依赖任何人，我做了开发这么久，十年了，见过很多依赖老师的学生，这样的后果就是自己没有解决

Vue3配置代理跨域(使用vite.config.js文件配置vue3发布有一段时间了，其中vite的启动速度是真的快。现在配置跨域和服务端口等配置，可以在vite.config.js进行配置。(类似使用vue-cli的vue.config.js）vite.config.js 配置文件vite的详细配置import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'const { resolve } = req

源码获取：博客首页 “资源” 里下载！Springboot框架+myBaits-Plus+MySQL实现的角色权限后台管理脚手架系统实战项目，实现的是所有系统最基础的后台管理功能，有了这个脚手架，以后开发别的项目就在这上面快速增加功能即可。本系统主要实现的功能有：菜单管理、角色管理、用户管理、登录、登出，不同的角色分配相应的权限，用户分配不同的角色登录后显示相应被分配的功能。本系统采用前后端分离的思想设计，后端采用springboot微服务架构，主要包含一个网关服务和一个权限管理服务，开发其他功能可.

最近开始使用vite去替代了传统的脚手架vue- cli ，为什么好好的脚手架不用，开始追求了vite，时过境迁，我们见证了诸如webpack、Rollup和Parcel等工具的变迁，它们极大地改善了前端开发者的开发体验。在将来 一定是vue3 + vite + ts时代。下面说一下用vite简单构建项引入vant一些流程 和 报错解决1.搭建vite项目使用npmnpm init vite@latest使用 Yarnyarn create vite使用 PNPMpnpm create

在给几何体或者导入的模型表面添加文字时，可以用如下方式1 将文字绘制到canvas中，并将其用作Texture给正方体某个表面添加文字为例；如下创建一个正方体// ---------------------------------------------------------------------// 添加模型// ---------------------------------------------------------------------var geometry = new T

本篇开始介绍Jetpack Compose 中的修饰符Modifier。修饰符可以用来执行以下操作：更改可组合项的大小、布局、行为和外观。添加信息，如无障碍标签。处理用户输入。添加高级互动，如使元素可点击、可滚动、可拖动或可缩放。1.常用修饰符下面先介绍一些常用的方法：alpha(alpha: Float)：设置透明度，范围0到1。background(color: Color, shape: Shape?)：设置背景色，shape可以指定形状，例如可以使用RoundedCorn

vue使用二进制流下载文件，使用 link.href = window.URL.createObjectURL(blob);报错：Failed to execute ‘createObjectURL’ on ‘URL’: Overload resolution failed.百度了下，是因为Chrome更新后不支持这种用法，需要改为： let binaryData = []; binaryData.push(blob);

项目场景：本来写的是一个js渲染，但是出了个小问题，cannot read properties of null(reading appendChild)报错。大致意思是：不能读取空的属性。let data = [ {img:"./img/OIP-C.jfif",id:13,name:'黄焖鸡米饭',订餐电话:13782721148,均价:'均价11元'}, {img:"./img/OIP-C.jfif",id:12,name:'胡辣汤',订餐电话:15188811571,均价:'均价3元'}

Linux 和 UNIX 中的文件系统是一个以 / 为根的树状式文件结构，/ 是 Linux 和 UNIX 中的根目录，同样它也是文件系统的起点。所有的文件和目录都位于 / 路径下，包括我们经常听到的 /usr、/etc、/bin、/home 等。在早期的 UNIX 系统中，各个厂家都定义了自己文件系统的命名构成，比较混乱，而且难以区分。为了避免在 Linux 系统上也出现这种命名混乱的问题，在 1994 年推出了 FSSTND(FileSystem Standard) 的 Linux 文件系统层次结构标

??项目介绍祝大家新年快乐，在新的一年中我会和大家一起学习WEB先做个自我介绍，本人是一个没人写前端所以就自学前端的后端程序员??。在此项目中我会和大家一起从零基础开始学习前端，从后端程序员的视角来看前端，受限于作者的水平本项目暂时只会更新到前端框架VUE，不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员??。该项目的学习顺序是按照我自己学习时总结出来的，其中的每个知识点都是我认真去理解的，同时也查了很多的资料，所有的参考资料我都放在了文章末尾。

Windows 10 修改 Alt+Tab 键 切换 新版 Microsoft Edge 单个标签页/窗口解决方案：在 Windows 设置 的搜索框中 搜索 alt，选择 选择按下 Alt+Tab 时显示的窗口和选项卡，将 按 Alt +Tab 将显示 选为 仅打开的窗口我的小站、Github详细过程：在 Windows 10 Build 20161 中，微软更新了 Alt+Tab 的默认行为，切换界面中包括了 Microsoft Edge 的标签页面（Chromium版本），用户能够在应用程序、

vue-router 4.0 取消了 addRouters 设置动态路由只能使用 addRouter动态路由一般是从后端获取 然后经过数据格式处理但在页面刷新后会出现一下警告：vue-router.esm-bundler.js6c02:71 [Vue Router warn]: No match found for location with path “/formlist/stepform/other”但通过getRouters又能够获取到所有的异步路由分析:页面刷新后由于是异步获取的原因

首先说一次下最简单的实现权限管理的方法，那就是在数据库中新增一个字段也就是role，然后设置0就是超级管理员1就是普通用户，然后前端我们在左侧导航栏这里这样写：我们这里data里面传一个·user，然后在create方法里面做一个调取用户数据的方法然后后端相应写一个根据用户id查询的接口：这里对应前端： request.get("/user/"+this.user.id)就可以做到对于不同的用户实现不同的界面效果总之就是在create方法里面增加：let userStr = sessionS

vue3.x版本在结合element-plus使用如果使用了表单元素以及v-model指令会在控制台看到类似vue3.x版本在结合element-plus使用如果使用了表单元素以及v-model指令会在控制台看到类似的警告，虽然不影响js运行，但是对于强迫症玩家难受的不行，下面我们来看一下这个问题是如何产生的，应该怎么解决…vue3.x版本中新增了组合api也就是setup方法，在该方法中我们可以通过ref创建一个具有响应式的基本数据类型的数据，但是呢在我们也可以通过给元素设置ref属性，从而来获取do

常用的方法一般是在mapper.xml中写一个 select count(user\_code) from sys\_law\_case\_project\_user where user\_code =#{userCode}写一个select块来调用查询。在mybatis plus中有集成好的selectCount的方法。Integer selectCount(@Param(“ew”) Wrapper queryWrapper);使用方式如下：@Overridepub

在项目中，我用谷歌浏览器查看后台返回的json数据，但是发现前端页面已经接收成功，并且渲染了对应json数据了，但是network里面的response却报错：调整对应json数据后发现，当后台返回前端的数据超过了一定大小时，就会出现响应截断的问题，不过目前没有找到在哪里设置，我本地是大概超过10m就会截断。谷歌浏览器编辑设置是about:flags，但是我找不到对应设置response的选项。后来发现火狐浏览器可以设置报文响应大小的限制，先在url栏输入about:config，然后选择接受风险并

?? 个人简介?? 作者简介：大家好，我是阿牛???? 个人主页：???? 支持我：点赞??+收藏+留言???? 系列专栏：css????格言：迄今所有人生都大写着失败，但不妨碍我继续向前！??上期传送门：??css中的选择器??css盒子模型及其实战案例（上）??css盒子模型及其实战案例（下）??css网页布局之浮动及其实战案例（超详细）??css中的定位详解??css中元素的显示与隐藏??我用css精灵图拼接了自己的英文名字，不会还有人不知道精灵图技术吧??css

一、介绍官方解释：vuex是一个专为vue.js应用程序开发的 状态管理模式。它采用集中式存储管理应用的所有的状态，并以相应的规则保证状态以一种可预测的方式发生变化。我的理解：可以理解为是 全局变量安装：npm install vuex --save接着在src下，新建一个store目录，store里再新建index.js和module目录，module目录里再存放你自己定义的模块（不懂没关系，博主下面会有代码让你复制粘贴）我的目录:store/index.js文件：import Vue

文章目录前言一、概述1.背景2.三者的关系二、设计中遇到的问题与思考背景1.如何确定需求？2.如何接手这个设计堪忧的项目？3.如何进行数据建模？①物联网情境下如何存储数据？②如何根据自身需求在TDengine上进行数据建模？③如何抽象出物联网设备的通用模型？④如何进行数据库表设计？4.如何与设备通讯？①设备如何与系统连接②如何判断设备状态③如何解析完全不一致的设备数据④如何做到反向控制5.如何设计物联网领域的通用解决方案①设备服务②