qq_41930094的博客_CSDN博客-uni-app,阿里云,ES6领域博主

qq_41930094

码龄3年

毕业院校广东财经大学华商学院
目前就职上海慧特信息科技有限公司
于 2018-03-30 加入CSDN

获得成就

获得6次点赞
内容获得5次评论
获得13次收藏

荣誉勋章

兴趣领域

#前端

#JavaScript#小程序#Vue.js#ECMAScript 6#CSS

TA的专栏

HBuilder中的项目如何运行到~微信开发者工具中

在HBuilder和微信开发者工具中分别进行配置！第一步：在HBuilder工具中-配置微信开发者安装路径【工具–设置】第二步：在微信开发者工具中打开“服务” 【设置–安全设置】第三步：HBuilder中重启项目补充：若HBuilder项目启动打开小程序开发者工具后，界面并未编译，则需要确认该人员是否，已在微信后台为其添加开发者权限，否则打开开发者工具后，项目不会自动编译！谨记！...

发布博客于 25 天前

零基础入手 · 阿里云服务器部署Java环境 · 展示静态页面

前期工作1.阿里云ecs服务器购买后，需要注意的几点：(建议将下面三点自己记录下来，后面使用就不必再去专门找…)服务器实例ID服务器所属的区域公网IP~用于连接服务器使用阿里云服务器中提供终端连接工具（root+密码==>连接服务器）：如图第4点，点击"远程连接"，在弹框中选择 “VNC远程连接登录” （默认无需输入密码即可登录，额外补充VNC另一项作用：当你需要在阿里云提交工单，运维人员若需要最高权限，去测试服务器存在问题时，会需要你提供VNC的登录密码，所以及时将密码也保存记

发布博客于 2 月前

ES6中 · Object()方法

ES6中Object方法我记得第一次离职后，有一次电话面试就被问道对象有哪些方法，当时脑壳一懵一片空白，后面结果肯定是不乐观的…object的方法，在我开发过程中感觉几乎没怎么用到过，但是毕竟时常使用JavaScript的数据类型object，还是要掌握下人家的方法，记几个常见的也行，总的来说要知道有个这个东西…1. Object.is() 方法概念：object.is(a,b) ，比较逗号两边的值和类型是否相同，来决定方法返回的Boolean值（true或false）;先说下es5两个比较运

发布博客于 2 月前

浅谈 ES6 · 知识点 · Class 类

ES6中的类 · Class由来：在es6之前，创建对象都是通过构造函数。而这种写法与传统的面向对象（c++、Java）差异很大，不易理解，在这个基础上，为了使代码风格更贴近传统的面向对象，出现与Java中“类”的概念，所以ES6诞生了Class 类的概念。ES6中的Class (类)与Java中的类在Java开发中，我们会在对一个对象操作之前，创建一个实体类并声明属性、构造方法及toString方法。而在es6中的class与Java中的类可以说高度相似。类的出现，让我们以后创建

发布博客于 2 月前

Git提交代码前未拉取最新远程代码，推送（push）远程空间时报错

前言：做一个靠谱的人，做好每一件事。*我的提交命令：git add .git commit -m"描述信息"git push报错原因：使用gitbash提交代码前，没有执行git pull去更新远程仓库最新代码。报红提示：! [rejected] integrate -> integrate (fetch first)error: failed to push some refs to ‘ssh://gitlab.chinamworld.com:22023/c

发布博客于 2 月前

浅谈JavaScript入手TypeScript

MDN官网学习总结：1.概念：在JavaScript的基础上，添加静态类型定义构建而成。2.特点： * 在typescript中，不是每个地方都需要标注类型，因为类型推断允许您无需编写额外的代码即可获得大量功能。 * 所有js写法都可以用于ts中。 * ts代码通过编译器后最终转译成js代码，生成后的代码也是干净，整洁，可运行在任何js可运行的环境或应用中。 * 静态类型检查器：在不运行代码的情况下，检测编写代码中的错误，称为“静态检查”，根据值得类型检测出的错误，称“静态类型检

发布博客于 2 月前

浅谈class选择器（伪类） & 伪元素

