weixin_45746190的博客

原创 数据库多表查询

导入文件后，新增白龙马，小龙女，白骨精等游戏角色查询出每个人打怪最多的一天，并显示名字，时间，打怪数量。SELECT a.user_name,b.timestr,killsFROM player aJOIN player_kills b ON a.id = b.player_idWHERE (b.player_id,b.kills) IN (SELECT player_id,MAX(kills) FROM player_kills GROUP BY player_id);查询出同时具..

原创 laravel

laravel注意事项切换到root用户下，更换阿里源自己想在的文件目录是/home/fuyingqian/laravel/blog下载composer打开命令行并依次执行下列命令安装最新版本的 Composer：php -r "copy('https://install.phpcomposer.com/installer', 'composer-setup.php');"php composer-setup.phpphp -r "unlink('composer-set

原创 ubuntu18.04安装mysql

ubuntu18.04安装mysql卸载sudo apt-get remove dbconfig-mysqlsudo apt-get remove mysql-clientsudo apt-get remove mysql-client-5.7sudo apt-get remove mysql-client-core-5.7再次执行自动卸载：sudo apt-get autoremove mysql* --purge查看MySQL的剩余依赖项：dpkg --list|g

原创 ATM中php+mysql的使用

ATM中php+mysql的使用php连接mysqlpdo.php<?php $host='localhost'; //数据库主机名 $dbName='atm'; //使用的数据库 $user='root'; //数据库连接用户名 $pass=' '; //对应的密码 $dsn="mysql:host=$host;dbname=$dbName";?>如何在数据

原创 sql

mysql基本操作一、概念：数据： data数据库： DB数据库管理系统：DBMS数据库系统：DBSMySQL：数据库mysql：客户端命令（用来连接服务或发送sql指令）SQL：结构化查询语言 ，其中MySQL支持这个。SQL语言分为4个部分：DDL、DML、DQL、DCL二、连接数据库：mysql -h 主机名 -u 用户名 -p密码 库名C:>mysql --采用匿名账号和密码登陆本机服务C:>mysql -h localhost -u root -proo

原创 ubuntu18.04安装mysql

ubuntu18.04安装mysql卸载sudo apt-get remove dbconfig-mysqlsudo apt-get remove mysql-clientsudo apt-get remove mysql-client-5.7sudo apt-get remove mysql-client-core-5.7再次执行自动卸载：sudo apt-get autoremove mysql* --purge查看MySQL的剩余依赖项：dpkg --list|g

原创 ubuntu18.04安装node.js

ubuntu18.04安装node.js第一步：官网安装，解压到自己指定的路径下：/usr/local/libtar -xvf node-v8.1.0-linux-x64.tar.xzmv node-v8.1.0-linux-x64 /usr/local/lib软连接：sudo ln /usr/local/lib/node-v8.1.0-linux-x64/bin/node /usr/local/bin/nodesudo ln /usr/local/lib/node-v8.1.0-linux-

原创 Ubuntu18.04 LNMP环境(一) 从零部署及搭建

Ubuntu18.04 LNMP环境(一) 从零部署及搭建切换国内apt源//切源的主要目的：主要是为了安装文件能效率提升一些cd /etc/apt# 进入apt配置目录，准备换国内18.04源cp sources.list sources.list.bak# 备份默认的源，以防不时之需vim sources.list# 进入后删除光所有的内容，准备粘贴国内华科大源地址将准备好的源码粘贴进去（sources.list）# 默认注释了源码镜像以提高 apt update 速度，如

原创 webpack4 快速上手

初识webpack什么是webpack?官网介绍是 module bundler, JavaScript 的模块打包器，大概意思就是，能够将一堆关系错综复杂的 .js, .css, .sass 等文件，打包成几个静态的文件，在 html 里面直接插入实用，webpack中包含了gulp自动打包工具、包含了babel转es5压缩等.npm 相关命令了解初始化新项目npm init全局安装依赖包package，不属于具体哪个项目npm install --global package安装

原创 js封装图形

js封装图形的思想我们可以把图形抽象成两个部分，整体看作是点和空格组成的，实际上是分为三段，然后一行一行的，然后作为整一个的数据，我们可以看为一个对象，点是一个数组，空格也是一个数组，因此封装函数，图形的规律，然后进行调用就可以了。封装总的函数//封装段function dun(dunObj) { let dunStr =""; for (let i = 0; i < dunObj ; i++){ dunStr + = dunObj.char

原创 前端常用60余种工具方法

