前端
文章平均质量分 53
前端技术总结与实践
Nicker2013
程序猿,工程狮
展开
-
CocosCreator3.8.x当new sp.spine.Skin时报错Cannot construct Skin due to unbound types
cocos creator3.8.x以上版本,new sp.spine.Skin报错,提供多个可参考的解决方案。原创 2024-01-18 21:23:27 · 472 阅读 · 0 评论 -
头条穿山甲GroMore广告报错Value pangle of type java.lang.String cannot be converted to JSONObject
Value pangle of type java.lang.String cannot be converted to JSONObject 今日头条 穿山甲 广告SDK Android 报错。原创 2022-11-03 21:28:43 · 6214 阅读 · 1 评论 -
unity 2021.3.6f1 报错 dependencies manifest(Microsoft.NetCore.App.deps.json)was not found
dependencies manifest (Microsoft.NETCore.App.deps.json) was not found. runtime.win-x64.Microsoft.NETCore.App', version: '5.0.3-servicing.21072.12'原创 2022-10-08 21:20:59 · 2995 阅读 · 3 评论 -
vue3 uni-app DeprecationWarning: Use of deprecated folder mapping “./” in the “exports”
uni-app vue3 新项目(是不是uni-app好像不重要),报错如下:11:32:40.864 (node:3508) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at D:\MyWork\HFHD\YL\medicalcare3\node_modules\vuex\package.json.1原创 2022-03-11 11:47:03 · 3835 阅读 · 1 评论 -
一些网页的数据处理函数包括blob对象和bloburl和dataURL互转
一些网页的数据处理函数包括blob对象和bloburl和dataURL互转原创 2021-12-02 17:13:06 · 1253 阅读 · 0 评论 -
跨域问题——多种解决方案收集
2021-10-27前端开发中,常遇到跨域问题,以下是多种可解决跨域的方案。一、推荐阅读什么是跨域?跨域解决方法此文依据不同的情况列举了不同的跨域方案。代码上举例包括了ajax,jQuery,vue,axios,java,nodejs,php,apache等。推荐看其中的jsonp(只能解决get)(建议用来解决无权修改服务端的跨域,例如一些公开的搜索接口)cors(需要服务器和客户端一起设置)(w3c标准,安全性高,推荐使用)webpack本地代理(只用改前端,指定方式访问指定url)ht原创 2021-10-27 19:06:57 · 100 阅读 · 0 评论 -
uniapp exception:white screen cause create instanceContext Cannot read property ‘createElement‘
uni-app报错:exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read property ‘createElement’ of undefined报错的意思,因为代码中用到了createElement,这个在h5可以,但是在app不行,所以白屏了。代原创 2021-06-17 13:25:28 · 14465 阅读 · 4 评论 -
Flutter入门开发记录
Flutter入门开发记录一、了解Flutter二、安装环境三、常见问题导入新项目Target of URI doesn’t exist ‘package:flutter/material.dart’命令行里运行 flutter packages get去获取新的包获取新包错误Because no versions of charts_flutter match >0.8.1 <0.9.0 and这是因为当时版本的包与新版的flutter不兼容导致。(你最近应该是升级了flutt原创 2021-04-02 18:53:28 · 1329 阅读 · 0 评论 -
直播、录播、录视频等
直播、录播、录视频等此前有接触一些关于录制视频,直播、播放视频等相关功能,这里总结下期间看到的相关资料。专业直播平台SDK视频直播类App有哪些SDK值得推荐阿里云直播https://www.aliyun.com/product/live文档:https://help.aliyun.com/document_detail/29951.html腾讯移动直播 SDKhttps://cloud.tencent.com/document/product/454融云https://market.z原创 2021-03-31 19:08:43 · 445 阅读 · 0 评论 -
React入门相关资料
React入门相关资料文章目录React入门相关资料简介React 特点安装git推荐工具参考资料简介React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。React 特点1.声明式设计 −React采用原创 2021-03-23 16:46:43 · 98 阅读 · 0 评论 -
[Error] because it violates the following Content Security Policy directive
[Error] because it violates the following Content Security Policy directivehtml开发过程中,遇到以下错误,意思是html的meta设置的权限问题Refused to connect to 'blob:http://localhost:8080/6d57f07f-3c2f-49ca-be30-fd0b7f4cff6e' because it violates the following Content Security Pol原创 2021-03-18 14:59:52 · 22856 阅读 · 0 评论 -
qrcode error: code length overflow. (1596>1056) qrcode.js二维码长度溢出
qrcode.js二维码长度溢出报错如下:qrcode error: code length overflow. (1596>1056)网上有很多方法,让改代码的,让使用一个修改过的库的。其实都不用。使用时候修改一下传入参数就行:correctLevel : 3不用默认的QRCode.CorrectLevel.H。另外注意,宽高要改大一点,比如300,400,因为如果信息过多,小的图是显示不下的。width: 300,height: 300,correctLevel: 3, //原创 2021-01-28 14:30:48 · 4844 阅读 · 3 评论 -
Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘ 并不一定是webpack用错了import
bug背景运行项目(比如vue项目)出现错误:Cannot assign to read only property 'exports' of object '#<Object>'代码大概是:module.exports = lang;网上基本上的说法都是webpack冲突,import和module.exports不能混用。虽然改成推荐的export default lang;确实能解决问题,但是有时候你并没有混用,因而产生疑惑了。真正错误仔细检查代码。这里的例子是用在i1原创 2021-01-23 18:21:24 · 2291 阅读 · 0 评论 -
CSS中#和.的区别
CSS中#和.的区别大多数时候,写css都会用.xxx这样的写法。偶尔会看见使用#yyy这样的写法。#yyy 是针对id的,而.xxx就如大家常用的那样,是指向class的。使用如下:<div id="xxx"></div><div class="yyy"></div>如果出现这种写法,id优于class<div id="xxx" class="yyy"></div>针对class写更加灵活,一个div可以有多个c原创 2021-01-19 19:03:05 · 4362 阅读 · 1 评论 -
Screen exposed for less than 1000 ms. Event not sent. time:
android运行时出现类似这种错误,特别是cordova运行时出现Screen exposed for less than 1000 ms. Event not sent. time: 27Activity paused, time: 6530443712Stopped the activity.Started the activity.Paused the activity.Screen exposed for less than 1000 ms. Event not sent. time原创 2021-01-13 11:10:59 · 791 阅读 · 2 评论 -
cordova-plugin-androidx-adapter: EXCEPTION: Failed to load dependencies: Error: Cannot find module
执行cordova build android时候出错错误关键语句:cordova-plugin-androidx-adapter: EXCEPTION: Failed to load dependencies: Error: Cannot find module 'recursive-readdir'实际上是因为cordova-plugin-androidx-adapter依赖recursive-readdir而recursive-readdir模块丢失。解决办法:1.可以在cordova目录原创 2021-01-12 15:55:00 · 679 阅读 · 0 评论 -
Cannot find plugin.xml for plugin “cordova-plugin-firebasex“.解决cordova历史残留项
Cannot find plugin.xml for plugin “cordova-plugin-firebasex”.解决cordova历史残留项当尝试添加一个插件xxx,或者删除一个插件yyy时,无关插件zzz报错。报错如下:Cannot find plugin.xml for plugin "cordova-plugin-firebasex". Please try adding it again.这是因为之前添加一个插件出错了,或者是删除一个插件,没有删除干净导致的。1.在项目cord原创 2021-01-12 14:46:25 · 1002 阅读 · 0 评论 -
修改cordova底层以支持input直接打开摄像机或视频库
修改cordova底层以支持input直接打开摄像机或视频库文章目录修改cordova底层以支持input直接打开摄像机或视频库需求背景改造过程增加函数showVideoSelectIntent参考文档需求背景cordova环境下,调用摄像机或视频库的代码与纯h5环境下不一致,这使得我们要写很多额外代码。本文用以解决这个问题。相关照片和相册问题已经有另一篇文档:修改cordova底层以支持input直接打开照相机或图片库当前时间:20210111cordova版本: v.9.0+android原创 2021-01-12 12:56:16 · 687 阅读 · 3 评论 -
Vue-i18n与Vuex-i18n等vue的国际化方案
Vue-i18n与Vuex-i18n等国际化方案文档时间:2021-01-04vue-i18n和vuex-i18n两者皆为vue项目的国际化方案。基础资料vue-i18n官网:http://kazupon.github.io/vue-i18n/zh/introduction.htmlgit:https://github.com/kazupon/vue-i18nvuex-i18nvuex-i18n是vue.js 2.0的本地化插件,使用vuex作为存储npm:https://www.npmj原创 2021-01-09 19:08:41 · 1960 阅读 · 2 评论 -
VUE上传文件到阿里云OSS
VUE上传文件到阿里云OSS时间:2021-01-08版本:ali-oss ^6.11.2安装推荐安装,因为使用npm安装,所以此教程理论上和node.js后端的使用方式是通用的。npm install ali-oss --saveyarn add ali-oss初始化let OSS = require('ali-oss');let client = new OSS({ // region以杭州为例(oss-cn-hangzhou),其他region按实际情况填写。 // o原创 2021-01-08 17:34:26 · 500 阅读 · 1 评论 -
Vuex入门教程快速入门简介
Vuex入门教程快速入门简介文章目录Vuex入门教程快速入门简介什么是VuexVuex可以干什么工作流程核心概念安装全局初始化多模块StoreState单一状态树Getter计算属性Mutation更改状态Actions发起动作从vuex3到vuex4其他文档其他参考资料什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。他相当于Vue的共享数据层 / 共享内存,当你需要开发业务涉及到数据需要跨页面,跨组件时,使用Vuex比使用参数传递,要方便得多。可以说,当你需要开发一原创 2021-01-07 19:11:33 · 136 阅读 · 0 评论 -
修改cordova底层以支持input直接打开照相机或图片库
修改cordova底层以支持input直接打开摄像机或图片需求背景当前android平台下各个浏览器,包括微信等,都已经支持h5,使用input可以直接打开选择界面,可以选择开相机或者相册。但是cordova默认的情况下,只能打开相册去筛选,这非常不人性化。接入相机还需要另外一个插件,接完之后,代码和h5网页版就有了差异,网页版只用写个<input type="file" accept="image/*" />就可以在Android或者iOS环境下去打开摄像机或者相册了。我们当然希望在cor原创 2020-12-30 12:22:06 · 1161 阅读 · 1 评论 -
Gradle签名打包及Cordova签名打包Android
Gradle签名打包及Cordova签名打包Android文章目录Gradle签名打包及Cordova签名打包AndroidGradle签名配置release及debug签名Cordova配置release及debug签名Gradle签名配置release及debug签名app的build.gradle文件中,找到android的配置,修改如下android { signingConfigs { release { keyAlias "testalias" keyPassword原创 2020-12-28 17:30:38 · 257 阅读 · 0 评论 -
Gradle脚本打包Android项目及相关配置
#Gradle打包Android项目及相关知识什么是gradle环境变量设置1.windows下环境变量设置打开环境变量管理,设置全局环境变量GRADLE_HOME为gradle安装位置,例如c:/gradle/gradle-4.10.3。设置path,添加%GRADLE_HOME% 和 %GRADLE_HOME%/bin...原创 2020-12-18 19:01:27 · 839 阅读 · 0 评论 -
Jenkins+Cordova打包配置nodejs环境并安装全局包
Jenkins打包配置nodejs并安装npm全局包cordova等使用jenkins可以方便的进行打包,打包过程中往往需要用到nodejs,而且需要安装对应的npm全局包。网上关于如何安装npm全局包说得很少。一些包如果不安装,则无法进行Jenkins打包,比如说使用Jenkins打包Cordova项目,需要安装cordova作为全局命令。过程如下:安装 NodeJS插件在jenkins网站页面选择Manage Jenkins -> Manager Plugins ->Avail原创 2020-12-16 19:04:19 · 1220 阅读 · 0 评论 -
如何创建一个引入Module的Cordova插件
如何创建一个引入Module的Cordova插件目录如何创建一个引入Module的Cordova插件需求背景Cordova插件和module融合添加android的module优点缺点如何用hook修改gradle其他文档参考文档需求背景之前有说过cordova是什么,如何创建一个cordova的插件。但是之前说的是简单的插件,实际开发过程中,我们可能需要在插件里面用到自定义的module,或者是第三方sdk(有的第三方sdk也以module的形式存在)。在Android环境下,这种情况还挺常见的原创 2020-12-15 21:31:23 · 284 阅读 · 0 评论 -
活体检测功能的接入
活体检测功能的接入什么是活体检测活体检测是一种基于人脸识别的应用,通过眨眼、张嘴、点头等动作组合,使用人脸关键点定位和人脸追踪等技术,验证用户是否为真实活体本人操作。可以有效抵御照片、换脸、面具、遮挡以及屏幕翻拍等常见的攻击手段。随着apple退出人脸解锁,各大智能机厂商在其高端设备中都增加了人脸识别功能,而对应的各种作弊手段也层出不穷,所以活体检测也变得越来越重要。最常见的使用场景,是金融行业(包括刷脸支付)。提供活体检测的公司一般情况下,小团队是没有能力自己开发活体检测功能的,也没有必要,一原创 2020-12-09 15:05:38 · 1227 阅读 · 0 评论 -
从JavaScript到TypeScript
从JavaScript到TypeScript前言首先,本文假定读者已经对JS和TS有一定的基础了解。不了解的可以移步百度百科:JS、TS简单对比简单点说,对于开发人员而言,没有什么能比让错误的代码在一开始就原地爆炸更能保证项目质量。JS是一种弱类型的解释型语言,上手非常容易,写起来也很灵活,入门非常容易(尤其是对于早期写惯了C/C++,Java的人来说)。但是很快,你就会发现,即使你写明显错了,也不会有任何提示,直到运行了这段代码,才有可能发现这个错误。而且,项目一大,就会出现这种情况,无法看原创 2020-12-09 13:25:07 · 271 阅读 · 0 评论 -
nodejs快速入门简介
nodejs快速入门简介简介Node.js 是一个开源与跨平台的,基于ChromeV8的JavaScript 运行时环境。 它是一个用C/C++开发的js平台/工具。也可以理解为 Node.js 是运行在服务端的 JavaScript。历史最早是因为浏览器竞争,为了使js在浏览器上运行更快,出现了google的chrome V8引擎,而V8又可以独立于浏览器运行,因此就有了nodejs,并且快速发展出了之后的生态。可以做什么?nodejs通常被用作前端的开发环境,并且使得js除了开发web页面,原创 2020-12-06 16:07:20 · 349 阅读 · 0 评论 -
如何创建Cordova插件
如何创建Cordova插件官方资料制作步骤1.下载制作工具2.通过plugman创建插件3.调整plugin.xml文件4.修改js文件5.创建java文件6.实际使用推荐参考文档官方资料注意:本文资料相对官网要更加新一些,官网是针对6.x版本写的。如果英文够好,可以直接看官网:Create a plugin也可以查看繁体中文:外掛程式開發指南制作步骤这里主要讲述如何创建一个独立的cordova插件,之后再引入到项目中去。1.下载制作工具通过npm安装。npm install -g plu原创 2020-12-07 16:43:49 · 375 阅读 · 0 评论 -
Cordova使用入门简介入门教程
什么是cordova?cordova是PhoneGap贡献给Apache的开源项目,是一个可以使html和js能够进行移动app开发的跨平台核心引擎。他能使你的一套代码同时运行在多个平台上。cordova有什么?Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码。除此之外,你还可以:1.使用别人的cordova插件原创 2020-12-07 14:04:07 · 2945 阅读 · 3 评论 -
VUE入门指北——(3)单文件组件.vue文件
VUE入坑指北——(3)一步高阶,单文件组件有一定开发经验的朋友们,特别是有一定面向对象开发经验的,可以跳过中间大量繁琐语法的学习,毕竟实际用到的时候再回去看api文档就可以了。所以从学习路径上来讲,推荐看单文件组件这部分,可以说,你的vue开发直接进入高级阶段。任何有一定规模的,具备实际意义的vue项目,最后都会走到这一步。文件类型为.vue基本理解相似功能,可以抽象成一个组件,然后在不同地方使用的时候,都使用这个组件,只是传入的数据参数不同,进行不同的展示和相应的响应效果。相对于一般的组件原创 2020-12-03 21:34:46 · 249 阅读 · 0 评论 -
VUE入门指北——(2)MVVM、数据、方法、生命周期
VUE入坑指北——(2)数据、方法、生命周期在实际去写vue项目之前,了解其核心概念中的一些常用定义和功能十分重要。这里列举一些最常用的部分,有了一定概念之后,就可以开始实际尝试去写一些vue项目了。MVVM虽然vue并不是严格遵循MVVM模型,但是设计上受其启发。其定义可参考维基百科MVVM或是百度百科MVVMMVVM本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了,它可以取出 M原创 2020-12-03 18:29:36 · 146 阅读 · 0 评论 -
VUE入门指北
VUE入坑指北仅供零基础入坑初学者参考。官方定位:vue是一套用于构建用户界面的渐进式框架。当前环境时间:2020-12-03当前vue主要版本为2.6.12.一般情况下直接说vue也是指vue2.x版本。最新vue3版本为3.0beta,其github版本为3.0.4建议从2.6.12入坑,熟悉之后,再入坑vue3官方资料VUE官网:https://vuejs.org/VUE中文官网:https://cn.vuejs.org/VUE2.x中文教程:https://cn.vuejs.o原创 2020-12-03 17:17:00 · 144 阅读 · 0 评论