暂时未有相关云产品技术能力~
用计算机创造美和艺术,用代码改变世界
通过 Cordova 打包的 Vue 项目,APP 在 Android 设备中可以访问页面,但是无法访问后端接口。
Cordova 打包 Vue 项目到Android打开白屏问题解决方案,更改 publicPath 属性值为 ./。
Vue2.6 , Typescript3 项目引入 Echarts 时报错,错误出现在 ECharts.vue 第17行 const mainEle = this.$refs.main,将 this.$refs.main 内容修改为 this.$refs.main as HTMLDivElement 即可。
使用 accept 属性,accept 属性的值是一个包含一个或多个(用逗号分隔)这种唯一文件类型说明符的字符串。每个唯一文件类型说明符可以采用下列形式之一。
Vue2.6 + TypeScript3.4 项目中使用 this.$refs.fileInput.files.length 报错,提示 files 类型不存在 Property 'files' does not exist on type 'Element | Element[] | Vue | Vue[]',在不使用TypeScript时上面的写法可以正常运行的,但是这样的写法在TypeScript 中会报错。
通过修改 Vuetify 中的 theme.dark 属性实现,项目 vuetify 设置如下(vuetify.js), 默认 dark 属性值为 false (默认浅色主题)。
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
根据选择的文件,显示像系统一样的文件大小,而不是字节。 如: 1073741824 (B) 显示 1G。
删除 download 分支,查看本地分支,没有 download 分支了,使用 git log -g 查看所有 commit,根据 commit 记录查找功能分支(download)的 commit 提交,删除的分支 commit 没有分支记录。
前端项目使用 npm install vuetify --save 命令时出现错误,解决方案使用 npm cache clean --force 清理 npm 缓存 设置官方源地址 npm set registry https://registry.npmjs.org/。
iOS 中页面如果出现滚动条后,滑动浏览内容时会感觉特别卡,在移动设备上体验很不好,css代码中,需要滑动的地方 添加 -webkit-overflow-scrolling: touch; 在 safari 浏览器(iOS中也适用)中,在手指停止滑动后,页面会根据惯性继续滑动。
小程序项目开发中有这么一个需求,接口返回 <div>abc<p>123</p></div> 字符串,然后在小程序页面显示。
先使用 brew 卸载 node,执行 brew uninstall node,忽略依赖卸载 node brew uninstall --ignore-dependencies node,执行 brew uninstall --force node 卸载所有版本。
在 Vue 项目中的主页(Home.vue)设置返回键,点击返回后 APP 自动后台运行,在 Home.vue created() 中设置回退按钮监听事件。
最近进行 Element UI 组件封装,在之前的项目中经常用到 el-scrollbar这个内置组件,这次单独封装时遇到点写法上的小问题,做个记录和分享,希望能帮到相关的开发者。
新项目 Elemnet UI 组件业务封装,封装需求满足后期不修改业务代码,直接更新前端的封装组件的UI库代码即可实现无缝切换UI库的需求。目前新项目的功能产品还在梳理,项目第一期还未开始,前端技术小组先行进行的组件封装。
实际前端开发中,对接线上发布的后端接口,由于业务比较复杂,也设计到以前的库表,开发过程经常会出现部分页面数据不完整,无法对接整个流程,日常前端开发也有其他方式实现功能测试验证。
公司用了好几个年的核心业务系统今年升级重写,目前使用的版本是 V3 版本的xxx系统平台,简称 V3系统,升级大版本 V4, 前端技术架构也对应做了调整。 V3系统前端使用的是 Angular1.5 ,前后端不分离模式,后端是 .net。V4 要升级成前后端分离模式,前端使用 Vue2 结合 ElementUI 库,目前Vue2 + ElementUI 技术栈相关的使用在公司内部项目里用的都是这个。
微前端本质和后端微服务理念是一样的,微前端解决方案一般包含如下特点: • 在保证一个系统的操作体验基础上,实现各个微应用的独立开发和发版 • 不同子应用统一管理 • 提供应用间互相通信,跳转页面切换的能力
微前端中都需要的通信, 主应用与子应用通信,子应用之间的通信。使用 @ice/stark-data 包,需要单独安装,在主应用中设置全局用户信息,主应用中更新数据。
这是个 Vue 项目, 当看到这个 TypeError: Cannot read properties of undefined(reading 'key') 这行报错的时候,我的第一反应是 v-for 绑定的 key 有问题。
公司的项目有安全合规方面的需求,上线前要经过安全架构师进行安全测试,安全测试通过才能上线,目前 APP 项目中涉及到的点整理如下。
最近上线了一个 React Native 外访项目,用户为公司外访员,外访员根据公司业务去实地考察,收集记录一些资料,考察记录资料的过程全部用公司配的专用手机,里面安装了当前外访项目APP。目前项目试运行阶段,还没有正式交付。APP项目上线后,在用户真实使用中遇到一些各种各样的问题,有些问题处理时也比较棘手(如弱网情况),这次主要复盘APP在实际场景中的弱网(或网络不稳定)相关的问题。
使用腾讯云加固,下载后再次签名,签名成功之后的 apk 在华为鸿蒙、Android8 系统可以正常解析安装,在Android11 解析安装包失败。
前端代码规范流程实践思路 1. 本地开发过程,提示、校验、更改 2. Git 提交过程,代码校验是否允许提交 3. 服务端校验,代码校验是否合并和发布
打包APK通过 ./gradlew assembleRelease 命令打包,此时的apk没有加固,不符合安全需要。登录腾讯云执行加固操作,加固使用 腾讯云 -> 移动应用安全 -> 应用安全 加固方案,加固服务需要认证,自行选择适合自己的方式就行了。
React Native Android 项目使用 ./gradlew assembleRelease 命令打包报错。
使用 Git clone 一仓库,报错 fatal: unable to access 'https://github.com/lzhd/teaset-pro.git/': OpenSSL SSL_read: Connection was reset, errno 10054。这种情况一般是网络不稳定导致,如果重新 clone 尝试是否成功;如果还出现这个问题,也有可能 ssl 证书验证方面的问题, 设置 httpsslVerify属性取消ssl验证,执行如下命令。
运算的实现是运算的算法。算法是计算机科学的一个基本概念,也是程序设计的一个核心概念。一个算法规定了求解给定问题所需要的处理步骤及其执行顺序,使得给定问题能在有限时间内被求解。
基于 React Native 中文网教程 编译并运行 React Native 应用,在项目 (AwesomeProject) 根目录下运行命令 yarn rect-native run-android 或 yarn android 出现如下错误。
项目中的一个小需求点,点击按钮,验证几十个条件框,判断所有条件框是否填写(选择)过数据(至少有一个条件判断为真)再执行对应操作 判断的条件框包含 Radio 单选框,Checkbox 多选框,Input 输入框,InputNumber 计数器, Select 选择器, Switch 开关等。
取得 WebGL 上下文后,就可以开始 3D 绘图了。如前所述,因为 WebGL 是 OpenGL ES 2.0 的 Web版,所以本节讨论的概念实际上是 JavaScript 所实现的 OpenGL 概念。可以在调用 getContext()取得 WebGL 上下文时指定一些选项。这些选项通过一个参数对象传入,选项就是参数对象的一个或多个属性。
默认元素排列: 从左到右,使用float布局在实际场景中需要手动清理,否则会影响布局。
MutationObserver 接口是出于性能考虑而设计的,其核心是异步回调与记录队列模型。为了在大量变化事件发生时不影响性能,每次变化的信息(由观察者实例决定)会保存在 MutationRecord 实例中,然后添加到记录队列。这个队列对每个 MutationObserver 实例都是唯一的,是所有 DOM变化事件的有序列表。
除了<script>标签,还有其他方式可以加载脚本。因为 JavaScript 可以使用 DOM API,所以通过向 DOM 中动态添加 script 元素同样可以加载指定的脚本。只要创建一个 script 元素并将其添加到DOM 即可。
Sublime Text3 中默认缩进是通用4个占位符,以前端文件为例, 现在主流规范中 Vue,HTML,JS,CSS 等缩进都是2个空格占位符,可以通过 sublime text3 右下角进行单文件设置,但是每次创建新文件都需要单独设置,这样比较繁琐,效率也低。
项目使用 axios 拦截器进行接口响应判断处理,通过判断返回的 code 验证用户 token 是否过期,或者 token 无效, 使用 Element MessageBox 弹框提示。
点击按钮触发 requestFullscreen() 函数打开全屏,点击按钮触发 exitFullScreen() 函数关闭全屏。
查看 Linux 发行版名称和版本号,使用 yum 命令安装 git,默认安装的 Git 版本为 1.x 版本,而不是最新2.x。
Docker nginx 容器运行命令,命令参数--name 容器名称 -d 容器后台运行 -p 映射端口,默认80 为前端项目首页,8088端口预留 -v 映射目录,把系统 /etc/nginx/nginx.conf 目录文件映射到容器中的/etc/nginx/nginx.conf 位置, /root 为前端代码上一级目录 --rm 容器停止后删除
查看系统版本,使用 cat /etc/os-release 命令查看Linux 发行版名称和版本号。
Docker 是一个开源的应用容器引擎,基于Go 语言并遵从 Apache2.0 协议开源。Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中,然后发布到任何流行的 Linux 机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口(类似 iPhone 的 app),更重要的是容器性能开销极低。
Vue I18n 是 Vue.js 的国际化插件。vue-i18n 在 vue 单页面中使用index.html 可以直接在浏览中运行。
父容器div使用 position: relative;,子div使用 position:absolute;定位,注意边距问题。
Flex 布局是最简单的一种方式 ,css3 新增。父级 div 直接使用 display: flex; 即可。
OpenSSL是用于传输层安全性(TLS)和安全套接字层(SSL)的协议,功能强大且齐全的商业级工具包。它也是一个通用加密库。