weixin_45746190的博客

原创 数据库多表查询

导入文件后，新增白龙马，小龙女，白骨精等游戏角色 查询出每个人打怪最多的一天，并显示名字，时间，打怪数量。 SELECT a.user_name,b.timestr,kills FROM player a JOIN player_kills b ON a.id = b.player_id WHERE (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.php php -r "unlink('composer-set

原创 ubuntu18.04安装mysql

ubuntu18.04安装mysql 卸载 sudo apt-get remove dbconfig-mysql sudo apt-get remove mysql-client sudo apt-get remove mysql-client-5.7 sudo 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连接mysql pdo.php <?php $host='localhost'; //数据库主机名 $dbName='atm'; //使用的数据库 $user='root'; //数据库连接用户名 $pass=' '; //对应的密码 $dsn="mysql:host=$host;dbname=$dbName"; ?> 如何在数据

原创 sql

mysql基本操作 一、概念： 数据： data 数据库： DB 数据库管理系统：DBMS 数据库系统：DBS MySQL：数据库 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-mysql sudo apt-get remove mysql-client sudo apt-get remove mysql-client-5.7 sudo 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/lib tar -xvf node-v8.1.0-linux-x64.tar.xz mv 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/node sudo 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介绍与区别

px 1.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，orderby 4.主键：唯一标识的键 5.外键：另外表的主键，举例：有表A，表B，c是A的主键，c属于B，因为C是B的外键 6.索引：是一种数据结构，可以邦族我们快速的进行数据

原创 网络协议

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