1.伪类概念：伪类属于选择器的一种，可简洁代码操作元素实现某项功能，无需担心后续 “售后”。表现形式：一般前缀使用：（冒号）开头案例体现：将文章第一段落，改变样式，原始做法就是给其设定class后，对应位置设置样式，但是一旦段落变化，需要手动将之前定义的class换位置…而此时，如果我们使用伪类：first-child就是另一番景象了…用户行为 · 伪类:hover 一般用于pc电脑端，而相对应移动端使用：action* 前者，鼠标移动触发效果，后者用户点击后触发效果…:fo

发布博客于 2 月前

uni-app中使用微信小程序 & checkbox 组件案例

* picker选择器（从底部弹起的滚动选择器）微信官网：https://developers.weixin.qq.com/miniprogram/dev/component/picker.htmluni-app 官网：https://uniapp.dcloud.io/component/picker?id=picker案例代码： <template> <view style="height: 500px;width: 100%;" class="vertical"&

发布博客于 2 月前

uni-app中使用腾旭位置服务，实现周边搜索功能，并获取到前往对应位置所需的时间（步行或驾车）

使用技术：腾讯位置服务下的 WebService API1. 地点搜索；1. 批量距离计算（支持：一对多或多对多）;1. 主要用于按用户提供的关键字，进行查找周边对应的信息，并给查找到各位置的坐标进行拼接，供给后者的api作为参数，去计算距离；1.1 地点搜索api请求时，必传的三个参数：keyword 搜索关键字、boundary 搜索范围例：boundary=nearby(39.908491,116.374328,1000)nearby括号中三个参数分别代表，（经度，纬度，搜索范

发布博客于 2 月前

uni-app中使用腾讯位置服务实现小程序地图选点功能

技术选定（地图选点插件）（对应官网：https://lbs.qq.com/miniProgram/plugin/pluginGuide/locationPicker ）1. 如果是微信小程序则直接按照，文档给定的4项步骤配置完成；** 如果使用uni-app开发的小程序，配置的位置 HBuilder工具中注意 **如图：2. 实现代码【上面链接官方都有】manifest.json /* 小程序特有相关 */ "mp-weixin": { "appid": "wx6a968da933

发布博客于 2 月前

uni-app项目中去使用 uView UI

官网链接：https://uviewui.com/components/intro.html1.将示例项目导入到本地，一则后续需要copy其中的uview-ui文件夹，二则可以运行示例项目以便参考；示例项目路径：https://ext.dcloud.net.cn/plugin?id=15932.给项目 uView UI 环境，2.0 将示例项目中 uview-ui文件夹 copy到需要使用的项目中.2.1 安装scss (uview内部使用scss) 【路径：https://ext.d

发布博客于 2 月前

uni-app中使用腾讯地图sdk（解析经纬度）获取用户所在位置信息

具体步骤：1. 注册开发者账号、申请密钥、开通webserviceAPI服务、下载小程序SDK、微信后台配置请求request域名。（请按官方完成以上操作：https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview ）注意点：下载微信的sdk，考虑网络问题(点击没反应)，直接F12 找到那串地址copy到地址栏，进行回车；微信公众平台中配置request请求域名，注意找对位置及域名直接分号隔开，添加成功后微信开发者工具刷新；

发布博客于 2 月前

ECharts雷达图的普通实现及angular8中的实现

1.保存为本地html文件，可直接看到效果 ~<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 引入 e

发布博客于 3 月前

JavaScript基础知识归纳

前言：学任何语言，其实就是给计算机发送指令！JavaScript基础知识归纳起源最开始用于处理客户端表单信息的校验（包括用户名、密码、邮箱等），以此替换服务器验证数据避免让客户长时间等待，从而影响用户体验，而所谓校验，就是指检查用户输入的内容是否正确。特点*属于解释型语言，无需编译即可运行；*语法类似于C和Java语法结构；*动态语言变量的值可以任意，可以保存任意类型数据；*基于一门面向对象的语言；书写位置Js代码写在网页中的 script标签中，当然还可以创建独立的j

发布博客于 3 月前

微信小程序跳转外部链接时，外部链接为官方链接时，不需要配置业务域名，，遵循下面条件即可。

