前端 终端 实战vue
SpringMVC中接收前端传递的参数，设置了编码过滤器filter，但在控制台中还是出现乱码问题
SpringMVC中接收前端传递的参数，设置了编码过滤器filter，但在控制台中还是出现乱码问题。 一行代码七个报错 于 2022-08-04 15:06:46 发布 656 收藏 3文章标签： servlet java版权在SpringMVC中遇到乱码问题不要慌，先配个SpringMVC的自带编 ......
vue2调用摄像头拍照并识别二维码
参考: https://blog.csdn.net/qq_33270001/article/details/124632110 https://www.cnblogs.com/skylineStar/p/16149694.html 图像解二维码：qrcode-decoder 摄像头需要在本地和ssl ......
前端面试真题（一）
1.深拷贝和浅拷贝的区别 浅拷贝：创建一个新对象，将原对象的属性值复制到新对象中，如果某个属性是引用类型（如对象、数组等），那么复制的就是引用地址，新对象和原对象共享该属性。 深拷贝：创建一个新对象，递归地将原对象的每个属性值复制到新对象中，包括引用类型属性，新对象和原对象互不影响。 2.节流和防抖 ......
前端面试真题（二）
1、vue的双向绑定原理是什么？里面的关键点在哪里？ Vue的双向绑定原理是基于Object.defineProperty或者Proxy来实现的，其关键点在于数据劫持，即对数据的读取和修改进行拦截，在数据发生变化时自动更新视图 2、实现水平垂直居中的方式？ 实现水平垂直居中的方式有多种，比如使用Fl ......
前端面试基础题
1.Ajax,Axios,Fetch有什么区别？ （1）三者都用于网络请求，但是维度不同（2）Ajax（Asynchronous javaScript and XML），一种技术统称（3）Fetch是一个具体的API，浏览器原生API,用于网络请求，和XMLHttpRequest是一个级别，Fetc ......
前端面试题（css）
1.css选择器（1）简单选择器（元素，Id，类来选取元素，通配选择器）（2）组合选择器（根据它们之间的特定关系来选取元素）（3）伪类选择器（根据特定状态选取元素）（4）伪元素选择器（选取元素的一部分并设置其样式）（5）属性选择器（根据属性或属性值来选取元素）2.层叠顺序 当为某个 HTML 元素指 ......
前端面试题（js）
1.this 解析器在调用函数时，每次会向函数内部传递一个隐含的参数，这个隐含的参数就是this,this指向的是一个对象，根据函数调用方式的不同，函数会指向不同的对象。 （1）以函数形式调用时，this永远指向window （2）以方法的形式调用时，this指向调用方法的对象 （3）当以构造函数形 ......
2023-06-20 uniapp 使用插件 uni-data-picker 报错：[Vue warn]: Error in nextTick: "TypeError: db.collection is not a function"
前言：项目中引用了uni-data-picker插件，其官方代码如下： <uni-data-picker placeholder="请选择地址" popup-title="请选择城市" c ollection="opendb-city-china" field="code as value, nam ......
Electron打包若依前端为桌面程序
下面的步骤是我事后整理的，还需要第二个项目进行验证，才能知道是否完整。 1.npm install electron --save-dev 2.npm install electron-builder 3.设置图标的：npm install electron-icon-builder 3.打开env ......
vue3和ts的一些使用
### 一. setup 变量不在写在data里面， 反而在setup内写。 ``` ``` ***ps:*** 1. 使用ref定义字符串，数组等变量值； 2. 变量赋值需要使用.value； ### 二. reactive ``` ``` ***ps*** 1. reactive 接收对象。 2 ......
Carbonyl 运行在终端里的浏览器
运行在终端里的浏览器。这是一款基于 Chromium 的命令行浏览器，可以在终端里用浏览器的方式访问网页，支持图片、动图、视频、音频等内容。 ``` sudo docker run --rm -ti fathyb/carbonyl http://www.cnblogs.com ``` enjoy.. ......
菜鸟工作日记--------------记录一次vue npm install时报错Maximum call stack size exceeded的解决过程
因为有一个项目需要修改一下前端，运行时报错,就使用npm i 补充一下依赖 没想到npm i 也报错了 在网上搜了一些方法 有一个是这样说的：在使用npm install 命令安装 npm 包时，遇到 “Maximum call stack size exceeded” 报错信息 解决办法： 可以将 ......
vue学习第24天 移动WEB开发------ rem适配布局
目标： 1）能够使用rem单位 2）能够使用媒体查询的基本语法 3）能够使用Less的基本语法 4）能够使用Less中的嵌套 5）能够使用Less中的运算 6）能够使用2中rem适配方案 7）能够独立完成xx移动端首页 思考： 1、页面布局文字随屏幕大小变化而变化 2、流式布局和flex布局主要针对 ......
vue配置scss全局样式
1. 安装插件 ```shell npm install sass --save-dev ``` 2. 在src文件夹下创建`styles`文件夹,并创建以下文件 
学习目标 1、flex盒子的布局原理 2、flex布局的常用属性 3、独立完成某个移动端首页案例 目录 1、flex布局体验 2、flex布局原理 3、flex布局父项常见属性 4、flex布局子项常见属性 5、案例制作 flex布局体验 1、传统布局与flex布局 建议： 1）如果是PC端页面布局 ......
Vue3 element-Plus el-tree 权限树 传值给后端及回显问题
内容:权限在新增人员时候选择传给后端并且编辑回显 坑: 1.传给后端的权限数组需要传父级id 例如:一级目录下有二级目录和2-2目录,选了2-2目录,需要把一级目录的id也给后端 2.回显的时候后端会把权限数组id都给你(包括一级目录),如果直接回显的话会默认一级下所有目录都选中 代码参考 <el- ......
vue学习第18天 css --- 移动web开发 （单独/响应式、常见布局【单独：流式、flex、rem适配、混合 / 响应式：媒体查询、bootstarp框架】）
学习目标： 目录： 移动端基础 1、浏览器现状 2、手机屏幕现状 3、常见移动端屏幕尺寸 查看地址： https://www.strerr.com/screen.html 注：作为前端开发，不用纠结dp，dpi, pt, ppi等单位。 4、移动端调试方法 5、总结 视口 视口：就是浏览器显示页面内 ......
vue 学习第17天 CSS学习 ---- 浏览器私有前缀 + css3阶段总结
浏览器私有前缀是为了兼容老版本的写法，比较新的浏览器无需添加 1、私有前缀 2、提倡的写法（私有前缀+属性） 总结： CSS3学习的 五个大方面 ......
vue学习过程中 遇到的问题 CSS塌陷 ----- 高度塌陷和外边距塌陷
1、高度塌陷 原因：父元素没有设置高度，子元素设置浮动属性（float:left）之后，父元素的高度为0.*** <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati ......
vue学习第12~13天 品优购项目（纯页面）
目标： 1）项目规划 2）首页制作 3）列表页制作 4）注册页制作 5）域名注册与网站上传 项目规划 1、网站制作流程（八步） 2、项目整体介绍 项目名称：品优购 项目描述：品优购是一个电商网站。要完成PC端首页、列表页、注册页面的制作 3、项目学习目的 1）电商类网站比较綜合 ，里面需要大量的布局 ......
TensorFlow08 神经网络-keras实战
# 1 数据集：  这个照片很模糊，大小只有[32,32]，所以我们预测的结果也不是很好。 # 2 自定义 ......
vue学习第16天 CSS---3D转换 （translate3d 3d移动、3D旋转 rotate3d、transform-style 是否开启3d环境）
3D转换 转换： 1）3d移动 translate3d 2）3d旋转 rotate3d 3D的特点： 1）近大远小 2）物体后面遮挡不可见 3D转换：我们工作最常用的 3D位移 和 3D旋转 主要知识点： 1、三维坐标系 （z轴，z外(屏幕)+，z内（屏幕）-） 三维坐标系其实就是指立体空间，立体空 ......
vue项目中使用vue-quill-editor富文本编辑器、支持大小和拖拉；以及 vue 引入quill - image - resize - module 插件报错
**在本内容的最后面附上了demo代码** **1. 实现的效果图**  **2. 首先需要先引入依赖** ......
vue学习第15天 CSS ---- 动画animation
动画 动画（animation）是CSS3中具有颠覆性特征之一，可通过设置多个节点来精确控制一个或一组动画。常用来实现复杂的动画效果。 相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。动画的优点（与过渡相比更好） 1、动画的基本使用（先定义后调用） 制作动画分为两步： 1）先定义动画 ......
前端解析excel表格实现
### 1. 背景：在做react项目时，遇到一个解析excel的需求变更，把从原来后端解析变更为前端解析。 1.1 由于后端解析excel文件有安全隐患，因为项目中后端不允许上传文件，当然后端解析对前端来说是最简单的方式，只需要调用个api。接下来讲讲前端解析方式吧： #### 2.1 安装依赖 ......
vue学习第14天 移动Web开发 --- CSS3 2D转换 (transform) 移动、旋转、缩放
2D转换 转换 （transform）是CS53中具有颠覆性的特征之一，可I以实现元素的位移、旋转、缩放等效果，可以简单理解为变形 1）移动： translate 2）旋转：rotate 3）缩放：scale 1、二维坐标系（x右+，x左-）（y下+，y上-） 2D转换是改变标签在二维平面上的位置和 ......
前端中使用到的单位
（1）pt|px|em|rem pt（点）:绝对长度单位。常用与印刷中1pt=1/72英寸 px（像素）：相对长度单位。相对于显示器分辨率而言。 em：相对长度单位。相对于当前对象内文本的字体尺寸。【若父级使用了，且设置了文本大小，父级大小随文本改变，继承父级元素的字体大小】 rem:CSS3新增相 ......
【保姆级教程】Vue项目调试技巧
在Vue项目开发过程中，当遇到应用逻辑出现错误，但又无法准确定位的时候，知晓Vue项目调试技巧至关重要，debug是必备技能。
同后台项目开发一样，可以在JS实现的应用逻辑中设置断点，并进行单步、进入方法内、跳出方法等调试，从而准确定位问题根源。
本文主要讲解针对Vue项目进行调试的 3 种方法：d... ......
氚云-前端获取数据传到后端，后端处理数据后传回前端
// 加载事件 OnLoad: function() { //将OnLoad函数中this对象暂存，因为PostForm回调函数中的this指向与OnLoad中的this指向不一致 var parent = this; //PostForm请求后端，actionName为"GetCurrentLog ......