- 博客(79)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 智慧时代的挑战与机遇：探索人工智能时代的未来发展
同时，我们也需要认识到人工智能技术带来的风险和挑战，采取有效的措施进行监管和引导，从而确保人工智能技术的合理、安全和可持续发展，推动人类社会迈向更加智慧、创新和进步的未来。因此，我们需要采取有效的措施，监管和引导人工智能技术的发展和应用，从而最大程度地减少风险和挑战，保障人类的权益和尊严。在人工智能的帮助下，我们将有更多的机会进行创新和发明，从而推动科学技术和文化艺术的发展。对于未来的规划，我认为，我们应该积极面对和适应人工智能时代带来的挑战和机遇，努力实现个人和社会的全面发展。
2023-04-23 20:56:32
635
2
原创 canvas实现百度AI图片多主体识别效果
近期模拟了一个百度AI——图片多主体识别的demo，使用了canvas实现这个功能。相信前端的同事对canvas都不算陌生，那我们就用canvas来看看这个功能是怎么实现的吧。canvas是html5的一个新标签，属于h5的新特性canvas标签是一个图形的容器，简单点说就是一块画布，你可以在上画矩形，圆形，三角形，折线等等,也可以用来画logo它是通过javascript来画的，即脚本绘制图形。
2022-08-23 17:14:41
1264
原创 canvas图片自适应和居中显示
上篇文章已经说过使用canvas显示图片并在图片上画图的功能，细心的同学就会发现，这个效果是实现了，但还是有一点**的，那我们就一起来看一下。
2022-08-23 17:08:10
7316
原创 记笔记的正确打开方式
前言这段时间在学习Linux的时候记录了一些笔记，给领导看完之后人都傻了，这记得都是些什么玩意，牛头不对马嘴上文不接下文的。回想了一下，把自己遇到的问题分点把他记录下来（后面接上解决方法），这不是我从小用到大的记录方法吗。其实，这种形式是没错的，好记性不如烂笔头嘛，但这种方式以及思路却是错了。那么正确的记录笔记的方式应该是怎么样的呢？一、提出问题我们会做笔记，肯定是因为有疑问。一切问题的根源都来源于三个字为什么，所以我们的第一步就是提出问题。有了问题，就有了一个指引，接下来我们才知道自己需要沿着哪个方
2022-05-30 21:11:01
280
原创 v-if 和 v-show
前言最近在看一本vue.js的书，名为《vue.js从入门到项目实战》，有空的同学可以去刷一下，都是一些vue的基础，对新手或不熟悉vue的人很有帮助。言归正传，看到了一篇v-if 和 v-show 的区别，虽然以前了解过，但没那么精细。什么是v-ifv-if是会根据表达式值的真假，切换元素的显示和隐藏，其实是在操作dom元素。v-if用法只需要为元素挂上v-if 指令即可，与之配套的还有v-else-if 和 v-else，不过它们只能与v-if配合使用。例： <div id="app"
2022-05-30 00:54:01
281
原创 为什么程序员必须要写博客
前言突然发现，自己已经很久很久没有写博客了。上次写博客是今年的三月份，再上次就是上一年的六月份了，这跨度。。。属实有点大啊。自己反思了一下，主要有两点原因，一个是懒，另一个，就是自己过得太安逸了，没有什么项目就没有什么技术难点，所以就没东西写技术博客了。回归正题，为什么程序员必须写博客？一、巩固知识点俗话说，好记性不如烂笔头。在日常工作中，无论我们遇到什么难题，都应该输出点内容记录下来，比如笔记，心得，demo等等，遇到的问题在找到解决方法后可以临时把它记在我们的笔记里面，等有时间再把这些知识点写成博
2022-05-23 00:30:31
545
原创 修改element日历的样式
前言：需要修改element中el-calendar的表头还有选中的样式，但要求不影响其它页面，也就是要求写在 scoped 里面。安排：使用 /deep/ 的深度监听机制实现在 scoped 修改页面样式并不影响其它页面。// 除去日历表格的padding /deep/ .el-calendar-table .el-calendar-day{ padding: 0; } // 修改当天日期样式 /deep/ .el-calendar-table td.is-today{
2021-06-16 14:16:52
2519
转载 前端面试题——VUE
VUE面试题1、v-show 和 v-if的区别，v-show 和 keep-alive 的区别答案：v-show是 CSS display 控制显示和隐藏v-if 是组件真正的渲染和销毁，而不是显示和隐藏频繁切换显示状态用 v-show，否则用 v-ifkeep-alive 是在vue 框架层级进行的JS 对象渲染一般简单的可用 v-show，复杂一点的一般用 keep-alive，keep-alive 通常用于 tab 的切换2、为何 v-for 要用 key答案：必
2021-06-10 17:00:53
670
原创 修改element表格和标签页表头样式
背景：由于业务要求，需要更改element表格样式进行美化.需求：修改表格中表头和内容的样式修改标签页表头样式解决一：使用js进行样式的修改例：通过js获取对应的样式名进行样式的修改document.getElementsByClassName('el-tabs__content')[0].style.display = 'block'解决二：直接在全局样式中进行样式修改例： 在不带 scoped 的 style 中进行修改，这种方式不推荐使用，因为全局修改了样式势必会影响到其它页面
2021-06-01 10:43:11
2288
原创 vue项目部署到服务器后浏览器标签上的小图标消失不见
背景：最近在开发项目过程中发现一个问题，项目部署到服务器后在浏览器打开，会发现浏览器标签上的小图标消失不见了。百度查找问题，网上给出了许多解决的方案，例如清除浏览器缓存、把图标的相对路径改成绝对路径、不用管，第二天它自己就会出现…，解决方案多种多样，只有你想不到的，没有度娘查不到的。但可能相同的问题有时候相同的方法不一定能解决，上面的方法亲测了一遍对我的项目没有作用，可能问题根本不是出现在这里。问题：vue项目部署到服务器后浏览器标签上的小图标消失不见？解决思路：一开始使用百度进行查找解决方法，
2021-05-27 11:30:38
2765
原创 [Vue warn]: Error in render: “TypeError: Cannot read property ‘_normalized‘ of undefined“
BUG：当点击菜单切换页面时页面报错，如下：解决：在logo.vue文件内的 <router-link> 标签内加入 to="你的路由" ,如：<router-link to="/supplier/quotation">结尾：个人项目bug，简单记录方便后续查看，希望对你有所帮助！...
2021-05-25 16:09:48
1830
原创 vue实现页面数据未保存时离开页面做弹窗提示
需求分析：页面存在编辑框，当用户进入编辑状态时，如果没有点击保存就离开页面，需弹窗提示。如：实现原理：使用路由守卫beforeRouteLeave进行控制，当路由守卫监听到页面路由发生改变时触发弹窗。实现代码： mounted() { ...... } // 使用路由守卫判断是否离开当前页面 beforeRouteLeave(to, form, next) { if (this.editingRowId !== '') { // 此处为个人项目条件判断，当条件成立时才执行
2021-05-25 15:55:43
3630
1
原创 jq如何获取后端数据渲染输入框和单选框
前言：需要做一个使用jq实现的表单功能，并把后端返回的数据渲染到表单上。但使用惯了Vue的书写方式就忘记了jq的书写方式，导致单选框以及获取单选框的值作为参数无法实现。实现方法：如果不想在js上渲染节点的话我们可以在节点上设置一个id，然后把值赋值给id即可。如需设置单选框的值，可以使用$("input[name=pool][value=" + json.pool + "]").attr("checked", true); 进行设置，这样即可拿到后端数据渲染单选框。<table id='ta
2021-05-19 11:46:47
1428
原创 jq渲染带下载按钮的表格
目标：1. jq如何像vue一样把数据源挂载到HTML节点上，节点直接使用 data.xxx 进行数据渲染2. jq能正常在表格上渲染按钮但点击按钮无反应3. jq实现获取后端数据并下载成文件目标一：jq请求后端数据，返回的是数组形式，需要把数据渲染到表格上。（待开发）虽然这个方法暂时没能很好的解决，但我们可以使用其它方法解决。实现效果一：实现代码一：<table style="text-align: center" id="table" class="table table-ho
2021-05-19 11:08:00
240
原创 jq使用请求报405错误
前言：最近在开发一个公司内部项目，因为是内部自己使用，而且需求方要求内存不能太大，所以就不考虑使用Vue或React。思前想后决定使用jq来开发。一来可以满足项目要求，二来还可以练练手，毕竟用久框架回把之前原生的都忘记了。目的：主要还是为了记录一下开发过程中遇到的一些bug，加深一下印象，也可以为以后遇到相同bug能快速找到解决方法。Bug：使用post请求页面报405报错如下：碎碎念：一开始碰到这个错误的时候就以为是接口错误（其实不是接口问题，原因后面说），于是就在网上拼命找解决方法。类似与
2021-05-18 17:18:57
1059
8
原创 更换node版本方法
更新node版本的方法前景： 近来公司写项目的时候，发现一个问题，node版本不同导致的安装依赖版本不同而无法正常启动。总结出来问题的原因有两点：npm包管理器安装依赖不成功，此时需要切换npm的版本，安装正确的依赖；安装完成依赖的项目，用高版本的node运行已安装依赖的项目不成功，此时需要切换node的版本；为了防止以后再出现类似的问题，建议把node版本统一换成一致的。那如何更换node版本呢？这里给大家推荐两种方法。一、通过安装包更新版本。使用安装包之前肯定得删除之前的版本。操作如下
2020-11-20 09:08:42
34973
7
原创 小程序的豆瓣项目练习
小程序的豆瓣项目：一. tabbar的布局实现 需要创建 pages/welcome board list item search mine 全局配置 —> tabBar app.json里面进行了配置："tabBar":{ //配置底部的tab栏 "color":"#ccc", //默认的颜色 "selectedColor":"#35495e", //选中tabar的文字颜色 "borderStyle":"white",
2020-09-21 16:37:28
2341
原创 leaflet地图实现滑块放大缩小以及拉框放大缩小
前言：最近公司在做一个有关地图的项目，说到地图，就我个人而言，还没接触过，所以拿到项目的时候是一愣一愣的，心想这都是些啥玩意？没办法，既然项目需要，那就得硬着头皮去干，除非你想卷覆盖走人。需求：拉动滑块实现地图放大缩小拉框实现地图放大缩小过程：拿到需求的时候第一件事当然是找相关的API啦、找文档啦，公司这边要求使用的地图是leaflets地图，所以就得花时间看看leaflet的相关文档。虽然项目已经做的差不多，当由于产品这边提的两个需求刚好在文档里面找不到，也就是leaflet地图没有提供相
2020-09-17 17:10:01
5259
2
原创 GitHub加载图片的方法
GitHub可以说是开发过程中的神工具了，有许多功能许多需求不会做的时候我们都可以从GitHub上面查找案例（当然也不是啥都有的），但它毕竟是国外的网站，在网络加载方面还是欠点火候，而且有的时候图片还加载不出来，这就让人很懊恼。比如，我想查找一下leaflets地图的相关案例，但是效果图却没给我显示出来，这可怎么办啊。这时我们第一时间想到的可能是复制图片链接重新打开看，但是还是一样无法显示。或许也可以上网查找各种显示图片的方法，但都不是一劳永逸的办法。今天刚好遇到了这个问题，询问了一下高手，说是需要
2020-09-08 14:27:14
848
原创 element表格左对齐方法
表格左对齐方法项目中需要到表格左对齐，类似于下面这种东西上百度找了很多种方法，有说在css改样式的，也有说在表格标签里面添加 align=‘center’ 方法的，然而调来调去都不行，也不能全局更改它的样式代码，这样其他页面的表格也会收到影响。最后无意中发现了这种写法，简单又轻松的搞定了。<el-table v-loading="listLoading" :data="tableData1" class="table-container" :b
2020-09-02 13:50:09
12261
3
原创 element刷新表单校验
需求：表单代码： <el-dialog class="dialog-container" :title="formEditTitle" :visible.sync="dialogEdittVisible" @close="closeDialog('formEdit')" @keyup.enter.native="onConfirm" > <el-form ref="formEdi
2020-08-11 10:51:43
2051
1
原创 element UI 开始时间不能晚于结束时间
开始时间不能晚于结束时间背景：项目中有个需求是开始时间不能晚于结束时间，有段时间不接触element ui了，给忘记了，网 上找了很多案例，但是每一个是我想要的，于是自己操作一番，记下来方便以后借鉴。效果：这是写在页面显示的代码 <!-- 起止日期时间 --> <label class="search-label"> 开始时间: <el-date-picker v-model="formSea
2020-08-11 10:21:19
1563
原创 vue在npm run dev时报错Error: Cannot find module ‘xxx‘
今天在做项目时出现了下面这个错误，找了很多博客，都说改一下代码写法就行了。不过视情况而定，有点时候有些代码改起来很麻烦，千丝万缕的关系，不是说改一下代码就行了的。然后就试了很多方法，最后发现是node版本的原因，当时用的是node的最新版本@14.6.0，个人认为是新版本里面的插件不支持某些东西（我也不确定），所以无论怎么清除缓存怎么重新下载依赖包都不行。于是就改了一下node版本，把node卸载掉在重新安装@12.18.3版本，最后终于解决了。...
2020-07-28 15:08:25
3349
原创 vue的自定义指令
自定义指令自定义指令介绍 directives - 对普通 DOM 元素进行底层操作(1) 自定义指令注册当页面加载时，该元素将获得焦点 (注意：autofocus 在移动版 Safari 上不工作)。事实上，只要你在打开这个页面后还没点击过任何内容，这个输入框就应当还是处于聚焦状态。现在让我们用指令来实现这个功能：// 注册一个全局自定义指令 `v-focus`Vue.directiv...
2020-05-17 23:24:35
400
原创 vue-router
vue-router现在的应用都流行SPA应用（single page application）传统的项目大多使用多页面结构，需要切换内容的时候我们往往会进行单个html文件的跳转，这个时候受网络、性能影响，浏览器会出现不定时间的空白界面，用户体验不好单页面应用就是用户通过某些操作更改地址栏url之后，动态的进行不同模板内容的无刷新切换，用户体验好。Vue中会使用官方提供的vue-rout...
2020-05-17 23:15:05
140
原创 了解webpack
webpack开发依赖devDependencies与运行依赖dependenciesnpm的文档说dependencies是运行时依赖，devDependencies是开发时的依赖。即devDependencies 下列出的模块，是我们开发时用的，比如 我们安装 js的压缩包 gulp-uglify 时，我们采用的是 npm install -D gulp-uglify 命令安装，因为我们在发布后用不到它，而只是在我们开发才用到它。dependencies 下的模块，则是我们发布后还需要依赖的模块，
2020-05-16 12:45:35
192
原创 使用码云上传项目（使用Git上传项目）
使用码云上传项目（使用Git上传项目）找到要上传的项目文件夹，右击选择 Git Bash Heregit初始化创建 .git 文件夹指令：git init查看git状态指令：git status把项目添加到暂存区指令：git add ./git add *提交到本地仓库指令：git commit -m "liao-first"创建码云（Git）远程仓库 https://gitee.com/创建成功 ↓连接远程主分支指令：git remo
2020-05-14 20:13:17
268
原创 微信小程序云开发——有数据却拿不到数据
在从云数据库里面取数据的时候，出现了这样的一个问题。res {data: Array(0), errMsg: "collection.get:ok"}这个问题的原因是设置了权限，仅创建者可读取，所以我们才拿不到数据。解决方法：把权限设置放到最大这样问题就解决了！...
2020-05-10 13:23:48
2653
1
原创 微信云开发报错（Error: ResourceNotFound.FunctionName, FunctionName 指定的资源不存在。 (9f4aff33-7528-43e2-b0db-d273d）
在微信小程序云开发时，上传login的时候报错Error: ResourceNotFound.FunctionName, FunctionName 指定的资源不存在。 (9f4aff33-7528-43e2-b0db-d273d0d6b50f)遇到问题不要慌，先截个图发个朋友圈，问问同事会不会。不会也不要慌，把错误信息复制粘贴到CSDN，来到小编的博客文章看一看，解决方法不就来了嘛！解决办法！！！手动在云开发平台里面创建一个login函数，再把本地的login上传上去覆盖掉，问题就解决啦！
2020-05-08 21:30:34
1366
原创 微信小程序（三）详解篇
一、什么是小程序（了解）小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。二、小程序的种类（了解）微信小程序、支付宝小程序、头条小程序、百度小程序、QQ小程序三、小程序的发展史（了解）时间备注2016-0...
2020-05-07 11:59:53
2192
2
原创 微信小程序（二）
一、小程序框架介绍（了解）小程序框架包含小程序的配置、框架接口、场景值、WXML 和 WXS 等二、小程序的配置（精通）小程序的配置分为全局配置、页面配置以及sitemap 配置1、全局配置小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象属性类型必填描述最低版本pagesstring[]是页面路径列表...
2020-05-07 10:38:12
1122
原创 微信小程序（一）
微信小程序小程序介绍微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平台上使用的应用。主要提供给企业、政府、媒体、其他组织或者个人的开发者在微信平台上提供服务。微信小程序是Web App。Web App就是一种通过H5页面技术实现的，和NativeApp的功能和界面几乎一样的手机App形态。很多商家和企业为了节省技术人员和资金的投入，都会选择使用WebAp...
2020-05-07 09:29:38
911
原创 React中的数据承载-Props/State
React中的数据承载-Props/State任意的视图变化都应该由数据来控制React也是基于数据驱动(声明式)的框架，组件中必然需要承载一些数据，在react中起到这个作用的是属性和状态（props & state）属性（props） 在组件外部传入，或者内部设置，组件内部通过this.props获得状态（state） 在组件内部设置或者更改，组件内部通过this...
2020-05-05 23:07:26
184
原创 Antd组件库
Antd组件库antd的基本使用 yarn add antdimport React, { Component } from 'react'import { Button } from 'antd';import 'antd/dist/antd.css';export default class App extends Component { render() { r...
2020-05-05 23:00:51
1802
原创 React-Router
React-Router最新的路由的版本是5.1.2的版本。里面的话提供了一些包 （react-router-native等）所在在做web端开发的时候只需要安装react-router-dom就可以了，因为内部已经包含了最核心的内容了。路由的简单使用 安装路由： yarn add react-router-dom 需要在最外层的节点上面：//HashRrouter ...
2020-05-05 22:58:31
152
原创 混合开发
一、原生语言：苹果手机：ios系统，由swift和c++/object-c语言编写，后缀名为 ipa（ios开发的安装包的后缀名） swift语言是一种开源的语言安卓手机：android系统，由java（android）语言编写，后缀名为apk开源的wp手机：windowphone系统，由c#语言编写， 一般说到混合开发不考虑这个版本二、混合开发：原生语言开发+js的开发缘由：j...
2020-05-03 22:57:46
1694
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人