北辰Beichen-CSDN博客

原创 Nginx常用指令

Nginx常用指令start nginx 启动nginx -s reload 重启nginx -s stop 停止nginx -s quit 退出nginx -t 检测配置文件是否正确nginx -T 显示配置

2020-08-27 09:36:19 164

在Windows下安装nginx1、第一步，到nginx官网中下载nginx安装包。http://nginx.org/en/download.html下载进行解压，将解压后的文件放到自己心仪的目录下，我的解压文件放在了F盘根目录下，如下图所示：进入window的cmd窗口，输入如下图所示的命令，进入到nginx目录（F:/nginx-1.16.1），使用“start nginx.exe ”进行nginx的安装，如下图所示：安装成功后，在“任务管理器”中会看到“nginx.exe”进程如果

2020-08-27 09:25:45 255

原创 Layui入门

Layui入门首先，我们要先了解什么是Layui，它是干什么用的，能为我们提供哪些快捷的方法。layui（谐音：类UI) 遵循原生 HTML/CSS/JS 的书写与组织形式，区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。兼容性及面向场景layui 兼容人类正在使用的全部浏览器（IE6/7除外），可作为 PC 端后台系统与前台界面的速成开发方案。

2020-08-25 09:01:43 261

原创 uni-app各路由跳转的区别

uni-app各路由跳转的区别uni.navigateTo 保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。uni.redirectTo 关闭当前页面，跳转到应用内的某个页面。uni.reLaunch 关闭所有页面，打开到应用内的某个页面。uni.switchTab 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。uni.navigateBack 关闭当前页面，返回上一页面或多级页面。可通过 g

2020-08-21 09:52:02 804

原创 echarts属性值得设置

刚开始学习echarts，学到哪记录到哪。主要是为了方便后续工作的使用，也算是养成个良好的行为习惯。今天我要记录下来的是 echarts属性值的设置。// 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e9

2020-08-19 14:22:10 152

原创 css中如何合并table表格中的单元格

css中如何合并table表格中的单元格首先横向合并<td colspan="2">总计</td>数值等于几，合并几个单元格。其次是纵向合并<td rowspan="2">总计</td>数值等于几，合并几个单元格。

2020-08-17 16:26:46 1598

原创 echarts移动端自适应

话说，我也是刚开始接触echarts图表，很多东西都不懂，没法上手操作。这不，在用echarts做图表完成两个后，在意识到一个问题。echarts移动端没有自适应。然后为了解决这个问题我上官网查询，并没有什么更好的解决办法。在摸索中发现这种方式可解决echarts的移动端自适应问题。如果你的代码里只有一个图表可以使用一下官方提供的自适应代码window.onresize = myChart.resize; 如过有多个图表可以给图表起不同的名字，然后window.onresize = functi

2020-08-17 09:27:01 1685 1

原创初遇Echarts之Echarts入门

初次使用Echarts首先咱们来说说什么是Echarts，用途是什么——ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。ECharts 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示。在使用ECharts之前要先安装ECharts，可以通过以下几种方式获取ECharts从 Apache ECharts (incubating) 官网下载界面获取官方源码包后构建，

2020-08-13 15:20:42 140

原创字符串方法

字符串方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>字符串</title> </head> <body> </body> <script type="text/javascript"> //字符串的方法 //substr() //substring() //slice()

2020-07-08 11:56:02 180

原创原生js验证码

原生js验证码直接上demo<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>验证码</title> <style type="text/css"> *{ margin: 0; padding: 0; } #add{ width: 400px; height: 300px; }

2020-07-08 11:52:47 191

原创去重问题

去重问题<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>去重问题</title> </head> <body> </body> <script type="text/javascript"> //去重问题 var a=[11,22,33,44,55,22,22,22,11,66];

2020-07-08 11:50:40 262

原创数组元素的访问

数组元素的访问<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数组元素的访问</title> </head> <body> </body> <script type="text/javascript"> var a=[1,2,3,4,5];//定义一个数组，存放5个数据 //对数组中数据元素

2020-07-08 11:47:36 446

原创数组的方法

数组的方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数组的方法</title> </head> <body> </body> <script type="text/javascript"> //push() pop() unshift() shift() splice()