前端常用60余种工具方法邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}电话号码export const isPhone = (s) => {

原创 Liunx系统下c语言的学习

Liunx系统下c语言的学习注意事项C语言的基础语法基本语法基本字符集标识符的命名规则32个关键字分隔符数据类型基本数据类型其他数据类型常量与变量常量变量运算符与表达式算数运算符关系运算符逻辑运算符赋值运算条件运算符逗号运算符长度测试运算符运算符的优先级数据类型的转换强制类型转换自动类型转换环境变量环境变量是什么？简单来说就是制定一个目录，运行软件的时候，相关的程序将会按照该目录寻找相关文件。设置变量对于一般人最实用的功

原创 字体文本样式相关

设置文字属性font设置文字颜色color：red文字斜体：font-style：italic（文字倾斜）font-style：normal（文字不倾斜）文字粗体设置font-weight：bold（加粗字体）font-weight：bolder（更粗）设置文体大小字号：font-size：16px设置文体字体font-family：”微软雅黑“设置文本属性text-设置文本文字或图片的左右对齐方式text

原创 HTML+CSS整体回顾

常用的一些新的结构标签结构标签1.header：标记定义一个页面或宇哥区域的头部2.footer：标记顶一个页面或一个区域的底部3.nav：标记定义导航栏链接4.aritcle：标记定义一篇文章5.section：标记定义一个区域6. aside：侧边栏导航7. hgroup：标记定义文件中一个区块的相关信息8. figure：标记一组媒体内容以及它们的标题（图像）9. figcaption：标签定义figure元素的标题多媒体交互标签1.video：标记定义一个视频2.audio

原创 css相关布局

静态布局不管浏览器尺寸具体是多少，网页始终按照最初写代码时的布局来显示。优点：这种布局方式对设计师和css编写者来说都是最简单的，没有兼容问题缺点：不能根据用户的屏幕尺寸做出不同的表现流式布局是页面元素的宽度按照屏幕分辨率进行适配调整，但整体布局不变设计方法：使用%百分比定义宽度，高度大都是用px固定住经典的流式布局；1.左侧固定，右侧自适应2.右侧固定左侧自适应3.两侧固定，中间自适应（圣杯布局，双飞翼布局）4.等分布局：是指子元素平均分配父元素宽度的布局方式&lt

原创 JavaScript内置对象总结，获取页面元素的常用方法，页面中的事件和事件机制

Math对象Math.ceil():向上取整Math.floor():向下取整Math.PI()：圆周率Math.max():一组数字中的最大值Math.min():一组数字中的最大值Math.abs():一组数字中的绝对值Math.random():随机数Math.round():四舍五入Date对象var dt = new Date（）9. getFullYear():获取系统当前年份10. getFullMouth()+1:获取系统当前月份11. getDater():获

原创 @媒体查询

解释媒体查询是能在不同的条件下使用不同的样式，使页面在不同的终端设备下达到不同的渲染效果。具体做法@media 媒体类型 and （媒体特性） {你的样式}1.存在and，not，only，关键词2.经常使用的是@media screen and (min-width:1200px)@media screen and (min-width:992px)@media screen and (min-width:768px)@media screen and (min-widt

原创 px,em,rem介绍与区别

px1.px是绝对单位，是你屏幕设备物理上能现实出的最小的一个点，这个点不是固定的，比例有可能会不同。假设；你现在用的显示器1px宽=1毫米，但我用的显示器1px宽=两毫米，那么我定义一个div为100px，你显示器上看div是10厘米，我显示器上看是20厘米，另外一个px点的长宽不一定是1：1的正方形，有的设备的长宽比试不一样的。em是相对单位，所有浏览器下默认字体尺寸是16px，然后人为的把body里面定义font-size：12px；那么其他元素会根据这个父元素调整自己的大小，em的用处是你要整

原创 关于css3中的动画

css2D与3D动画一个属于平面，一个属于立体，2D是X，Y轴对其进行操作，而3D的话多了一个Y轴他们的操作方法主要有以下几种：1.平移 translate(x,y)2.旋转 rotate（角度）3.缩放 scale（宽度x，高度y）4.倾斜 skew（x轴的角度，y轴角度)对于3D来说，就是多了个z轴，基本的方法都差不多。animation 动画1.@keyframes：创建动画@keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。@keyframes

原创 切图技巧

1：新建图层2：将需要的图拖到新建图层哪里3：魔棒工具4：ctrl+j 复制图层5.导出其余的在收藏夹哪里

原创 less简单入门

安装less先在页面用link引入自己的.less文件，并把rel属性更改为stylesheet/less，然后再引入less.js文件，可以用官网的包，也可以用本地的，这里位置是需要区分的，即是先style.less,后less.js(而且得是服务器环境）<link rel="stylesheet/less" href="style.less><script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.j

原创 产品经理的理解

#产品经理1.从一个信息系统的生命过程讲起，一般情况下，系统的诞生是要满足一定的需求，规划目标用户是那些，用户的需求是什么，怎么样子满足这种需求，这时候产品经理做的就是一个需求分析，这个工作做好以后，产品经理的业务逻辑设计，这一步完成一个产品的原型就出来了。接着产品经理把各个部门的人召集起来，讨论原型的优缺点，进行修改。项目确定之后就进入实施阶段，这时候项目经理出来掌控资源和进度。前端工程师会把界面写出来，产品经理要确保这个界面能够满足用户需求，用户能够方便地使用，架构师会从技术上规划产品的技术架构，产品

原创 第二次面试经历

南方科技大学面试分享###第一步：自我介绍，包括校园经历，项目经验，自己想从事的方向各位老师们好，我是。。。。。。。。。。####1：校园活动中，你觉得组织300多人，你最大得困难是什么？回答：大学生比较自由，所以邀请他们来到现场是比较困难得，这时候下宿舍宣传，觉得这一个比较困难。觉得这段回答不好，只是临场发挥，根本没有想到过这样的问题，可能是因为小伙伴们一起组织得，所以没有感觉有多大得困难。####2：这些项目，你都是负责什么的我的工作都是负责前端部分，具体项目的什么什么页面。。。####

原创 理解Markdown

本文围绕 markdown是什么？有什么用？给谁用？是怎么使用的？来说明markdown：是一轻量级标记语言；作用：通过简单的标记语法，它可以使普通文本内容具有一定的格式，它允许人们使用易读易写的纯文本格式编写文档，然后转换为格式丰富的html画面。给谁用：是为那些需要经常码字或者文字排版的，对码字手速和排版顺畅度有要求的人设计的，他们希望用键盘把文字打出来之后就已经排好版了。包括需要写文档的码农，博客写手，网站小编，出版人士等等如何使用：MdEditor的功能列表演示标题H1标题H2

原创 一文理解json

1：json是什么？json是一个数据格式2：json有哪几种表示方法：①简单值：可以存在字符串，数值，布尔值，和null；举例：1，null，fuyingqian②对象：类似于键值对var person{“age”:"123;“name”::fuyingqian;}③复杂类型：数组var sty = {“fu” = ["wo,“shi”,“ni”,]}json之所以流行并不是因为它拥有与JavaScript类似的语法，更重要的一个原因是可以把json解析为JavaScr

原创 前端工程师面试第一次分享

@[首要：前端工程师]##这是一家上海的公司，虽然没有抱多大的希望，但是自己还是很认真的去准备了。1：询问如使用两次ajax会形成什么样子的后果？答：每使用一次ajax，就会发送一次异步请求，ajax的原理是用户与服务器之间增加了一个中间层，通过新创建的对象，对服务器发送异步请求，从服务端得到数据，通过JavaScript操作dom元素，从而更新页面。2.一个大的div，输出a，里面小的div输出b，如何使得输出b而不输出a。答：阻止冒泡：e.stopPropagation();举例：通过这

原创 BOM，DOM理解

原创 理解弹性盒flex布局

前言flex弹性盒，是一种布局方式，当页面需要适应不同的屏幕大小以及设备类型时，它依然能确保元素拥有更恰当的排布行为，弹性盒属于 CSS 3 部分，IE9 以下不支持，现代浏览器指的就是 IE9 及以上的浏览器flex的优势举个例子：这里我们要实现一个功能，让一个dom元素水平垂直居中;2.1 传统实现方式（1），居中元素的宽高已知.box1{position: relative;background: darkcyan;width: 800px;height: 300px;}.

原创 与Vue相关的知识点

1：Vue是渐进式框架2：Vue.js的两个核心是什么？数据驱动：数据的改变会驱动视图的自动更新，传统的做法是需要手动改变Dom来是的视图更新，而Vue只需要改变数据组件化：组件化开发，可以很好的降低数据之间的耦合度，将常用的代码封装成组件之后，就能高度复用，提高代码的可重用性。3：v-if 于v-show有什么区别：相同点：利用真假切换元素的隐藏或者显示不同点：实现的方式，v-if是根据后面数据的真假判断直接从Dom树上删除或重建元素节点，v-show只是在修改元素的css样式，元素始终在Do

原创 介绍Node.js与JavaScript

1：Node.js是JavaScript运行的环境，JavaScript是一门编程语言2：Node.js的特点：单线程：不为用户连接创建一个新的线程，而仅仅使用一个线程，当有用户连接了，就触发一个内部事件，通过非阻塞i/o，事件驱动机制，让node.js程序宏观上也是并行的。非阻塞i/o：阻塞模式下，一个线程只能处理一项任务，想要提高吞吐量必须通过多线程。事件驱动：在Node中，在一个时刻，只能执行一个事件回调函数，但是在执行一个事件回调函数的中途，可以转而处理其他事件，然后返回继续执行原事件的回

原创 Mysql

1：mysql是结构化查询语言2：特点：不区分大小写，有逻辑，关系运算符，类型不是最严格的3：相应的数据库命令建库：create database 库名建表：create table 表名查询：select * from 表名插入：insert into 表名（字段）删除：drop 库名 表名限制条件：where，orderby4.主键：唯一标识的键5.外键：另外表的主键，举例：有表A，表B，c是A的主键，c属于B，因为C是B的外键6.索引：是一种数据结构，可以邦族我们快速的进行数据

原创 网络协议

网络协议介绍OSI（Open System Interconnect）七层模型：通信的特点是对等通信从上往下分别为应用层：为应用程序提供服务，此层应有的网络协议有HTTPS，HTTP，FTP等协议实际公司A的老板就是我们所述的用户，而他要发送的商业报价单，就是应用层提供的一种网络服务，当然，老板也可以选择其他服务，比如说，发一份商业合同，发一份询价单，等等。表示层：数据格式化，数据加密；...