微信小程序跳转外部链接：（官方的路径，无法配置业务域名，遵循下面条件即可）例如：mp的模板链接无法跳转< web-view src=“https://mp.weixin.qq.com/mp/homepage?__biz=Mzg4OTEzOTU0OQ==&hid=3&sn=09574fe96fa7c9ea85a18555d470b4cb”>< /web-view>s?开头属于文章链接可以跳转< web-view>http://mp.weixin

发布博客于 5 月前

解决使用gitbash进行提交代码时：*** Please tell me who you are.

*** Please tell me who you are.Rungit config --global user.email “you@example.com”如图：

发布博客于 5 月前

结束被占用的端口号

发布博客于 5 月前

wx.navigateToMiniProgram(Object object) 微信小程序跳转微信小程序

官方地址：https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html前言：微信小程序appID获取途径： *手机微信打开微信小程序进入首页，点击右上角三个点（胶囊）按钮，点击小程序名称进入-- >"更多资料" *登录小程序公众后台，查看略.,.....

发布博客于 5 月前

angular x版本日常报错归纳（不断更新）

错误日志01：ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[UploadYourResumeComponent解决方案：检查你当前页面（.ts）中是否使用其他模块组件，若存在则删除，因为如果新建一个页面并配置module文件，那么本页面所涉及到的外部组件必须在本module中导入。...

发布博客于 7 月前

微信小程序页面手机预览无法加载显示，真机调试(及本地开发工具)显示正常

问题描述:微信开发者工具*预览（二维码扫描）页面跳转不显示（控制台无报错日志）*真机调试正常显示*本地工具打开正常显示解决方法:检查项目页面中是否使用第三方插件(如果有使用插件，则是否存在这个路径插件)，找到并检查其引用路径是否正确，若不确定也可以将其暂时注释，重新编译查看界面显示是否正常。声明: 小程序的启动第一次编译是整个项目，如果你仔细观察可以看到界面具体编译到某个路径的页面，所以如果其中某个页面的插件引入有问题或者说该插件未存在都会导致报错，本来按常理说，哪个页面有错误信息，只要不进

发布博客于 7 月前

idea中使用插件查看项目的代码量

直入主题：idea中进入File-setting下找到Plugins (插件)找到并点击 install Plugin from Dis 打开窗口中选择插件，点击按钮 Apply --OK在提示弹框中，重启软件第一步完成！再左下角找到Statistic即可使用，若软件中找不到，则可以按以下步骤找到并添加。...

发布博客于 8 月前

WebStorm软件快捷方式无法打开

直入主题回顾安装webstrom软件后，是否修改过bin目录下的文件，如果是，则检查路径是否正确！出现场景点击webstorm快捷键无法启动软件，由于之前使用navicat图形工具时，每次点击菜单栏，软件就自动退出，后面发现是由端口被占用，发现是有道词典，后面关闭有道就正常了，所以当时怀疑是不是有端口被占用的可能性，后面排除重启后仍旧无法启动webstorm，转折点百度后，有人推荐看是否修改过本地软件的系统配置文件有关，我当时回顾自己之前是破解软件时，修改过该软件bin目录的两个文件，后面成功打开

发布博客于 8 月前

Angular.x读取本地静态json文件（引入json文件使用）

由于项目下拉加载数据过多（城市、行业），所以将数据封装成json数据放存放angular中静态文件的assets目录下，将json文件放入到assets文件下；需要引入json页面的ts页面中，导入@angular/common/http，并再构造函数中声明便于使用（本人参考网上都是使用@angular/http自己尝试发现是存在横杆，估计是更新后失效了）*import {HttpClient} from ‘@angular/common/http’;构造中声明：4.如图，填写json文件路

发布博客于 9 月前

微信小程序中使用setData({})达到删除、编辑操作后页面数据局部刷新的效果

前言：当一个页面数据列表过多时，刷新数据如果采用全局加载（整页数据重新渲染）方式则影响用户的体验，这时候需要优化成局部加载（部分修改数据重新渲染）。场景：最近用户提出小程序的列表数据翻页后数据刷新不能回到之前修改的位置，简单讲：就是用户想进行修改、删除操作后，当前页面不需要重新数据渲染，，如图：列表数据是拥有删除和编辑功能（点击分类名称，出现分类选则弹框）1.删除操作*通过html页面获取删除数据的下标后，等js中调取删除api成功之后，使用数组splice方法删除该下标的元素，最后使用 th

发布博客于 9 月前

阿里云ECS服务器中创建自动快照策略并关联磁盘（防服务器瘫痪、便于切回之前某个正常状态备份的作用）补充:查看服务器上CPU内存、网络、磁盘、等指标的使用情况

1.登陆阿里云，直接右上角搜索进入2.创建策略策略名称：有韵意英文创建时间：推荐：选择夜间凌晨某个点重复日期：一般全部选中保留时间：视情况而定，推荐7天3.为自动快照策略，设置磁盘。完毕！...

发布博客于 9 月前

小程序页面调取api进行页面数据更新时，数据有概率出现未及时刷新问题

出现场景：这里新增、删除后调取刷新api后，页面数据未及时改变！自己的误区：1.将方法 that.findQuestionCategories();位置放置在新增wx.request({})的api之后，这样会导致有时两者一起加载了，导致后面新增后数据刷新不过来。2.小程序中一般在一个方法（函数）中调取另一个方法时，避免使用直接this，导致同步加载问题，所以在方法最开始将this赋值给一个新的变量，最后通过新的变量去操作。...

发布博客于 9 月前

Angular中定义scss样式文件，全局引用

上图说的，没有引入也可以使用样式，初步怀疑是我全局的scss文件和需要使用引入的文件在同一级目录下。

发布博客于 2 年前

数据库存储过程

存储过程（Stored Procedure）:一组为列完成特定功能的SQL语句集，它存储在数据库中，（调用的时候只需要传递存储过程的名称以及参数即可），一次编译后，永久有效，存储过程的个人理解：既然存储过程是一组特定功能的sql语句集，那它的功能更我们常用的sql语句相似，都是对数据库的操作，实现某个功能（复杂的功能），只是区别于普通的sql语句，第一，存储过程适合用于对复杂的工作进行预定的编写...

发布博客于 2 年前

Angular之下拉加载功能实现，

import { Component, OnInit, HostListener } from '@angular/core';import { MethodsService } from "src/app/services/methods.service";import { Router } from '@angular/router';import { ActivatedRoute }...

发布博客于 2 年前

js中json对象按对象的属性排序

本知识参考网上学友，实践后，作此记录，积累，参考之处：https://www.jb51.net/article/140425.htm

发布博客于 2 年前

angular中基本创建组件及组件下配置路由（方便在文件夹下面创建新的子组件）

1.在终端执行 ng g c “组件名” 创建自定义组件若运行项目，想进入到新创建的html页面，会报错:大致就是说未匹配到路由，补充：一个文件夹下面的路由，例如你在appointment下新建的组件，则在执行创建组件的命令时，系统只会在其中的一个路由文件生成配置路径，另一个路由配置，需自己配置，否则报错路由找不到，【appointment.module.ts和appointment-rop...

发布博客于 2 年前

搭建MyBatis框架环境

发布博客于 2 年前

搭建springmvc环境配置

1.项目pom.xml文件中导入依赖：2.新建并配置springmvc.xml文件：3.配置springmvc核心的servlet 以及配置加载mybatis.xml文件4.新建一个控制器类：5.Application Servers中开启服务，Reploy发布项目，浏览器中输入 test.action [这里的]...

发布博客于 2 年前

MyBatis框架对数据的操作

mybatis最原始的对数据库操作： 1.一个实体类映射文件创建后，mybatis.xml中<mapper></mapper>配置实体映射文件， 2. 再者，这个实体类映射文件主要写：对数据库操作的语句，<select id=""></select>,中的id,作为提供给测试中操作的一个标识， 3.测试类中，加载mybatis.xm...

发布博客于 2 年前

MyBatis纯注解方式中表之间三种对应关系，及其对应之间数据库操作

举例说明：* 用户和卡：一对一* 省份和城市：一对多* 学生与课程：多对多第一种：用户和卡(身份证)1.实体类：2.数据库：3.PersonMapper接口类：[实现查询人的同时查询它的卡信息]CardMapper接口类:根据人的pid查询卡信息，供PersonMapper使用，也可单独使用，...

发布博客于 2 年前

MyBatis框架@纯注解方式对数据库的操作

1.项目pom.xml [导入依赖]   <dependency> <groupId>org.mybatis</groupId> &l...

发布博客于 2 年前