自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(72)
  • 资源 (3)
  • 收藏
  • 关注

原创 前端响应式布局不要用媒体查询了!!!

也不用转化rem和px什么的,连css命名都省了tailwindcss

2021-09-27 17:57:57 516

原创 CbioPortal 安装教程全 (前端+后端+数据库)

CbioPortal 安装教程全 (前端+后端+数据库)前端1: 第一步 :拉取代码到本地。2: 第二步:安装开发配置,运行。后端1: 第一步: 安装docker2: 第二步:拉取代码到本地2.1 新建三个文件夹。2.2 针对后端代码文件夹2.3 针对数据库文件夹2.4 针对容器文件夹2.4.1: [详解看这里](https://github.com/cBioPortal/cbioportal-docker-compose)2.4.2: [快速开启容器看这里](https://docs.cbioporta

2021-09-23 18:18:24 910

原创 MacOS 安装Docker简易教程

MacOS 安装Docker简易教程安装方式:一:使用 Homebrew 安装1: 首先需要安装brew2: 命令安装docker二:手动下载安装1: [docker 官网传送门](https://hub.docker.com)下载并安装。2: 检查版本号安装镜像:镜像加速器:1:选择加速器:2:配置加速器3:检查加速器是否生效:安装方式:一:使用 Homebrew 安装1: 首先需要安装brew这里不做详细阐述,可以看我另外一篇:brew安装+报错解决2: 命令安装docker$ brew i

2021-09-16 17:15:19 395

原创 安装homebrew报错curl: (7) Failed to connect to raw.githubusercontent.com port 443:Connection refused

curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused解决:第一步:把这个网页 传送门 保存名为brew_install.rb的文件,保存的位置你随便,只要自己能找到。顺便贴出现有的:#!/usr/bin/rubySTDERR.print <<EOSWarning: The Ruby Homebrew installer is now deprecated an

2021-09-16 16:48:55 378

原创 Webpack详细教程

webpack第 1 章:webpack 简介1.1 webpack 是什么1.2 webpack 五个核心概念1.2.1 Entry 入口(Entry)1.2.2 Output 输出(Output)1.2.3 Loader1.2.4 Plugins1.2.5 Mode第 2 章:webpack 的初体验2.1 初始化配置三级目录第 3 章:webpack 开发环境的基本配置第 4 章:webpack 生产环境的基本配置第 5 章:webpack 优化配置第6 章:webpack 配置详情第 7 章:web

2021-08-25 09:53:58 1392

原创 npm发布、卸载、以及解决报错

发布npm插件:npm login npm publish 卸载插件(选一):npm unpublishnpm unpublish --force //强制删除npm unpublish [email protected] //指定版本号npm deprecate //某些情况其中卸载报错:: 403 Forbidden - DELETE https://registry.npmjs.org/react-scro

2021-08-18 17:42:40 1766

原创 搭建原生本地node服务器(Mac)

首先确定安装了node,检查用node -v 查看当前版本以Mac为例:依次按步骤执行找到node位置: 系统终端:which node /usr/local/bin/node 点击桌面或者finder, 按住“command+shift+G",把路径复制进去就可以看到文件了在node安装根目录下,新建文件夹server,并在server文件夹下新建server.js。其中server.js代码如下: const http =require("http"); cons

2021-08-18 11:28:28 436

原创 Git命令整理

代码托管中心:局域网:gitLab外网:gitHub、gitee创建版本库创建文件夹 $ mkdir gitPack进入该文件夹 cd gitPack初始化 git init查看资源 git ll 查看隐藏资源 git ll .git ./git中的文件不可修改删除设置签名-作用:区分不同的开发人员。这个签名和登录远程库(代码管理中心)的用户名密码没有关系。-形式:用户名:xxx email地址:[email protected] 项目级别/仓库级别 :仅在当前本地库范围有效.

2021-07-24 12:56:02 268

原创 markdown编辑使用实例-统计html标签

markDown使用html进行编辑,但并不取代! 更多请查看… 标签属性标签属性 a 超链接: href、target address 联系文档信息:Written by:程序大头瑶 contact me :[email protected] abbr 缩写:title applet H5不支持,改使用object abbr 缩写:title applet H5不支持,改使用objectacronym

2021-07-22 10:57:20 118

原创 react-redux基础使用之connect

npm install --save-dev babel-plugin-transform-decorators-legacy

2021-06-28 10:51:41 351

原创 前端面试题综合

1: http有几种请求方式? 8种 Get:请求指定的页面信息,并返回实体主体 Post:向指定资源提交数据进行处理请求(例如提交表单或者上传文件)。数据被包含在请求体中,post请求可能会导致新的资源的建立和/或已有资源的修改 Head:类似于get请求,只不过返回的响应中没有具体的内容,用于获取报头 Options:允许客户端查看服务器的性能 Put:从客户端向服务器传送的数据取代指定的文档的内容 Delete:请求服务器删除指定的页面 Tra

2021-05-27 02:00:45 581 2

原创 Vuex的引入使用

特点:(1)Vuex解决不同组件的数据共享 数据持久化 (2)vuex一般用于大型项目:使用:1:新建vuex文件夹–新建store.js(js内容如下)// 引入Vue 引入Vueximport Vue from 'vue';import Vuex from 'vuex'; //需要先安装:npm install vuex --saveVue.use(Vuex);//放数据var state = { 'name': 'yaoyao', "count": 0};//

2021-01-30 02:53:07 435

原创 原生JS实现全屏和退出全屏

<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <body> <div style="margin:0 auto;height:600px;width:700px;"> <button id="btn">quan</button> <div id="content" style="margin:0 au..

2021-01-26 18:40:41 210

原创 vue实现级联,一层一层加载数据

附代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>ViewUI example</title> <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.1.1/jquery.min.js"></script><!-- 字节跳动js压缩版 -->.

2021-01-26 10:50:36 425

原创 css阴影(内外)

向框添加一个或多个阴影。语法box-shadow: x-shadow y-shadow distance size color inset/outset;值描述x-shadow 必需阴影水平偏移量,可正可负,正值表示阴影在右边,负值表示阴影在左边。y-shadow 必需阴影垂直偏移量,可正可负,正值表示阴影在上边,负值表示阴影在下边。distance 可选阴影模糊距离。只能为正值,值为0时,表示阴影不具有模糊效果,值越大阴影的边缘就越模糊。size 可选阴

2021-01-25 16:05:41 4944

原创 vue组件传值的三种方式

父子组件传值:(二种传值:一个是props,一个是refs)1:props(1) 父组件给子组件传值:父组件绑定动态属性 传值 / 传方法 / 传实例 <v-header :msg="msg" :fatherFunction="fatherFunction" //父组件传递方法时不加() :home="this" ></v-header>(2) 子组件通过props 接收父组件传过来的 值 / 方法 / 父亲实例prop

2021-01-20 14:53:28 208

原创 vue路由

:安装npm install vue-router:引用(main.js)import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = [{ path: '/News', components: News }, { path: '/Home', components: Home },]const router = new VueRouter({ routes})/*

2021-01-20 13:34:06 103 1

原创 vue发起请求的三种方式

方式一:vue-resourceGitHub搜索: vue-resource(vue官方提供的一个插件):安装(终端)(–save 方便别人使用你的项目)npm install vue-resource --savecnpm install vue-resource --save 区别就是国内的淘宝镜像安装成功可看::引用 (mian.js)import VueResource from 'vue-resource'Vue.use(VueResource);:使用(页面请求

2021-01-19 16:54:43 4545 3

原创 ! [rejected] master -> master (non-fast-forward) error: failed to push some refs to ‘https://

解决:

2020-12-27 17:52:56 122

原创 echarts结合阿里云地图json选择器展示地图

效果:1:引入echarts的官方JS:上手echarts文档使用示例:2:配套你的地图json用这个,但是只到区:阿里云地图json选择器使用示例:3:(1)推荐一个可以精确到镇街的地图选择器:BigeMap使用示例:(2):geojson地图json展示导入你哥哥刚刚保存的地图文件,就可以得到一块块的地图展示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <t

2020-12-05 14:01:02 8738 2

原创 uniapp前端通过node.js使用腾讯文本内容和图片内容安全识别API

简单效果:官方API在线示例 官方API教程步骤一:开通想接入的API产品开通产品步骤二:创建密钥步骤三:安装 SDK 示例文档方式一:通过 Npm 安装通过 npm 获取安装是使用 Node.js SDK 的推荐方法,npm 是 Node.js 的包管理工具。关于 npm 详细介绍可参见 npm 官网 。执行以下安装命令:npm install tencentcloud-sdk-nodejs --save方式二:通过源码包安装前往 Github 代码托管地址 下载源码压缩包。

2020-11-25 10:46:20 1738 7

原创 ES6全集基础总结(下)

一:对象的扩展1:object方法的扩展<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javascript"> //Object() 将参数变成对象 console.log(Object

2020-11-05 17:17:31 197

原创 ES6全集基础总结(上)

一:let和const和var function

2020-11-05 17:03:48 139

原创 简单画布 - 实现截屏当前画布保存至相册+canvas遇坑合集

效果:代码:<template> <view> <popCanvasImg ref="pop"><image :src="srcPath" mode="aspectFit" @click="closePop()"></image></popCanvasImg> <canvas canvas-id="myCanvas" class="canvasImg"></canvas> <button

2020-11-02 20:33:41 219

原创 微信小程序实现客服消息

客服消息使用指南 客服消息概述 客服消息推送

2020-10-09 16:53:15 454

原创 微信支付签名

企业付款到微信零钱-微信官方文档生成签名第一步,设所有发送或者接收到的数据为集合M,将集合M内非空参数值的参数按照参数名ASCII码从小到大排序(字典序),使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串stringA第二步,在stringA最后拼接上key得到stringSignTemp字符串,并对stringSignTemp进行MD5运算,再将得到的字符串所有字符转换为大写,得到sign值signValue// 生成签名 getSign()

2020-10-09 14:27:54 499 1

原创 微信小程序云数据库模糊查询实现一对一聊天

微信小程序云数据库模糊查询示例:一对一聊天,查找自己对应了哪些聊天室前提:房间ID=我的ID+你的ID;实现:根据房间ID把房间分组 再模糊查询找到自己的ID在房间ID里的分组作为自己的聊天室mygroup() { const $ = db.command.aggregate db.collection('newchatRoom') .aggregate() .match({ 'groupId.RoomID': { $regex: '.*

2020-09-27 15:35:13 561

原创 uniapp调用微信小程序云函数下发订阅消息

效果小程序新建sendMsg云函数并部署// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数exports.main = async (event, context) => { const wxContext = cloud.getWXContext() const {templateId,character,name}=event // return { // event,

2020-09-26 14:38:31 918

原创 uniapp使用微信小程序云开发实现订阅消息

效果:代码:uniapp端(1)获取订阅权限// 订阅消息权限 bookingBtn() { wx.requestSubscribeMessage({ tmplIds: ['wSITY4Il1rPT__ot_Gz5v3ORl3RtZz9S8Ai67YnkCpY'], success(res) { console.log(res) } }) },(2)发送订阅消息//发送订阅消息 BookingSend() {

2020-09-25 18:42:42 1634

原创 uniapp使用微信小程序云开发实时聊天

效果:步骤一:对微信小程序(1)创建微信云开发项目(2)创建云环境(后续将用到云环境ID)(3)将云函数上传部署 (后续会用到云函数openid等)(4)创建集合(示例counters集合)步骤二:对uniapp 预实现操作微信云数据库(1)创建uniapp项目 (2)并复制微信云开发项目的APPID到uniapp项目(3)初始化云环境(在app.vue填写微信小程序创建云环境使用的云环境ID)创建一个vue文件,尝试连接数据库template代码 <button

2020-09-25 18:05:33 1662 3

原创 微信摇一摇实现(重力API/陀螺仪),附代码

微信摇一摇方法一:微信小程序自带的调试重力API,感应手机发生震动位移微信重力api-官方文档<template> <view class="content"> <image :class="{shakeImg:shake}" src="../../static/shakephone.png" mode="aspectFit"></image> <text class="wite">每日积分等你来摇</text>

2020-08-28 16:23:18 4554

原创 前端页面托管

各家小程序平台,均要求在小程序管理后台配置小程序应用的联网服务器域名,否则无法联网。 使用uniCloud后,开发者将不再需要自己购买、备案域名,直接将uniCloud的域名填写在小程序管理后台即可!!!!!第一步:打开小程序后台,配置白名单官方小程序使用unicloud的白名单配置文档第二步:发行-上传网站到服务器官方前端页面托管-使用文档看效果:...

2020-08-23 20:07:06 1180 1

原创 跨端兼容

跨端兼容:可判断view js css#ifdef APP_PLUS<view></view>#endif#ifdef MP-WEIXIN<view></view>#endif#ifdef APP_PLUS<script></script>#endif#ifdef MP-WEIXIN<script></script>#endif#ifdef APP_PLUS<scrip.

2020-08-21 14:41:45 126

原创 微信小程序下拉刷新,上拉加载

{ "path": "pages/Idle/Idle", "style": { "navigationBarTitleText": "闲置", "enablePullDownRefresh": true, "onReachBottomDistance":200 }onPullDownRefresh() { //停止刷新 // console.log('refresh'); setTimeout(function() { uni.s.

2020-08-21 14:19:08 111

原创 小程序分享实现

官方微信小程序分享文档官方uni小程序分享转发文档<template> <view class="content"> <button type="default" open-type="share">wx分享</button> </view></template><script> export default { data() { return {} }, onLoad() {},

2020-08-20 22:43:55 184

原创 sitemap.json Error: 未找到入口 sitemap.json 文件,或者文件读取失败,请检查后重新编译。

"projectname": "EnvironmentalProtection",配置完成发现还是报错,关掉重新打开项目好了。。。

2020-08-20 17:58:13 978 1

原创 微信小程序直接引用外部地图(腾讯地图、高德地图导航)附代码!!

1:配置使用位置权限配置KEY:https://lbs.qq.com/dev/console/key/manage下载SDK:https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview示例全局代码:```c在这里插入代码片<image src="…/…/static/logo.png" class=“addr-image” @click=“mapNavigation()”>...

2020-08-20 15:07:18 9768 4

原创 小程序大于2M解决(分包!分包预加载!分包优化,分包图片找不到!)

解决:小程序代码包多大导致无法编译或上传。。。方法1:删除本地图片 ,上传至云控制台。将本地引用图片的地址都更改为云存储路径(不推荐)方法二:分包推官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html分包后的页面可以照常跳转...

2020-08-12 17:35:06 3791

原创 cnpm : 无法加载文件 C:\Users\asus\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https: /go.microso

cnpm : 无法加载文件 C:\Users\asus\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https: /go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。网上解决方案是这样的:参考官网https://docs.microsoft.com/zh-cn/powershell/module/microsoft.powershell.core/about

2020-07-31 10:57:13 2627 1

原创 uniapp-微信小程序腾讯地图导航

uniapp-微信小程序地图导航根据uniapp官方文档获取位置提供,最早在微信小程序是想使用高德地图导航的。但是最后放弃了。主要就是不方便!!!**最后改为腾讯地图。**具体请搜索腾讯位置服务!!!!!!。参考:https://lbs.qq.com/miniProgram/plugin/pluginGuide/routePlan。下面简单介绍下实现步骤:1、插件申请接入:在腾讯公众平台中, “微信小程序官方后台-设置-第三方服务-插件管理” 里点击 “添加插件”,搜索 “腾讯位置服务路线规划”

2020-07-30 15:48:51 6811 10

uniapp使用微信小程序云数据库实现一对一实时聊天

uniapp实现使用微信云数据库实时一对一聊天,实时一对一聊天,实时一对一聊天,实时一对一聊天,实时一对一聊天,实时一对一聊天,实时一对一聊天,

2020-09-27

uniapp实现使用微信小程序云数据进行实时聊天

uniapp实现使用微信小程序云数据,微信云开发环境进行实时聊天!!暂支持群聊天,暂支持群聊天,暂支持群聊天,暂支持群聊天,暂支持群聊天,暂支持群聊天,

2020-09-25

微信小程序腾讯地图导航.rar

微信小程序的腾讯地图导航!只要三步!看了就是会了!超级简单!任意取附教程。。https://blog.csdn.net/qq_42453562/article/details/107691316

2020-07-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除