- 博客(38)
- 收藏
- 关注
RSS订阅原创 Git不同业务场景的使用方法
之前碰到有人一直在纠结git的使用，今天在这里特此给大家详细介绍一下有关git的一些常规操作业务场景1当我们需要从线上拉取一个项目的代码，需要做到的操作步骤如下：1.git init （在本地新建一个文件夹，用来放从线上拉取下来的项目，并且初始化）2.添加远程仓库，这里我们可以提供一个名字，作为之后方便引用git remote add dyx url(git 上面的地址)3.这个时候...
2020-02-09 10:21:28
274
原创 nginx服务器http升级https
首先环境： 我的nginx安装目录在/usr/sbin， 配置路径在/etc/nginx/nginx.conf，是在nginx服务器环境下从http升级https(如果安装之后找不到自己的安装目录，文章结尾给大家准备了查找命令)1.我的是腾讯云服务器，现在个人域名申请ssl证书，比较方便而且也是免费的，申请的位置直接看图。证书下载好后，上传到服务器里边，新建一个文件夹，这里我新创建的文件夹...
2020-01-11 11:47:05
556
原创 axios专题（请求后台数据）
Axios是一个基于promise的HTTP库，可以用在浏览器和nodejs中(参考axios中文网站)安装使用npmnpm install axios执行GET请求axios.get('/user',{ params: { ID:12345 }}).then(function(response) { console.log(response); }) .catch...
2020-01-10 20:28:46
299
原创 腾讯云服务器centos7安装mysql5.7步骤
腾讯云centos7安装mysql5.7一、查看是否安装mysqlrpm -qa | grep mysql什么都没有显示，说明没有安装二、进入到opt目录下，使用wget下载官方yum源的rpm包cd /opt//下载MYSQL5.7的软件源wget https://dev.mysql.com/get/mysql57-community-release-el7-11.noarch....
2020-01-08 19:54:22
1173
1
原创 原生js、Jquery、Vue、微信小程序请求数据
原生js请求后台数据原生js请求后台数据，可以用get，post请求，区别在于，get请求参数在url中，post请求传的参数在request body中，用send发送注意：async异步（默认为true）//get请求function ajaxget(url) { var xml = new XMLHttpRequest(); xml.open("get",url,true)...
2020-01-06 21:56:15
280
原创 微信小程序父子间组件传参
在小程序的实际开发中，经常会遇到父子间组件的传参问题，父组件里边的内容需要传给组件，以用来渲染页面。所以接下来就围绕父子之间如何传参，给大家演示一下实例。首先创建组件father和组件son，定义father组件为父组件，son组件为子组件。父组件向子组件传参<!--pages/father/father.wxml--><view>我是组件A</view>...
2019-12-31 15:38:41
202
原创 Vue父子通信的问题
VUE组件父子间通信，父组件给子组件传值用props，子组件给父组件传值用this.$emit()方法，下面是详细的示例，希望能对大家有所帮助。第一部分讲解的是父传子。//父组件里边的内容<template> <div id="father"> <p>我是你爸爸我真伟大{{message}}</p> <son :so...
2019-12-30 21:34:19
98
原创 H5自带滑块的一些样式设置
偶然间遇到了H5自带的一个滑块的属性，直接就是在input里边的一个属性 <input type="range" min="0" max="100" step="5" />min和max很显然就是范围的最大值和最小值，step这个属性可以说一下，它设置的其实就是一次滑动，能够滑动多少距离我们在第一次用的时候，会发现样式都是默认的，不是我们想要的，这就需要我们去改变他的默认...
2019-12-22 17:52:10
817
原创 css关于实现双飞翼布局的多种方法
第一种方法（浮动之后采用margin负边距）首先给大家讲解一下思路，然后大家可以按照下边给出的代码试着运行一下上边中间那块就是双飞翼布局，左右两边固定，中间自适应，在布局的时候需要注意一点。要先将middle这一块内容先书写，在它渲染完之后在书写left和right。这样出来的结果就是left和right都跑到了middle的下边，接下来就是最重要的了，我们要想让这两块乖乖的跑到他们该去的...
2019-12-22 17:13:57
632
原创 HTML中常用空格标记（可以用来label文字内容对齐）
HTML中常用空格标记第一种 它是最常见和我们使用最多的空格，大多数的人可能只接触了 ，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个），该空格占据宽度受字体影响明显而强烈。所以说在input框前边用空格想要实现label里边的内容对齐，这猴子那个空格是不可行的，需要使用下边这两种第二种&ensp(半角...
2019-12-20 13:31:40
2157
原创 用js获取url参数
用js获取url参数首先我们要知道url参数指的是哪部分，其实它的参数就是?之后的部分，以＆相连接，我们需要做的就是把它们获取到，放在一个对象中。下边是代码演示：//substring() 方法用于提取字符串中介于两个指定下标之间的字符。//split() 方法用于把一个字符串分割成字符串数组。//encodeURI() 函数可把字符串作为 URI 进行编码。//unescape() 函...
2019-12-02 09:15:36
201
原创 js实现复制obj对象（深拷贝和浅拷贝）
今天和大家分享一个关于实现复制一个对象的方法首先我们需要了解一个知识点，那就是es6的新方法Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。语法：Object.assign(target, …sources)target 目标对象 sources 源对象 返回值是目标对象注意：如果目标对象中的属性具有相同的键，则属性将...
2019-11-29 21:14:32
3007
原创 对一个对象进行过滤，返回value为string的key
对一个对象进行过滤，返回value为string的key let obj = { name: 'lisi', Age: 18, class: 9, addr: 'xxx' } for (const i in obj) { console.log(i);//name age class addr...
2019-11-28 20:07:06
243
原创 将数组中的某个值替换为需要的值
将数组中的某个值替换为需要的值首先先给大家讲一个splice 方法,我们可以看一下MDN上边的解释splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。var arr = [1,3,5,6,3,2,7,8,6];var remove = arr.splice(5,1,'我爱你');console.log(arr)...
2019-11-28 11:39:40
6561
原创 将数组中的数据生成li插入到ul中
将arr数组中的数据生成li列表插入到ul中<body> <script> var arr = [ {name: 'lili',age:18}, {name: 'xioamei',age:18}, {name: 'xiaohua',age:18}, {...
2019-11-28 10:16:03
1365
原创 原生js给一个元素绑定click事件（三种实现方法）
原生js给一个元素绑定click事件（三种实现方法）第一种直接在DOM元素绑定<div id="btn" οnclick="one()"></div> //直接在DOM里绑定事件<script> function one(){ alert("hello"); }</script>第二种在js代码中绑定...
2019-11-28 10:03:12
25318
1
原创 用js给数组去重
用js给数组去重第一种方法：新建一个数组，遍历要去重的数组，这里要用到indexOf（）方法（可返回某个字符串值在字符串中首次出现的位置），当值不在新数组的时候（indexof=-1），就将当前的值加入新数组中// 给定数组，写出代码去重let attr = [1,2,5,6,4,2,8,9,3,8];let newattr = [];for(i of attr) { if(ne...
2019-11-27 22:07:56
155
转载 理解回调函数
深入浅出理解Node.js中的回调函数（callback）究竟什么是回调函数(Callback)，网上有许许多多的文章，大部分看得人云里雾外，这些文章大概分成两类，第一类堆砌了太多的术语，基本上不明白术语就没法看，另一类反过来，不讲术语，完全是举一些脱离编程的生活化例子来类比，看的人更加晕头转向。作为JS的核心，回调函数和异步执行是紧密相关的，不跨过这个门槛，很多回调代码能把人看晕！...
2019-11-15 13:58:15
130
原创 解决error: failed to push some refs to 'https://github.com/Dongyaxin-ai/learngit.git'
问题 在git bash 中键入git push -u origin master 进行提交的时候出现 如下错误error: failed to push some refs to ‘https://github.com/Dongyaxin-ai/learngit.git’出现问题的原因：远程库与本地库不一致造成的，需要把远程库同步到本地库就可以了解决办法如下：git pull --...
2019-11-15 13:43:33
436
原创 nodeJs访问目录下文件和目录
需求：访问一个目录下的文件和目录，如果有目录，继续输出查询const fs = require('fs');const path = require('path');function readDirAllFile(filePath){ let allFile = {}; // 读取当前目录下的所有文件 //readdirSync 同步处理文件 返回一个路径下边的文件...
2019-10-26 08:22:17
2901
原创 jq实现一个简易的选项卡
以下写的方法不是最优质的的方法，就是为了练练手，希望大家不要介意，如有问题，还请多指教<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...
2019-10-25 08:05:36
139
原创 for of 和 for in，for each的区别
for of 和 for in，for each的区别for each 使用for each遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。for inindex索引为字符串数字型，不能直接进行几何运算遍历顺序有可能不是按照实际数组的内部顺序使用for in会遍历数组所有的可枚举属性，包括原型。例如上栗的原型方法method和name属性...
2019-10-22 17:54:41
418
转载 centos7下安装nginx及配置
CentOS7安装Nginx及配置Nginx是一款轻量级的网页服务器、反向代理服务器。相较于Apache、lighttpd具有占有内存少，稳定性高等优势。它最常的用途是提供反向代理服务。安装在Centos下，yum源不提供nginx的安装，可以通过切换yum源的方法获取安装。也可以通过直接下载安装包的方法，以下命令均需root权限执行：首先安装必要的库（nginx 中gzip模块需要 zl...
2019-09-28 14:03:40
333
原创 关于js的一些基础知识
和大家分享一下js的一些基础，如果有问题欢迎大家指正，咱们可以一起共同进步1.javascript 高阶函数：filter map reduce2.常见的两个隐藏元素的方式： display:none visibility:hidden (设置元素框不可见 但仍然影响布局)3.js常见的内置对象：Array 数组对象, String 字符串, Math 对象, Date 日期对象...
2019-09-23 11:44:10
102
原创 JS词法
js词法1 function func(age) {2 console.log(age);3 var age = 25;4 console.log(xxx);5 var xxx = 100;6 console.log(age);7 function age() {}8 console.log(age);}9 func(18);AO对象产生 AO = {}一：词法分析1.分...
2019-09-21 11:33:44
142
原创 jq获取滚动窗口的高度
用jquery获取滚动窗口的高度 $(window).scroll(function () { // console.log($(window).scrollTop()); if ($(window).scrollTop() > 1) { $('.head').addClass('scroll'); } else { $('.head')....
2019-09-19 21:36:33
334
原创 媒体查询
笔记篇html { font-size: 50px;}// 我们此次定义的划分的份数 为 15 @no: 15;// 320 @media screen and (min-width: 320px) { html { font-size: 320px / @no; }}// 360 @media screen and (min-width:...
2019-09-17 16:08:24
73
原创 table采用定位实现轮播
今天和大家简单介绍一下table的轮播的自动切换```* { padding: 0; margin: 0; } .one { width: 500px; margin: 0 auto; } .tabHead li { ...
2019-09-09 14:50:51
631
原创 jq轮播图2
今天续着上一期的来给大家讲另外一种方法的轮播图 这种方法可以实现无缝轮播，原理就是我们在自己预先想要设置轮播的那一组照片后边，用jq语言在另外加上一组相同的照片，相当于现在的长度就是两组照片的长度，我们将初始的图片索引值就先定在我们复制的第一张图片上，就是复1的位置，当我们一次开始向右边滚动的时候，到第复5的时候，在执行完过渡动画后，将其定位为原5，然后再一次循环，因为复5和原5是一样的通过这...
2019-09-08 16:39:48
194
原创 jquery实现轮播图（利用更改背景图片的方法）
自己在写轮播图过程中，花费了一些时间，因为是刚开始接触，所以可能不是特别精简. 但是测试和运行都是没有问题的，自己对这个了解之后，觉得这种方法局限性比较大，在其他的一些div文字块实现自动播放，就不能适用，之后会写出来另一种方法，争取最简洁明了的方法，让大家理解清楚，以下是代码部分大家可以实际操作理解一下，如果有任何问题或者不理解的欢迎询问，大...
2019-09-06 19:17:22
1716
原创 用jq遍历列表，获取列表的长度
简单和大家分享一下，学习jq的一些笔记，我们想实现的一些功能是，鼠标放在每一个li 上，都会呈现出不同的内容和块区域，用jq语句可以很容易又很简洁就可以实现，我们可以用.each() 方法去遍历，获取元素为li的，然后声明变量去获取存储下标。之后在操作里边的元素，用获取到的下标来控制li里边我们想控制显隐的元素。 <li class="dian1" i> ...
2019-09-02 19:23:14
2944
原创 轮播图的实现及步骤讲解
轮播图设计的原理及思路首先在写好css之后 我们要对接下来的js进行一个分步操作第一步，我们可以先写好一个自动播放的逻辑：这部分我们用的方法就是 采用图片作为背景图片，在js里边通过索引来实现图片的切换第二步，我们要实现一些简单的细节，当我们的鼠标放上去的时候，我们希望这个时候箭头显示，并且当前的自动播放停止，当鼠标移走的时候，箭头也就随之隐藏，这部分很容易实现，我们只需要在鼠标放在上边的...
2019-08-29 14:23:57
1745
原创 JS正则表达式的练习（邮箱验证、QQ验证）
新手小白关于正则表达式的理解练习，如有错误还请各位大佬多多指正在接触正则的时候，给我的感受就是它是一种自己定义的规则去对程序中的字符串进行一些过滤的逻辑，想要看会学会就要多加练习和思考下面是我自己写的关于邮箱验证和QQ验证的方法，希望能对和我一样的一些小白有些帮助哟首先我们先来分析邮箱的验证，在这里我们列举几个网站邮箱例子看看youxiang@sina.com \ youxiang@sin...
2019-08-27 13:01:56
1747
原创 了解高阶函数
JavaScript的函数其实都指向某个变量，既然变量可以指向函数，函数的参数能接受变量，那么一个函数就可以接收另一个函数作为参数这种函数就称为高阶函数- var x = -5, y = 6, f = Math.abs; function add(x,y,f) { return f(x) + f(y); } ...
2019-08-21 15:30:58
105
原创 JS面向对象编程
var xiaoming = {name: ‘小明’,birth: 1990,age: function () {var y = new Date().getFullYear();return y - this.birth;}};xiaoming.age;//function xiaoming age()xiaoming.age();//29 明年就是30 //绑定到对象...
2019-08-21 14:53:47
112
翻译 iterable（Map Set ）
<script> /**Map是一组键值对的结构，具有极快的查找速度 var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]); m.get('Michael'); // 95 初始化Map需要一个二维数组，或者直接初始化一个空Map Map 具有以下方法： var m...
2019-08-21 10:02:33
262
原创 图片平铺界面，上边显示一块元素
图片只用设置宽高就可以了，上边的元素设置一个绝对定位。其父元素需设置一个相对定位，就可以实现，代码及效果展示如下：
2019-08-02 09:33:44
149
原创 H5前端关于同行排列的常用方法
要在同一行排列显示的元素：可以分为两部分，第一部分可以将其设置为左浮动，这个时候不占整个容器的空间，第二部分的元素如果也需要从左边紧接着排列的话，会出现重叠，有部分显示不出来的结果，解决这个问题，我们可以设置第二部分的内边距padding，让它的宽度大于或者等于第一部分浮动元素的宽度，这样将会达到错开的结果或者我们可以在第一部分设置清除浮动（overflow：hidden）。演示代码如下：大的...
2019-07-26 19:46:59
1798
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人