搬砖日常
关注
分享
扫一扫
约妲己吃火锅
已转互联网产品岗位，不做前端开发了。
展开
-
windows7系统升级到windows10教程
背景可能大家都知道了,微软公司的windows10系统（下面简称w10）已经在市场实验、推广，而且在市场上已经测试完善和逐步成熟，继而引发一系列硬件和软件供应商也要升级服务，这对我们这些用户来说，还是有影响的，比如我们在用以前的一些软件或服务时，在软件更新之后发现用不了，或者报错、组件和功能产生冲突等问题。其实，这些都是系统升级之后出现的问题。微软公司已经明确发文将不再提供windows7系统（下面简称w7）的升级和维护。所以，还在用老系统的朋友可以考虑用用w10了！这里给大家推荐一个系统升级小技巧，大原创 2021-05-26 17:29:35 · 1468 阅读 · 0 评论 -
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 · 719 阅读 · 0 评论 -
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 · 3601 阅读 · 2 评论 -
电脑如何设置桌面应用图标、图标大小、浏览器网页显示大小
1.桌面应用图标大小单击桌面空白处，右键 ☞ 查看 ☞ 任意切换大图标、中等图标、小图标特点：关机重启后失效，再次开机时恢复到默认图标大小2.浏览器网页、文字大小Ctrl+鼠标滚动 自由缩放当前网页特点：只应用到当前缩放网页，切换到另一个网页不生效；浏览器关闭时失效，恢复默认设置3.针对上面的问题，如何设置为默认启动项，当电脑重启之后自动生效？鼠标单击桌面空白处，选择个性化 ☞ 显示 ☞ 选择大图标、小图标选择之后重启电脑设置开始生效，以后就不用每次都操作1、2步骤了。注意：当我原创 2020-11-30 11:11:20 · 3816 阅读 · 0 评论 -
vscode编辑器英文版怎么切换为中文版？
1.安装中文汉化包：在应用配置搜索框输入 “language” 找到如下工具 安装2.然后，同时按住“Ctrl +Shift + p” ,打开控制面板，输入"config",再选择“zh - cn”,之后会提示是否保存更改，再重启，点击“ 重启”就行了。3.在打开vscode就发现已经汉化了，汉化目的达到...原创 2019-11-11 11:22:02 · 676 阅读 · 0 评论 -
vue项目性能优化你了解多少？
最近，博主我也是很苦啊！现在新的开发任务下来了，忙着做产品需求分析，报告，跑业务，晚上加班陪领导酒局，每天累得跟狗一样。但是我就喜欢这一口，哈哈！！现在我的职业生涯开始真正的步入正轨，今后会不定时的更新文章，谢谢大家对我的支持！（膜拜）从前的我是一个最很菜的混子，连最基本的函数方法该怎么用都不明白，工作之后更惨，最怕每个星期的例会，每次会上最有可能挨批的就是我。好在我脸皮够厚，刚出社会遭到过很多的独打，在长途汽车站明明已经看到汽车站售票大厅了，硬是听信人家说不在这里买票，让黄牛多收几十块钱的服务费；原创 2020-10-14 15:16:57 · 473 阅读 · 0 评论 -
uniapp使用条件编译#ifdef（跨平台设备兼容）
欢迎大家来跟我一起分享uni-app开发学习心得！许多小伙伴最近私聊我，工作中遇到一些问题解决不了了，希望我跟他讲讲解决的思路，怎么做。情况是这样的：在app中顶部显示原生导航栏的返回按钮，在微信小程序顶部原生导航栏中不显示返回按钮▼技术引入uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接满足。但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。大量写 if else，会造成代码执行性能低下和管理混乱。原创 2020-09-25 14:50:20 · 8216 阅读 · 0 评论 -
js怎么生成一个订单号
思路：获取当前时间的时间戳，分别求出年、月、日、时、分、秒，用一个变量接收把他们和起来就行了<body> <div> <span>订单号：</span> <input type="text" id="order" name="WIDout_trade_no" /> </div> <button ...原创 2019-12-18 14:46:48 · 2521 阅读 · 0 评论 -
react中antd视图插件使用教程
1.首先安装：npm install antd --save注意：这一步必须在创建react 项目之后首先安装，不然在引用antd时会报错，提示找不到这个文件路径2.安装：npm install react-app-rewired customize-cra --save-dev在package.json文件中修改代码 "scripts": { "start": "react...原创 2019-11-30 10:34:31 · 878 阅读 · 0 评论 -
vue实现一个简单的分页功能
下面的内容我是在做一个关于婚纱项目中用到的，当时好久没用vue了，就上网区找了别人的博客来看，发现只有关于element_ui的，基本全是，对自己没用什么用，就自己写了一个，效果如下：点击相应的按钮切换到对应的内容内容：下面我只发核心代码，css样式就不发了，自己想怎么写怎么写 <!-- 分页内容 --> <ul class="blog-lists...原创 2019-12-06 17:42:38 · 1031 阅读 · 0 评论 -
开发中前、后端数据如何交互？
下面是我在做婚纱项目时做的，希望对你有帮助这是后台给的接口，我们直接拿来用就行首先，安装axiosnpm i axios --save引用 import axios from 'axios'前端渲染数据 <ul class="blog-lists-box"> <li class="blog-list" :key="i...原创 2019-12-11 14:55:10 · 244 阅读 · 0 评论 -
vue路由插件vue-router使用教程
静态路由vue-router使用路由可以方便我们访问多个组件，后面也会使用到路由跳转中安装:npm install vue --save-devnpm install vue-router --save-dev引入模块router在App.vue里面加写入 <router-view></router-view>在命令提示行输入 “npm run ...原创 2019-11-29 09:49:45 · 469 阅读 · 0 评论 -
数据存储不一致怎么解决
之前写的分页如果想要实现，当没有连接后台服务器让分页内容显示自己写的内容，连接服务器之后显示服务器里面的给的内容。发现之前的分页功能就错了内容能够上来，但是还在浏览器页面里面，没有完全覆盖。这是存储不一致导致的。要解决这个问题，就要用到vuex 的store仓库的state、mutations 、getters属性。直接上菜话不多说，看看我怎么写的。html: <...原创 2019-12-16 12:09:32 · 711 阅读 · 1 评论 -
用vue做搜索功能（不需要后台服务器）
这是一个精确查找的搜索功能在components 中建一个hello.vue组件<template> <div> <el-col :span="4"> <el-input @focus="foucs" type="text" v-model="search" placeholder="请输入您现在所在的位置"/> ...原创 2019-12-24 16:21:10 · 806 阅读 · 0 评论 -
简单axios请求封装
Params和Data的区别 GET请求的参数都是在URL上的服务器并不会读取http body里面的数据,这样我们传递的就是Params里的请求的参数了。如果想让服务器读取http body里面的数据那就需要用POST请求了，POST请求的参数就存放在body。get方法用params，post方法用data。// 封装axios primaryimport axios from 'a...原创 2019-12-17 10:38:53 · 402 阅读 · 0 评论 -
uniapp如何使用HBuildx真机模拟器调试及配置？
app开发有多种模拟器。我这里介绍两种Android模拟器安装使用方法方法一：雷电模拟器。直接下载安装 地址http://www.ldmnq.com/不需要任何配置，直接安装使用。打开雷电模拟器1.进入设置2.开发者选项，点击开启点击HBuild运行->运行到手机或模拟器，选择第一项就可以了2。夜神模拟器下载地址：https://www.yeshen.com/配置H...原创 2020-06-09 14:53:04 · 3906 阅读 · 6 评论 -
uni-app开发日记 ： echarts图表插件使用教程
前言：之前接到一个app项目，里面要求用到echarts图表，查了很多论坛，博客，代码能够给你发出来，说是能够运行。但是，注意了，的确能运行而且没有报错，可是无法显示图表啊！这就不等于没说一样。我就去了解了一下很多都说改版了内容不完整，哈哈，去死吧！uniapp官网上面有许多的插件，我这里用的时renderjs-echarts-deom。也可以用ucharts这个是跨很多端的，app,h5,...原创 2020-06-09 15:02:48 · 3982 阅读 · 3 评论 -
uniapp语音识别（讯飞语音）转文字
☞ 常见应用：游戏界面文字语音、商城导航栏的语音输入搜索框、聊天界面的语音文字输入等.引自官方 unicloud官方语音：语音输入接口可使得网页开发人员能快速调用设备的麦克风进行语音输入，而不需要安装额外的浏览器插件。规范不定义底层语音识别引擎的技术架构，浏览器实现可基于语音识别服务器或本地内置语音识别模块。▲配置SDK–识别讯飞语音（如果用不了讯飞语音，可换百度语音，自己去看接入文档）进入项目根目录下的 manifest.json -> App模块配置->speech 勾选原创 2020-09-23 15:24:13 · 8513 阅读 · 6 评论 -
electron桌面应用程序搭建及运行
最近一段时间公司暂时没有项目，突然闲下来坐着无聊，想学点其他技术，开发一个简单桌面应用，于是选择了electron技术，现在和大家分享一下。electron:官方文档https://www.electronjs.org/解释了桌面应用的开发好处。如果你可以建一个网站，你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架，它负责比较难搞的部分，你只需把精力放在你的应用的核心上即可。如上面所提到：会 JavaScr原创 2020-09-21 11:19:49 · 2407 阅读 · 0 评论 -
项目运行报错“webpack-dev-server不是内部或外部命令，也不是可运行的程序”怎么回事？
在vue项目的时候执行npm run dev报错：哈哈，遇到问题不要疯，你一定是没安装node_module或者卸载了。执行npm install 安装完之后，在运行就可以了原创 2020-02-17 17:40:57 · 241 阅读 · 0 评论 -
react-router-dom插件使用教程
1.安装npm i react --savenpm i react-router-dom --save在之前看文档时，使用react-router用到NavLink时报：Attempted import error: ‘NavLink’ is not exported from ‘react-router’.错误，后来查了一下react-router不支持，要安装react-rout...原创 2019-12-02 15:58:20 · 344 阅读 · 0 评论 -
uni-app中使用unicloud短信验证码（开通、模板报备、使用）
现在Dcloud公司在各方面都在不断完善功能、应用，嫁接一些新技术进来。对一个从事前端开发的程序员，Dcloud公司做的一些东西对于我们前端真的太友好了，首先框架开源，开发时可以引入各种插件，ui视图组件也很丰富。真的是良心开发商，大赞！！！！最近，hbuilderx 2.8.11版本正式上线，优化和新增一些功能，里面内容有点多久不一一介绍了，有兴趣的小伙伴可以看一下。我这里简单介绍一下短信验证码如何使用。第一步：开通短信服务请前往Dcloud开发者中心具体详情看官方指南：https://ask.原创 2020-09-09 16:57:05 · 6389 阅读 · 16 评论 -
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 · 8540 阅读 · 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 · 2001 阅读 · 0 评论 -
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 · 6083 阅读 · 0 评论 -
uni-app本地打包apk(超详细教程)
说明：本文打包版本为2.7.5版本参考网址：https://blog.youkuaiyun.com/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 · 27149 阅读 · 8 评论 -
真机hbuilderx真机调试：运行失败，失败原因：手机上没有信任本计算机的授权，请在手机上信任该授权 15:17:32.672 已停止运行...
这个是你没有确认是否共享手机usb接口数据造成的。你只要重新拔了数据线，重新插入，手机会弹出提示信息，点击确认就行。原创 2020-08-17 15:26:27 · 2769 阅读 · 0 评论 -
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 · 12522 阅读 · 3 评论 -
Error: Avoided redundant navigation to current location
推荐一篇不错的博客：https://blog.youkuaiyun.com/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 · 874 阅读 · 0 评论