算法与编程之美
CSDN官方认证“博客专家”,51CTO官方认证“专家博客”,腾讯云+社区“人气作者”优秀技术专栏,阿里云开发者社区乘风者计划专家博主,微信算法类排名前十、加V认证公众号,全网累计阅读量突破500万人次,累计帮助1000位以上编程爱好者解决难题。
展开
-
微信小游戏unity搭建3D篮球小游戏场景
欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。欢迎加入团队圈子!与作者面对面!直接点击!问题描述上一次...原创 2020-05-19 00:00:00 · 2713 阅读 · 0 评论 -
微信小游戏创建3D篮球小游戏项目
欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。欢迎加入团队圈子!与作者面对面!直接点击!问题描述随着小...原创 2020-05-12 00:00:00 · 1522 阅读 · 0 评论 -
微信小程序实现文件上传
问题如何在小程序中实现包括jpg、png、gif等形式的文件上传?在使用小程序的过程中,在编辑个人资料时,通常会面临上传头像、上传背景图片的情况,而这个开发过程需要怎样实现呢?方法(1)引入组件在需要上传文件的页面的json中引入组件库中的组件。表1 json代码{ "usingComponents": { "van-uploader": "/dist/uploader/index" },}(2)wxml中的代码引入uploader组件实现上传,原创 2022-04-07 07:56:48 · 6537 阅读 · 0 评论 -
VANT标签栏样式改变
1 问题描述在使用vant的Tab标签制作导航栏时,Tab样式书写方式同css有些许不同,并且一些样式变量是已经自定义的。那么如何改变样式呢?为此总结了一部分较为常用的样式的代码。2 算法...原创 2022-01-17 00:00:00 · 4231 阅读 · 2 评论 -
Web|设置隔行变色的单元格
欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。问题描述表格在日常生活中使用的非常的多,比如excel就...原创 2019-04-03 23:59:00 · 1618 阅读 · 1 评论 -
tinymce富文本编辑器用法介绍
问题在vue里需要用到tinymace富文本编辑器,如何去进行安装。方法在浏览器中搜索tinymce,官方网站为英文网站(官方网站地址:https://www.tiny.cloud/get-tiny/self-hosted/)2.进入官网以后先点击上面的Docs选项,后选择最下面的Get TinyMCE Free3.进入网页以后选择Download,跳转到最新版本页。...原创 2022-07-19 01:35:31 · 444 阅读 · 0 评论 -
搭建TypeScript代码编译器环境
欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。欢迎加入团队圈子!与作者面对面!直接点击!问题描述TS—...原创 2020-05-05 00:00:00 · 1138 阅读 · 0 评论 -
HTML制作表格
欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。问题描述用html表格制作如何能够做出一个类似Excel...原创 2020-02-19 00:00:00 · 3810 阅读 · 0 评论 -
HTML实现美食菜单
1 问题用HBuilder X制作一个美食推荐网页,效果如下:2 方法编写该程序,会用到无序列表(ul标记)和有序列表(ol标记)以及两个标记的交替使用。无序列表的基本语法如下:有序列表的基本语法如下:(3)代码如下:<!DOCTYPE html><html><head><meta charset="utf-8"><title></...原创 2022-11-02 00:00:43 · 1044 阅读 · 0 评论 -
【微信小程序】自定义折叠面板
如何实现一个可以自定义内容的折叠面板?如何对点击、关闭的图标进行条件渲染?在小程序页面中,一个可点开、关闭的折叠面板,并且能在点开面板中任意添加不同的内容,需要了解到不同组件的用法、事件绑定的方法以及条件渲染的方法。...原创 2020-06-25 00:00:00 · 2987 阅读 · 2 评论 -
Web前端之去除超链接的下划线
引言web前端的学习过程中,为了使网页之间相互联系,构成网站,我们制定a标签实现超链接,但是a标签是默认有下划线的。为了美观,我们需要去掉下划线,从而使网页更加协调。1 方法预备知识:cs...原创 2021-10-22 00:00:00 · 13609 阅读 · 0 评论 -
微信小程序利用Canvas实现绘画直线
微信小程序如何实现canvas绘画功能原创 2020-09-13 00:00:00 · 5413 阅读 · 0 评论 -
微信小程序页面的生命周期函数onLoad
欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。问题描述相信小程序的初学者对js页面是很模糊的总感觉看不......原创 2020-04-21 00:00:00 · 6830 阅读 · 0 评论 -
Vue项目启动后默认打开谷歌浏览器
Vue项目启动后默认打开谷歌浏览器原创 2022-07-06 14:20:34 · 1604 阅读 · 1 评论 -
【蓝桥杯真题】东奥大抽奖
问题第十三届蓝桥杯Web前端应用真题中的第五题《东奥大抽奖》要求通过完善完善js /index.js样式文件中的 TODO 部分。目标要求:1.点击开始后,以class 为 li1 的元素为起点,黄色背景(.active 类)在奖项上顺时针转动。2.当转动停止后,将获奖提示显示到页面的id 为award元素中。获奖提示必须包含奖项的名称,该名称需与题目提供的名称完全一致。3.转动时间间隔和转动停止条件已给出,请勿修改。方法解题思路1.获取黄色背景效果的li标签,同时注意第8个li标签的原创 2022-05-01 12:59:51 · 322 阅读 · 0 评论 -
event.target与event.currentTarget的区别
event.target事件和event.currentTarget事件,经常被人们混淆。因为它们两个有时候的返回值是完全一样的,因此很具有迷惑性。然而如果真的是一样的,那当初官方就不会做这样没有意义的事了。下面我就结合我所学的知识来给大家讲一下,这两者的区别。Event.target:返回触发事件的元素;Event.currentTarget:返回绑定事件的元素。我写了两个简单的demo,结合这两个demo,大家马上就可以理解它们二者的区别在哪里。<body>原创 2022-04-27 09:03:59 · 869 阅读 · 0 评论 -
微信小程序实现扫一扫功能
问题如何实现扫一扫功能?如何添加手机中的图片文件进行扫码?日常生活中,需要扫描二维码的地方随处可见,而如何让小程序实现扫一扫的功能呢?这就需要对js进行一个配置。方法(1)在wxml中进行页面简单配置,只需要view标签和button标签。但需要引入image的图片。表1 wxml代码示例<view> <image src="{{img}}" bindtap="img"></image> <button type="primary"原创 2022-04-26 12:52:43 · 3129 阅读 · 0 评论 -
微信小程序通过for循环实现列表渲染
问题大家学习程序设计都知道for循环,而且很多编程都需要用到for循环。在制作微信小程序特别是列表页面的时候,是否有遇到过列表元素很多或者不确定的情况,如果一个一个的去敲就会有很大的工作量非常的麻烦。那么可不可以用for循环来解决这个问题呢?方法编程的人都知道for循环是一种循环语句。当元素的数量很多的时候,用for循环来遍历元素解决一些问题就显得非常的方便。微信小程序也一样,大家通常看到的一些列表页面都是由很多的元素组成的,如果一个框框一个框框的去写代码效率就特别低了。但是用小程序中wx:for属性原创 2022-04-25 10:42:12 · 2458 阅读 · 0 评论 -
数据可视化之matplotlib画图
相信大家在现阶段被大数据时代带来大量的数据和一些文章而不能清楚直观地了解其中真正关键的数据,所以小编给大家带来一种简单的数据可视化的解决方案—利用matplotlib函数来制作简单的直方图。运行环境在cmd命令提示符中直接安装pip install matplotlibpip install numpy操作示例import numpy as npimport matplotlib.pyplot as pltplt.rcParams['font.sans-serif']原创 2022-04-20 20:50:37 · 1211 阅读 · 0 评论 -
JS中函数的返回值介绍
问题我们先来看一组代码function kunkun(aru){ console.log(aru)}kunkun('打篮球')这个看似能输出结果,实则是在逻辑上是不合理的,我们函数是做某件事或者实现某种功能,而在上面的代码中,函数提供了‘aru’,结果自己却把该参数给输出了。这好比是鸡生了蛋,自己却把蛋给吃了。那我们吃蛋壳吗?所以,接下来我会介绍一种逻辑更严谨的代码。方法return语句有的时候,我们希望函数将返回值返回给调用者,此时通过使用return语句就可以实现。原创 2022-04-18 08:17:20 · 1046 阅读 · 0 评论 -
Progress实现进度条效果
简介在加载网页时,如在打开谷歌、百度时,当网速较低时浏览器地址栏的下方就会出现蓝色的进度条,而不是在地址栏里面出现进度条。通过进度条可以让用户比较准确判断网页加载的进度,决定是否继续加载。但是现在运用最多的应该是文件下载的时候(如视频文件、音频文件等),用来显示下载进度。Progress概述在HTML中,Progress标签是HTML5中新增的标签,是使用来定义运行中的任务进度或进程的,通常和JavaScript一起使用来实现进度条。Progress标签属性为max和value。(max:规定需要完成原创 2022-04-13 22:53:38 · 1776 阅读 · 0 评论 -
微信小程序实现抽奖大转盘
问题在抽奖的应用或小程序中,大多会采用一种常见的大转盘抽奖方式,这种方式能直观展现出这个抽奖活动的形式和内容,且能直接吸引人参与。那么这个功能是如何实现的呢?效果图:方法(1)首先要实现这个大转盘的样式设计,通过canvas画布和animation动画来实现。(这两个api的用法小编在前面的实战文章有过讲解,感兴趣可以去看一看。)wxml代码示例:<view> <view> <view>原创 2022-04-12 20:57:46 · 1549 阅读 · 0 评论 -
微信小程序地图实现多个位置标记marker
问题如何在微信小程序实现标记多个位置。方法1.在pages文件夹下新建image文件夹用来存放标记的图片。2.在map标签中添加markers属性。 <map id="map" style="width: 100%; height:100%;" scale="17" markers="{{markers}}" longitude="116.336590" latitude="39.941127" show-location> </map>3.在.j原创 2022-04-08 07:56:34 · 2600 阅读 · 2 评论 -
【从0到1打造代码生成器】数据库表生成Java实体类
问题上一篇文章已经介绍了利用Velocity技术生成Java实体类,然而实体类往往与数据库表一一对应,即根据数据库表生成实体类。方法根据数据库表生成实体类的一般思路是:(1) 实体类的重点在于属性,而属性来自于数据库表的字段,因此需要熟悉根据表名查询所有字段信息的sql语句,即show full fields from 表名,查询结果如下图所示:上图可以看到,能够获得的信息包括Field, Type, Comment, Key等信息;(2) 利用JDBC的PreparedStatement技原创 2022-03-31 17:10:45 · 1115 阅读 · 0 评论 -
[地图开发教程] 如何去除叠加图层后的多余形状
1 问题描述当我们往地图上叠加图层后,未能完全覆盖那块地图,原先地图的上的一些形状被放大之后仍能看见,那么如何去除叠加图层后仍然显示的多余形状呢?起初地图的样式为左一,解决后的为左二。可以...原创 2021-12-23 00:00:00 · 1150 阅读 · 0 评论 -
vue-element组件安装教程
1引言将Element归类为Vue.js,主要原因为Element是饿了么团队基于MVVM框架Vue开源出来的一套前端ui组件,下面将介绍如何进行vue-element组件的安装。2 方...原创 2021-12-06 00:00:00 · 1013 阅读 · 0 评论 -
ELEMENT简单布局
1 问题描述本文章通过div盒子和el-container两种方式进行网页的简单布局及嵌套功能,以此表明两者之间的不同。2 算法描述(一)使用div盒子装。一般装el-row和el-col...原创 2021-12-04 00:00:00 · 2087 阅读 · 0 评论 -
介绍Promise构造函数的几种方法
1引言在使用了Promise构造函数创建了Promise对象之后就要使用到Promise中的一些方法,下面将介绍这几种方法。2问题介绍Promise函数的then方法、reject用法...原创 2021-12-02 00:00:00 · 1320 阅读 · 0 评论 -
小程序标记点切换闪屏问题的解决方法
1引言解决小程序地图切换标记点闪屏问题,提升用户体验。2问题如何解决小程序地图切换标记点闪屏问题。3方法解决思路:给顶部选项卡设置id并给其绑定相关标记点的信息,通过识别选项卡id实...原创 2021-12-01 00:00:00 · 1650 阅读 · 0 评论 -
css动画之@keyframes
1 前言在css中我们可以利用@keyframes创建动画效果,在过程中还可更改css样式。2 方法先在position进行定位,animation设置动画运行的时长,infinite表示...原创 2021-11-29 00:00:00 · 2290 阅读 · 0 评论 -
小程序地图覆盖手绘地图的解决方法
引言手绘地图顾名思义就是手工绘制的地图,比普通的地图更有观赏性和生动性,通过把特定的地点绘制出来,兼具实用和纪念性,同时更加具有可看性。一般在旅游景点有很多这种纸质版手绘地图。比如这种:...原创 2021-11-28 00:00:00 · 3422 阅读 · 4 评论 -
点击地图添加Marker
1 问题描述当我们往地图上添加marker时第一反应都是根据经度和维度来添加,却没有想到可以通过点击地图相应的位置添加marker,所以到底如何实现点击添加marker呢?2 算法描述首先...原创 2021-11-22 00:00:00 · 1366 阅读 · 0 评论 -
网页中多个盒子的设置
1 问题描述在网页排版时,通常会将网页分成几个部分,这就需要将网页分成一个个的盒子。探讨网页中多个盒子的设置。2 方法描述在网页中放入多个盒子标签,注意盒子的浮动、位置以及样式,通过样式标...原创 2021-11-21 00:00:00 · 2614 阅读 · 0 评论 -
vue项目实现页面跳转
问题描述:vue-router是前端开发中用来实现路由页面跳转的一个模块。下面小编将带来如何在已经创建好的vue-router项目基础下实现页面跳转。实验结果与讨论:1.创建一个vue-c...原创 2021-11-18 00:00:00 · 3180 阅读 · 0 评论 -
利用javascript做简单的算法
1 问题众所周知,无论是Pycharm或是IDLE、java都可以计算简单的算法,比如加减乘除。然而在Hbuilder中,javascript也可以用来计算数值的加减乘除。比如,我们计算:...原创 2021-11-15 00:00:00 · 1762 阅读 · 0 评论 -
小程序map切换不同的标记点
1 问题如何利用小程序的自定义组件实现map切换不同的标记点2 方法创建一个组件mapchart图中的mapchart就是一个自定义组件,自定义组件为了规范通常放在conponents里。...原创 2021-11-13 00:00:00 · 1141 阅读 · 0 评论 -
如何制作音乐播放器页面
欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。欢迎加入团队圈子!与作者面对面!直接点击!新建文件目录在...原创 2020-08-20 00:00:00 · 4440 阅读 · 0 评论 -
神奇的PS通道原理
欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。欢迎加入团队圈子!与作者面对面!直接点击!说到通道,相信...原创 2020-08-07 00:00:00 · 2409 阅读 · 0 评论 -
微信小程序navigator组件实现页面跳转
欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。问题描述现在大家所用的...原创 2020-03-31 00:00:00 · 4724 阅读 · 1 评论 -
如何设计一个简单的网站首页
问题描述网站首页是一个网站的入口网页。对于一个网站的了解往往是通过他的首页。首页的主要作用就是引导互联网用户浏览网站其他部分的内容。网站首页上展现的这部分内容一般被认为是一个目录性质的内容。首页的作用是一个网站内容的汇总和索引,在首页上有很多图标和链接,栏目也比较多,就像以一个住宅的大门一样,由此通往各个模块,首页是网站必需的,不可或缺的。解决方案设计网页的时候我们需要考虑很多因素。首先我们需要知道网页上应该包含哪些内容。对于大部分网页上必须有的就是导航栏。当然关于本网站的相关信息即文字和图片.原创 2019-11-22 23:59:00 · 5191 阅读 · 0 评论