2020-07-08 11:43:02 239

原创数组

数组<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数组</title> </head> <body> </body> <script type="text/javascript"> //数组：存放一组的数据结构 var a=[];//定义一个空的数组 var a1=[10,20,30,

2020-07-08 11:41:12 161

原创 JS------DOM

JS—DOM<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .c3{ font-size:50px; color:green; } </style> </head> <body> <div id="div1"&gt

2020-07-08 11:36:42 86

原创 JS中断循环

js中断循环中断循环for(var i=1;i<=200;i++){ if (i%7==0) { break; //中断循环 } document.write(i+"\t");}中断一次循环，继续下面的循环for (var i=1;i<=100;i++){ if (i%3==0) { continue; //中断一次循环，继续下面的循环 } document.write(i+"\t");}...

2020-07-08 11:32:33 1476

原创 JS函数

JS函数直接摆demo<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> //定义一个函数，函数的名字是output（）。 function output() {

2020-07-08 11:29:25 260

原创循环的嵌套

循环的嵌套依旧是个小demo<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>循环的嵌套</title> </head> <body> </body> <script type="text/javascript"> //1 2 3 4 5 6 7 8 9 for(var h=1;h<

2020-07-08 11:26:35 192

原创水仙花数

水仙花数听起来很美的名字，可它着实让我喜欢不起来<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>水仙花数</title> <style type="text/css"> #box{ width: 200px; height: 50px; border: 1px solid red; } </

2020-07-08 11:17:37 94

原创 JS判断是否是闰年

js判断是否是闰年话不多说，直接上demo<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>判断闰年</title> <style type="text/css"> #box { width: 200px; height: 40px; border: 1px solid blue; } </s

2020-07-08 10:57:48 731

原创 JS判断奇偶数

JS判断奇偶数在body中<body> <input type="text" placeholder="请输入一个数" id="box" /> <input type="button" value="判断" id="good"/> <div id="add"></div></body>在script中<script type="text/javascript"> var box=document.getE

2020-07-08 10:53:51 650

原创原生JS拆红包

原生js完成拆红包在body中<input type="button" value="拆红包" id="btn" /><div id="box"></div>在script中<script type="text/javascript"> var btn=document.getElementById("btn"); var box=document.getElementById("box"); btn.onclick=function()

2020-07-08 10:48:47 335

原创原生js实现加减乘除（计算器）

原生js实现简单加减乘除计算这是一个小的demo<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>计算机</title> <style> #qq{ width: 200px; height: 50px; border: 1px solid green; } </style> </

2020-07-08 08:44:16 1475

原创原生JS写间歇性定时

用原生js写间歇性定时首先在body中<div id="add"></div>然后在script中var add=document.getElementById("add");var timer=window.setInterval(function(){ var d1 = new Date(); var year=d1.getFullYear(); var month=d1.getMonth()+1; var day=d1.getDate(); var hou

2020-07-08 08:17:49 129

原创 uni-app获取手机号

uni-app获取手机号在body中<button @click="login">Login</button><button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">getPhoneNumber</button>在script中login(e) { uni.login({ success: (res) => { console.log("l

2020-06-09 17:29:00 4796 6

原创 uni-app点击按钮弹出提示框

uni-app点击按钮弹出提示框点击事件<view class="footerbotom_button" @click="ajp">立即支付</view>示例：为了方便大家使用，我单独将其拿出来。ajp(){ uni.showModal({ title: '友情提示', content: '因个人原因无法乘车，在车辆首发站发车30分钟前可以申请全额退票，在车辆首发站发车30分钟内不能申请退票。', success: function (r

2020-06-05 13:50:47 15164 2

原创 uni-app之微信小程序授权

uni-app之微信小程序授权在body中<template> <view v-if="isCanUse"> <view class="head"> <image src="../../static/img/xixialing.jpg" mode=""></image> </view> <view class='content'> <view>申请获取以下权限</view&gt

2020-06-04 16:48:12 497

原创 ajax中data的格式

ajax中data的格式第一种格式：标准参数模式$.ajax({ type:"post", url:"/udian/order/create", data:"tenantCode=ddydxcx&sign=17e5f2cb544d44c82f1712e8430cbdc8", dataType:"json", success: function(data){ console.log(data); }});第二种格式：json字符

2020-06-04 15:49:07 1709 1

原创 uni-app如何进行本地存储

uni-app如何进行本地存储话不过说直接上图当然这里最重要的还是uni-setStorage里的内容uni.setStorage({ key:'url_ley', data:kins, success:function(){ uni.navigateTo({//存储好后跳转页面 url:"../index/index" }) }})~...

2020-06-04 11:15:03 8887

原创 vue点击按钮实现添加组件（内容--类似于添加购物车效果）

vue点击按钮添加组件，类似于添加购物车效果。首先在template里<template> <div class="hello"> <header> <div> <input type="text" v-model="child" /> <button @click="addChild">点击添加儿童</button> </div>

2020-06-03 17:01:30 2732

原创 uni-app调用内置地图（腾讯地图）查看位置

uni-app调用内置地图（腾讯地图）查看位置如图：<view id="map"> <map style="width: 100%; height: 200px;" :latitude="latitude" :longitude="longitude" :markers="covers"></map></view>//相关配置参数data() { return { current: 0, latitude: 38.46

2020-06-01 16:55:45 5811

原创 uni-app实现单选背景变色且能取消

uni-app实现单选背景变色且能取消效果图如上首先在body中<view class="chosize boxleftimer"> <a v-for="(item,index) in tagList" :key="index" @click="choseprofrom(index)" :class="{'selected':flag==index}"> {{item.kins}} </a></view>其次是js在data里fla

2020-06-01 10:48:14 1552

原创 uni-app点击编辑显示隐藏修改删除图标

在uni-app中点击编辑，显示隐藏修改删除图标。特别感谢我的同桌~

2020-05-27 16:33:10 3092

原创 uni-app之城市选择

城市选择demo在html中<picker mode="multiSelector" :range="cityList" :value="cityIndex" @change="bindCityChange"> <view> {{cityList[0][cityIndex[0]]}}->{{cityList[1][cityIndex[1]]}} </view></picker>在js中da

2020-05-27 14:46:22 1847

原创 uni-app实现多选，点击选中并改变样式，可取消

uni-app实现多选，点击选中并改变样式，可取消。效果图如下：点击选中且可以取消选中在html中<a :class="{'cur': rSelect.indexOf(index)!=-1}" v-for="(value,index) in infoArr" :key="index" @tap="tapInfo(index)">{{value.name}}</a>在js中export default { data(){ return{

2020-05-27 13:53:33 9195 3

原创 uni-app之如何实现简单的选项卡

时隔许久，我又一次用到了uni-app，又一次开发小程序。这次记录的是uni-app如何实现简单的选项卡。话不多说，直奔主题首先在html中<view> <view class="inv-h-w"> <view :class="['inv-h',Inv==0?'inv-h-se':'']" @click="Inv=0">选项卡1</view> <view :class="['inv

2020-05-27 10:37:38 1721

原创 vue2.0搭建完整项目

vue2.0搭建完整项目安装vue-cli脚手架npm install -g vue-cli安装成功后进入项目并构建项目目录cd 进入的文件名vue init webpack 项目名称操作完成后确认项目名称等等一切就绪后运行npm run dev然后呢，就成了。...

2020-05-22 11:33:36 297

原创 css边框颜色渐变

css边框颜色渐变今儿遇到了一个小小的问题——怎么使边框颜色渐变。天秃噜，又是一个知识盲点，不碍事，遇山开山，遇海填海。解决问题就完了。百度可真是个好东西;为了方便大家使用，单独提了出来。border: 0.1px solid #ed9d81;border-image: linear-gradient(#f3b299,#ed9d81) 20 20;...

2020-05-20 16:56:03 187

原创鼠标移入弹出大图

鼠标移入弹出大图<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>鼠标移入弹出大图</title> <style type="text/css"> .box{width: 350px;height: 250px;margin: 0 auto;margin-top: 50px;position: relative;} .box1&

2020-05-18 16:13:26 386

空空如也

空空如也