- 博客(22)
- 收藏
- 关注
原创 2023.05.09 Uni-App打包上传时所有组件库组件的内容变大
uni.scss improt 引入的样式文件,打包的时候会全局给所有组件都引入并打包,把uni.scss的 improt 引入的样式文件移到app.vue引入就行了。问题:小程序使用组件库u-view,uview压缩后占了700k。打开样式发现,每个组件都被加入了uni.scss。
2023-05-09 16:38:05
354
原创 2023.3.22 Vue 数据更新了但页面没有更新的情况
具体的场景不一样,解决问题的方法也不一样。这一句引起的,因为触发了setter,所以单看上述例子,具有响应式特性的数据只有message这一层,它的动态添加的属性是不具备的。那是因为Vue.js的DOM更新是异步的,即当setter操作发生后,指令并不会立马更新,指令的更新操作会有一个延迟,当指令更新执行的时候,此时text属性已经赋值,所以指令更新模板时,得到的是新值。一开始,我们在data对象中,只是声明了一个message空对象,并不具有text属性,所以该text属性是不具有响应式特性的。
2023-03-22 09:19:02
4559
原创 2022.12.29 某国企前端笔试题一部分
答:当创建一个类时,您不需要重新编写新的数据成员和成员函数,只需指定新建的类继承了一个已有的类的成员即可。这个已有的类称为基类(父类),新建的类称为派生类(子类)。答:Vuex是一个专为Vue.js应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vue全家桶是一个由Vue.js、VueRouterVuex和VueCLI组成的集合,它们可以帮助开发者构建和管理Vue.js应用程序。答:Vue。
2023-03-02 17:54:54
1096
原创 2023.02.27 Html中的块级标签和行内标签(标签转换)
table>th>tr>td:表格(包括表格标题caption标签、表格头部thead标签、表格主体tbody标签)4. 可以设置外边距(margin) 左右(宽)生效,上下(高)不会生效,内边距padding则都会生效。行内标签转换为块标签,为行内标签加上display:block 即可正常设置宽高与边距,独占一行;为块标签或者行内标签加上 display:inline-block转换为行内块标签。块级标签转为行内标签,为块级标签加上display:inline。dl>dt(表头)>dd:定义列表。
2023-02-27 15:19:42
445
原创 2023.01.11 某国企前端笔试题一部分
答:反向代理是一种服务,它接受客户端请求,将请求发送到一个或多个代理服务器,获取响应,然后将服务器的响应传递给客户端。反向代理有基于IP代理,基于域名代理,基于端口代理三种方式。答:跨域问题是这是浏览器为了安全实施的同源策略导致的,同源策略限制了来自不同源的document、脚本,同源的意思就是两个URL的域名、协议、端口要完全相同。script标签jsonp跨域、nginx反向代理、node.js中间件代理跨域、后端在头部信息设置安全域名、后端在服务器上设置cors。
2023-02-27 09:38:42
1960
原创 2023.01.17 解决vscode使用prettier格式化代码时格式与eslint冲突
因为 prettier 插件格式化格式目前是比较完美的,然后格式化后与 eslint 检验代码的的差异全在于以上代码。(大部分人不喜欢 prettier 格式化后把 html 标签的属性都换行展示,显示代码页很长,把长度设置成180或者自定义长度就能解决这个问题。2、在prettier插件直接勾选或者反勾选配置,最后生成以下代码。1、点开设置-点开右上角的设置代码化。
2023-02-09 15:09:39
811
原创 VUE不同页面写了(复制页面)相同class,怎么处理使页面样式互相不受影响。
2、VUE提供了 scoped方法,如果子页面不使用到全局样式,或者不修改组件库样式时,在 里面加上 scoped 强调当前样式只用于此页面。(可以减少使用全局样式每个子页面都单独样式,很纯洁但是不高效。1、基础知识:相同样式封装进全局样式文件(index.css),各页面一起各自引用。(如果子页面需要改动变更全局样式的某个样式,在子页面附加样式,或者更新样式权重。3、尽量保持每个页面 class 的唯一性这是一个好习惯,当使用scss 或者less,尽量使用命名嵌套格式书写样式。
2022-11-22 10:59:57
1917
原创 前端链接地址中‘+‘被编码为%20(本为%2B)问题
我们会发现利用 decodeURIComponent解码时,%20会被我们解码成' '(空格),从而导致解密失败,提取不到我们想要的参数;当项目需要,有些统一认证/单点登录登录成功后,会给我们的登录地址后面加上认证参数,需要我们提取这个参数去做登录处理。将拿到的地址链接中的%20全部替换成'+',然后进行decodeURIComponent解码;按照w3c转码标准,空格应该被转译成%20,+号被转义成%2B。因为业务发生在内网机无法截图,下图 借图 其他博主。(如有更好的解决办法还请多多指教)
2022-10-17 15:27:52
30092
1
原创 为什么promise声明前面还要加return?
原因是 getData 返回的不是一个promise对象,所以不起效果。即使 getData 请求里面是一个promise,使用了promise。总结:我多看了几遍代码尝试了一下,我知道return的作用了,return返回的是结果,但不是promise的结果,返回的是promise本身,在book.js里调用的作用,其实就是promise.then(),然后return $get 返回的时函数本身,而不是$get 结果,而$get 函数本身可以算做是promise。你看这句话的时候想为什么呢?
2022-10-12 18:21:16
1001
转载 2022.04.14-flex布局与position定位存在冲突
情况:现在布局很多时候用到flex方式,有次我将flex布局后的元素B,然后给元素B添加position定位,发现元素B无法被子元素撑开<!DOCTYPE html><html><head lang="zh-CN"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>fle
2022-04-14 17:54:35
4123
原创 2021-05-05-前端-第一次在html用vue,我什么都不懂。
当下时代,最新的移动端框架技术之一是 Vue.Js 框架,在前端开发领域使用和学习它是一种能力。提出问题1.1、如何使用 vue.js ?Vue 是 JS ,那么它也可以像其他 js 文件一下,通过引入方式引入。根据官网介绍,有两种方式:官网下载引用 官网CDN链接引用引入到 HTML 文件后,运行,可以直接打开 HTML 文件,也可以直接使用工具如 Hbuider 的服务来运行这个 HTML 文件,因为 Hbuider 工具内置了可以跑起代码文件的运...
2022-04-14 16:53:41
600
转载 2022.04.14-SVN快速上手教程-补充解释
2安装SVN2.1安装完成后,比如我想把代码放在我的电脑其中一个位置比如:我的项目在F盘的目录下中,我右键就可以看到如下:说明snv已经安装成功了!2.2使用checkout下载项目。先说下几个基本的命令:Checkout:把SVN仓库的代码下载到本地,比如你现在参与一个团队的项目,在你参与之前项目可能已经在运行或者技术主管也已经搭建好代码仓库,你可以通过checkout命令项目代码,获取相应的项目的代码。Update:在你编写代码的过程中,项目参考者很可能已经提交过代码到SV.
2022-04-14 15:16:29
124
原创 2022.04.14-关于代码版本管理 SVN / GIT 理解,TortoiseSVN/GitHub
为什么你会搜索到这篇文章?我简单猜你在想的是:我需要一个可以云保存我的代码,而且能大家一起修改一份代码的东西。一、原理 ...我们为什么要了解分布式版本控制系统,也就是为什么要了解 项目/系统/软件 的版本控制和代码管理?当你创建开发一个项目的时候,你总是需要一个可以存储你项目代码的仓库,当然你本地电脑也可以,但是当多人协作的时候总不能每个人都拷贝一份然后各自为盟,或者当你需要分批次的管理每个功能的更新和记录历史,回退版本和开放仓库、等操作,svn/git 就解决了这个问题...
2022-04-13 18:30:46
479
转载 2022.04.13-SVN快速上手教程
选择SVN客户端Windows平台TortoiseSVN:也叫乌龟SVN,Windows上最流行的SVN客户端,安装后你的右键就会多了几个SVN相关的菜单,非常方便Eclipse插件:在Eclipse中集成SVN插件,适合使用Eclipse开发的用户Mac平台CornerStone:Mac上最流行的SVN客户端之一, 查看使用教程Versions:Mac上最流行的SVN客户端之一, 查看使用教程Checkout同步代码1.项目详情-源码页面-复制SVN地址2.在..
2022-04-13 18:27:46
325
原创 2021-05-06-前端-安装 vue 和 vue 脚手架环境-nodejs篇(涉及到npm和yarn的讲解)
当我们开始学习vue,进入官网,官网会先提示我们学习它的几种安装方法:1.最基础的是引入从官网下载的vue.js文件。2.使用CDN引用官网提供的网上公开的vue.js可读链接(免于下载)。3.使用npm命令直接安装整个vue的生产环境(包括运行环境)。当然,安装vue环境只是为了运行需要,而我们做项目需要安装的是vueCLi脚手架,但这个阶段的我们还不明白什么是Cli脚手架,脚手架顾名思义相当于搭建大楼时,我们会打地基和房梁,然后在大楼外层搭上固定的脚手架后才能根据图纸施工。也就是说,安装
2021-11-04 11:41:10
1883
1
原创 2021.09.18-前端-uni-app打包发布后gzip成倍压缩方案
开局一个引用原文链接:https://blog.csdn.net/qq_43363884/article/details/108195408。上面此文章讲到自动化压缩并加载的时候解压包。本文主要介绍手动压缩打包后的大文件,然后加载的时候解压包。一、遇到问题。打包发布后,发现打包的文件有点偏大不理想。比如本人做的一个H5项目,就一个社保的单独缴费页面,使用了uni框架搭建,然后使用 uview 组件库,打包后是1.3M,客户嫌弃加载时有点慢,因为他说不是所有的手机网速都...
2021-10-14 12:10:28
1679
原创 2021.09.18-前端-uni-app打包发布后仍跨域解决方案
一、遇到问题。1.1、【外言】前后端分离项目,如果后端直接帮忙加个跨域注解,即可实现我们访问接口的时候,不会出现跨域不允许访问的情况。跨域的时候,如果你用postman测试接口的时候发现能通,说明postman不会出现跨域限制。1.2、当跨域需要前端去处理,或者,后端加完注解之后,发现,在项目里仍然出现访问错误或者跨域,可能是访问接口的头部类型未与后端协商好,接口请求发不出去。如图1-1:(图1-1)当头部内容类型为“ applicat...
2021-10-13 18:28:16
6521
1
原创 2021.09.18-前端-uni-app跨域解决方案
一、官方推荐。cors和插件安装解决跨域二、配置uni-app 中 manifest.json->源码视图。manifest.json"h5" : { "devServer" : { "port" : 8080, //本地前端运行端口号 "disableHostCheck" : true, "proxy" : { "/api" : { //相当于把目
2021-09-18 15:56:05
609
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人