- 博客(61)
- 收藏
- 关注
RSS订阅
原创 uniapp语音识别（讯飞语音）转文字
☞ 常见应用：游戏界面文字语音、商城导航栏的语音输入搜索框、聊天界面的语音文字输入等.引自官方 unicloud官方语音：语音输入接口可使得网页开发人员能快速调用设备的麦克风进行语音输入，而不需要安装额外的浏览器插件。规范不定义底层语音识别引擎的技术架构，浏览器实现可基于语音识别服务器或本地内置语音识别模块。▲配置SDK–识别讯飞语音（如果用不了讯飞语音，可换百度语音，自己去看接入文档）进入项目根目录下的 manifest.json -> App模块配置->speech 勾选
2020-09-23 15:24:13
7270
6
原创 electron桌面应用程序搭建及运行
最近一段时间公司暂时没有项目，突然闲下来坐着无聊，想学点其他技术，开发一个简单桌面应用，于是选择了electron技术，现在和大家分享一下。electron:官方文档https://www.electronjs.org/解释了桌面应用的开发好处。如果你可以建一个网站，你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架，它负责比较难搞的部分，你只需把精力放在你的应用的核心上即可。如上面所提到：会 JavaScr
2020-09-21 11:19:49
2293
原创 uni-app中使用unicloud短信验证码（开通、模板报备、使用）
现在Dcloud公司在各方面都在不断完善功能、应用，嫁接一些新技术进来。对一个从事前端开发的程序员，Dcloud公司做的一些东西对于我们前端真的太友好了，首先框架开源，开发时可以引入各种插件，ui视图组件也很丰富。真的是良心开发商，大赞！！！！最近，hbuilderx 2.8.11版本正式上线，优化和新增一些功能，里面内容有点多久不一一介绍了，有兴趣的小伙伴可以看一下。我这里简单介绍一下短信验证码如何使用。第一步：开通短信服务请前往Dcloud开发者中心具体详情看官方指南：https://ask.
2020-09-09 16:57:05
5824
16
原创 uni-app组件引入方法（easycom自动化组件）
uniapp官方与2020年02月23更新了2.6.0版本，支持2.5.5版本以后，调整内容有：1.对uniapp插件做出更改；2.新增了easycom项目模板（自动化组件）。那我本期简单给大家介绍easycom是什么？如何使用？。官方给出：传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。 只要组件安装在项目的components目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用。 如下：
2020-08-19 11:14:22
5689
原创 HBuilderx 报错：nvue中不支持如下css。如全局或公共样式受影响，建议将告警样式写在ifndef APP-PLUS-NVUE的条件编译中
之前在做app开发途中，更新软件版本之后发现的问题，报错:nvue中不支持如下css。如全局或公共样式受影响，建议将告警样式写在ifndef APP-PLUS-NVUE的条件编译中报错如图：坏处是app的css样式不生效，但是好消息是，它不影响打包和运行。去官方文档看了：nvue页面编译模式差异uni-app 深度改进了 weex，提供了2种编译模式，一种是常规的 weex 组件模式，即编写<div>。另一种是 uni-app 组件模式，即编写<view>。后者更提供了
2020-08-13 14:19:02
11750
3
原创 前端项目打包后生成的chunk-vendors文件过大，导致加载太慢
这个是我在做vue项目时，在浏览器加载页面时候的问题，我看了一篇博客，发现写的不错，也希望帮助到你https://blog.csdn.net/weixin_43850586/article/details/103915473
2020-06-09 11:16:21
4211
原创 vue项目首次运行到浏览器加载时间长！
最近做项目发现一个问题,页面每次刷新后加载速度都非常慢,20s左右,在开发环境则非常流畅,几乎感觉不到,本文参考望山的各种方案优化。1,关闭打包时生成的map文件在config/index.js文件中讲productionSourceMap设置为false,再次打包便没有了map文件2,vue-router路由懒加载懒加载的实现方式有很多种,这里简单说三种实现方法vue异步组件import()webpack的require.ensure()vue 异步组件vue异步组件技术也就是异步加载,
2020-06-09 10:52:06
1219
原创 windows7系统升级到windows10教程
背景可能大家都知道了,微软公司的windows10系统（下面简称w10）已经在市场实验、推广，而且在市场上已经测试完善和逐步成熟，继而引发一系列硬件和软件供应商也要升级服务，这对我们这些用户来说，还是有影响的，比如我们在用以前的一些软件或服务时，在软件更新之后发现用不了，或者报错、组件和功能产生冲突等问题。其实，这些都是系统升级之后出现的问题。微软公司已经明确发文将不再提供windows7系统（下面简称w7）的升级和维护。所以，还在用老系统的朋友可以考虑用用w10了！这里给大家推荐一个系统升级小技巧，大
2021-05-26 17:29:35
1099
原创 run `npm audit fix` to fix them, or `npm audit` for details
最近，将以前的项目代码重新运行时遇见了这个问题：执行npm install（或npm i）控制台出现如下提醒错误：added 253 packages from 162 contributors and audited 1117 packages in 42.157sfound 5 vulnerabilities (1 low, 4 high) run `npm audit fix` to fix them, or `npm audit` for details html大意为：运行’ n
2021-04-12 16:22:37
476
原创 纯css瀑布流布局示例详细讲解
这是我在做公司官网时候遇到的问题，UI设计图样式如下：问题分析：首先，看见这个UI设计图：它呈左右两列不规则分布，而且也能发现width宽度、heigth高度等都不相同。思路分析：毫无疑问，我们用简单的div布局+css做的话是可以达到这样的效果的，只是这样很low，不灵活，而且需要反复布局排版，代码量也不简单！此时，这个用瀑布流的话会简单不少！原理+实现：瀑布流：又称瀑布流式布局，是比较流行的一种网站页面布局方式，能够提升用户的体验感。它是多行等宽元素排列，等宽不等高或者宽高都不相同，后面
2021-03-01 13:15:55
1028
4
原创 vue中有哪些常用修饰符？
常用修饰符(1)trim:过滤首尾空格<input v-model.trim='name'>(2)number:自动转换为number类型<input v-model.number='name'>(3)lazy:值与数据进行同步在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步：<!-- 在“change”时而非“input”时更新 -->&
2021-01-22 15:08:52
655
原创 flex三列多行左右对齐，超出换行左对齐
最近uni-app开发出现一个页面效果：多行三列左右对齐，超出换行左对齐，网上查了很多都没有能有效解决这个问题，而且这个在手机app上属于比较特殊的情况，UI效果：我这里就讲自己如何解决这个问题：首先一个问题考虑到最后一行不满的情况，如果使用左右两端对齐，很明显最后一行，如果是两列呢？例如这个：此时，就不满足左对齐了！这个情况是会遇到的。比如，我们用v-for循环渲染内容，后台随机增加标签内容，就无法避免出现上面两端对齐的问题了！所以考虑到特殊情况作了如下改动，上代码：<view cl
2020-12-16 15:22:22
3369
1
原创 You should not mix ‘v-for‘ with ‘v-if‘
编写下面的代码：<el-table-column v-for="(th, key) in tableHeader" v-if="!checkNotAnyAuth(th)" :key="key" :prop="th.prop" :label="th.label" :fixed="th.fixed" :min-width="th.minWidth" :width="th.width" align="center" element-loading-text="拼命加
2020-12-10 14:31:11
3422
2
原创 电脑如何设置桌面应用图标、图标大小、浏览器网页显示大小
1.桌面应用图标大小单击桌面空白处，右键 ☞ 查看 ☞ 任意切换大图标、中等图标、小图标特点：关机重启后失效，再次开机时恢复到默认图标大小2.浏览器网页、文字大小Ctrl+鼠标滚动 自由缩放当前网页特点：只应用到当前缩放网页，切换到另一个网页不生效；浏览器关闭时失效，恢复默认设置3.针对上面的问题，如何设置为默认启动项，当电脑重启之后自动生效？鼠标单击桌面空白处，选择个性化 ☞ 显示 ☞ 选择大图标、小图标选择之后重启电脑设置开始生效，以后就不用每次都操作1、2步骤了。注意：当我
2020-11-30 11:11:20
3429
原创 一个鸡蛋引发的程序员泪崩瞬间
今日和大家分享今日一个热点新闻。11月6日深夜，武汉光谷，一名“95后”程序员在餐厅和家人通话时，突然情绪崩溃，眼泪在眼中打转。厨师彭师傅见状，用两个鸡蛋、一根火腿做了一份“100分”造型爱心餐，鼓励小伙子振作起来。彭师傅介绍说，和这名小伙沟通得知，他是一名“95后”程序员，最近半个月在加班，每天凌晨2点睡5点起来，睡眠不足3小时，所以才突然情绪崩溃。见到彭师傅的爱心餐，小伙非常惊讶，起身和彭师傅握了握手。彭师傅说，希望现在的年轻人能多吃点苦，人生是先苦后甜。在这里我想说的是，作为一个程序员的
2020-11-11 10:44:29
347
2
原创 真的有人会喜欢一个程序员？
回首这个2020，我都经历了什么？上半年疫情在家长膘、投简历找工作，下半年疯狂健身！后面毕业了， 我一直都不知道自己在干嘛，感觉每天就是浑浑噩噩的上班，上班应付领导，下班打篮球，晚上打游戏、睡前刷刷抖音，往往不知不觉就是深夜一两点！来公司之后，我迎来了另一种新生。这里遇见了豪哥，还有一位和我关系模模糊糊的女同事–小茜。在生活中，她给了我一种莫名被关心的感觉。她是贵州大学的社会在职研究生，工作日上班，周末回学校学习，她的每一天都很充实和忙碌。我们一起住一个公寓，一起上下班吃饭，一起逛街，互送礼物，早上叫起
2020-10-27 13:59:13
3198
12
原创 vue项目性能优化你了解多少？
最近，博主我也是很苦啊！现在新的开发任务下来了，忙着做产品需求分析，报告，跑业务，晚上加班陪领导酒局，每天累得跟狗一样。但是我就喜欢这一口，哈哈！！现在我的职业生涯开始真正的步入正轨，今后会不定时的更新文章，谢谢大家对我的支持！（膜拜）从前的我是一个最很菜的混子，连最基本的函数方法该怎么用都不明白，工作之后更惨，最怕每个星期的例会，每次会上最有可能挨批的就是我。好在我脸皮够厚，刚出社会遭到过很多的独打，在长途汽车站明明已经看到汽车站售票大厅了，硬是听信人家说不在这里买票，让黄牛多收几十块钱的服务费；
2020-10-14 15:16:57
242
原创 vue中axios插件使用
在一个网站项目开发中，前端需要和后端人员进行产品数据交互，你可以理解为：后端人员在项目中好比是飞机零部件加工方（用户是生产方），ui设计师提供成型的产品图纸，而前端人根据设计图纸用零部件组装成飞机！在项目中开发者们要进行信息交流与反馈信息。这里谈到的是前、后端数据交互。以vue项目为例：axios后台交互获取数据这块，我们通常使用的是axios插件库，它是基于promise的http库，可运行在浏览器端和node.js中。它有这些优点：例如拦截请求和响应、取消请求、转换json、客户端防御XSR
2020-10-09 16:28:12
784
原创 uniapp使用条件编译#ifdef（跨平台设备兼容）
欢迎大家来跟我一起分享uni-app开发学习心得！许多小伙伴最近私聊我，工作中遇到一些问题解决不了了，希望我跟他讲讲解决的思路，怎么做。情况是这样的：在app中顶部显示原生导航栏的返回按钮，在微信小程序顶部原生导航栏中不显示返回按钮▼技术引入uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接满足。但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。大量写 if else，会造成代码执行性能低下和管理混乱。
2020-09-25 14:50:20
7479
原创 3分钟学会这些面试小技巧
下面这些都是我在前端面试过程中的经验总结。我在辞职、找工作面前前后后面试过30多家公司，规模有大的、小的，大的是国企集团；小的刚刚成立，团队组建。如果有分歧的地方，希望大哥们别喷我今天我就和你们聊一聊我在面试之后的个人经验总结，分享给各位还在招工作有需要的小伙伴们：我们常见的面试官一般分为技术面试官、人事面试官、经理，一般由2到4人组成。但是，有些公司面试官人员组成就不同。比如国企的面试，由3~5个的很常见；教师的面试，那家伙，下面都是老师，不在我说的范围之内。我给大家讲讲我的面试一、技术面试官问题：
2020-08-28 15:31:49
398
原创 去软件培训学校真的可以学到东西吗？（不看你会后悔）
首先，在这里大家分享一下我在大学的情况。我是在一所地方上上的本科大学，学的是信息管理专业，计算机方向。在大学时候整天浑浑噩噩的，打打游戏，睡睡觉，吃吃饭，不逛街，不谈恋爱，就是那种一个周都不怎么出门的那种，废物就是我的大学标签（想哭）。后面到了临近毕业的时候，也考虑过也后的路怎么走，是跟着大众考一个教资，在某某不知名的嘎达教教书，还是参加考编能不能浑水摸鱼上岸，考研基本没机会了（开始烦躁）。在经历了一段时间的迷茫之后，经过深思熟虑之后打算为何不往编程开发这方面走，反正，不想以后后悔年轻不努力，背水而战在努
2020-08-26 15:50:22
876
原创 element-ui插件pagination分页中、英文语言切换
先看一下我遇到的问题，按照官网步骤使用分页，可是下面分页组件显示为英文，整个系统都是中文，出现英文按照开发要求是不允许存在这种主题不统一的问题：官网也给出解决方法：https://element.eleme.cn/#/zh-CN/component/i18nimport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'import locale from 'element-ui/lib/locale/l
2020-08-25 15:31:10
8069
3
转载 为什么v-for循环必须使用key值？
引自 木子星兮 ： https://segmentfault.com/a/1190000013810844为什么需要 key？使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素;我们在使用的使用经常会使用index(即数组的下标)来作为key,但其实这是不推荐的一种使用方法;如：const list = [ { id: 1, name: 'test
2020-08-21 17:23:44
1961
原创 真机hbuilderx真机调试：运行失败，失败原因：手机上没有信任本计算机的授权，请在手机上信任该授权 15:17:32.672 已停止运行...
这个是你没有确认是否共享手机usb接口数据造成的。你只要重新拔了数据线，重新插入，手机会弹出提示信息，点击确认就行。
2020-08-17 15:26:27
2407
转载 Error: Avoided redundant navigation to current location
推荐一篇不错的博客：https://blog.csdn.net/ZHOU_CXY/article/details/106565480?utm_medium=distribute.pc_category.none-task-blog-hot-1.nonecase&depth_1-utm_source=distribute.pc_category.none-task-blog-hot-1.nonecase&request_id=
2020-08-05 17:08:42
818
原创 HbuilderX如何让项目运行到微信开发者工具完整教程
本人最近在搞微信小程序开发，就碰到运行到微信开发者工具无法启动的问题，上网去查了一些博客，问题得到了解决。如果有和一些作者的内容有相似的地方请见谅【抱拳】！工具：HbuilderX、微信开发者工具现在正式开始进入我们的正题：1.点击文件,选择新建下面的项目,如下图所示：新建一个uni-app项目：2.接着选择uni-app类型,起个名字即可,如下图所示：3.然后就建好了小程序的目录,如下图所示：4.接着点击工具下面的设置,如下图所示:5.然后在运行配置里面设置微信开发者工具的路径
2020-07-29 14:13:15
16501
4
原创 uni-app本地打包apk(超详细教程)
说明：本文打包版本为2.7.5版本参考网址：https://blog.csdn.net/u012551928/article/details/84331339// 打包官方文档。下载sdk 、 android studio 等在这里下载。https://nativesupport.dcloud.net.cn/AppDocs/usemodule/androidModuleConfig/geolocation打包步骤：1、解压官方sdk，内容如下：在“打包官方文档”网址有链接，自己下载。2、
2020-06-10 09:48:28
26694
8
原创 uni-app开发日记 ： echarts图表插件使用教程
前言：之前接到一个app项目，里面要求用到echarts图表，查了很多论坛，博客，代码能够给你发出来，说是能够运行。但是，注意了，的确能运行而且没有报错，可是无法显示图表啊！这就不等于没说一样。我就去了解了一下很多都说改版了内容不完整，哈哈，去死吧！uniapp官网上面有许多的插件，我这里用的时renderjs-echarts-deom。也可以用ucharts这个是跨很多端的，app,h5,...
2020-06-09 15:02:48
3878
3
原创 uniapp如何使用HBuildx真机模拟器调试及配置？
app开发有多种模拟器。我这里介绍两种Android模拟器安装使用方法方法一：雷电模拟器。直接下载安装 地址http://www.ldmnq.com/不需要任何配置，直接安装使用。打开雷电模拟器1.进入设置2.开发者选项，点击开启点击HBuild运行->运行到手机或模拟器，选择第一项就可以了2。夜神模拟器下载地址：https://www.yeshen.com/配置H...
2020-06-09 14:53:04
3810
6
原创 mxgraph + vue 简单使用
这是我公司项目时需要做动态表单时，因为自己之前没接触过，在官网上去看，但是完全看不懂，太官方，花了一个想起从基础文档开始。后面在各种博客上找资源，发现这篇博客不错，而且有一些详细讲解。希望能帮助到你https://blog.csdn.net/dikentoujing99/article/details/88660439...
2020-06-09 11:45:41
628
原创 git命令实现项目代码上传代码、合并项目
1.找到项目文件，打开2.在该目录下点击鼠标右键，单击选择 git bash here，打开命令工具3.输入: git add ./ 将项目文件保存到本地4.再次： git commit -am '备注可随意填写'5.git pull 拉取最新github里面的代码6.最后， git push提交合并代码过程如下：此时，到这一步，项目代码上传合并，更新完成注意：上传成功之后本地代码和远程git仓库代码已经完全一致，无需重新拉取！...
2020-05-30 17:16:15
682
原创 统计新增代码行数（github）
在做统计周报时候非常的省事https://blog.csdn.net/qq_41985368/article/details/106443195
2020-05-30 16:57:31
1057
原创 uni-app页面有多个echarts图表只显示一个图表
上一篇文章简单介绍的renderjs-echarts-deom怎么使用。但是大家想要一个页面有多个图表就不行了，只显示一个，或者上面都没有，也不报错！现在来解决这个问题！思想：1.vue的组件引入方式，引入图表2.注意引入的组件id不可重名，不然一样没结果，只占位一个或者都不显示我想到这里大家都明白我的意思了吧！...
2020-04-11 10:16:42
1998
3
原创 uni-app简单使用echarts图表插件
前言之前在接到一个app项目，在许多博客、论坛上去查看，有许多的说是可以运行。但是，的确可以运行，可是不报错，不显示图表啊！我哩哦giao!许多网友评论说是，版本更改，插件内容丢失所致！我这里是我去uniapp官网上找的插件。用的是renderjs-echarts-deom,他有个好处，echarts官网上的图表样式代码，无需更改就可以复制使用，很方便开发，而且，样式比其他的丰富。当然，也可以...
2020-04-11 10:08:07
7446
12
原创 项目部署上线（经验分享）
1.压缩项目找到自己要上传的项目，进入项目目录里面，ctrl选中要上传的文件(项目必须是含有index.html，这是线上网站默认打开文件，当然也可以自己改为其他的文件)鼠标右键压缩（zip）2.登陆3.进入就文件管理器4.进入根目录点击 wwwroot进入默认根目录里面5.文件新建目录在根目录下建项目名有个好处，是你可以上传多个项目，而且都保证在根目录下，避免目录层级过多...
2020-02-19 13:55:21
880
原创 项目运行报错“webpack-dev-server不是内部或外部命令，也不是可运行的程序”怎么回事？
在vue项目的时候执行npm run dev报错：哈哈，遇到问题不要疯，你一定是没安装node_module或者卸载了。执行npm install 安装完之后，在运行就可以了
2020-02-17 17:40:57
209
原创 events.js:187 throw er; // Unhandled 'error' event ^ Error: connect ETIMEDOUT at Co
在运行nodejs 文件时，报如下错误：events.js:187 throw er; // Unhandled 'error' event ^Error: connect ETIMEDOUT at Connection._handleConnectTimeout (C:\Users\123\Desktop\wechatserver\node_modules\...
2020-02-12 11:38:03
3519
原创 微信小程序报错：不在以下 request 合法域名列表中，请参考文档
小程序开发的，用微信开发者工具做网络请求的时候，调试会出错，提示“不在以下 request 合法域名列表中，请参考文档”1.打开微信公众平台 https://mp.weixin.qq.com2.打开服务器域名3.设置request域名4. 重启微信开发工具...
2020-02-02 13:20:55
5548
原创 微信小程序如何获取当前地理位置信息
申请开发者密钥（key）：申请密钥https://lbs.qq.com/console/key.html开通webserviceAPI服务：控制台 -> key管理https://lbs.qq.com/dev/console/key/setting?key=HXLBZ-U2DC5-SWOIC-QFCSP-OU5S2-6EFJL -> 设置（使用该功能的key）-> 勾选...
2020-02-02 13:12:26
452
原创 微信小程序真机调试时手机上看不见图片
微信小程序真机调试时手机上看不见图片在学了一段时间微信小程序之后，我开始做一个练习，发现在开发者工具上能狗正常显示图片，可是真机调试时无法正常显示图片，检查了代码也没有错，也没有报错！就到网上查了一下最后还是解决了。我遇见的问题是这样的：图片使用为背景图片<view class="head-bg" style="background: url(/image/bg-city.png) c...
2020-01-30 15:38:50
8584
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人