- 博客(53)
- 资源 (37)
- 收藏
- 关注
RSS订阅原创 小白 mysql 5.7 安装过程
MySql 安装过程购买了腾讯云服务器，想安装一个MySql数据库，安装之前，先检查一下是否已经安装了其他版本的MySql, 和MariaDBrpm -qa | grep mysqlrpm -qa | grepm mariadb发现新买的服务器默认安装了mariadb数据库，于是卸载rpm -e --nodeps mariadb-libs-5.5.65-1.el7.x86_641，下载安装MySql官方的YUM 源[root@VM-0-7-centos soft]# wget -i -
2021-03-30 01:12:37
767
1
原创 一个已经落日西山，但又不得不了解的库 require.js
需求最近一直在维护公司的老项目，看到前辈们的代码，有点怀疑自己的前端水平了，十多年前的代码，不禁让人感叹，能够运行十年甚至二十年的代码，应该可以算的上是古董了，不经有点膜拜之意。不敢下手，就连最基本的阅读感觉都快有点障碍了，吓得赶快恶补了一番。简单介绍一个，这是一个前后端没有分离的项目，前端采用JSP开发页面，代码里面包括了：AngularJS 1.0.0 的框架， RequireJS 2.0.0 等等，想看懂代码逻辑，不得不再补补。1， RequireJS 模块加载器AMD是RequireJS
2021-03-25 20:49:53
569
原创 轮播图（5）
轮播（5）轮播- JS 旋转木马（五）1， 需求， 继续完善轮播类型之中，常用的轮播—首页轮播，2， 原理 定义图片的初始化位置数组，之后所有的操作都是基于对这个数组进行修改，以此达到轮播效果，轮播的思路有很多中，也参考了很多网上其他人的方案，感觉这个思路是最容易也是方便实现的实现旋转木马轮播图1， 获取元素2， 动态设置轮播图每一个盒子的样式3， 鼠标移入和移除盒子，显示与隐藏左右两侧按钮4， 添加按钮事件 点击右侧按钮，正向旋转， 把数组的第一个
2021-03-12 13:30:26
526
原创 轮播图（4）
轮播（4）轮播-手风琴（四）1， 需求， 在之前的三个轮播图之上，继续完善轮播类型之轮播图-手风琴2， 原理 动态缓慢的改变图片的宽度，缓慢移动的代码被抽离出来，放在util.js文件中，方便其他轮播使用，轮播中所用到的图片依然用颜色代替，3， 代码（index.html）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <
2021-03-12 13:27:55
207
原创 轮播图（3）
轮播（三）3D倒影旋转木马 （二）1， 需求， 在之前的3D旋转木马的基础上，添加了倒影效果2， 原理 通过设置CSS动效，设置容器里面的每一个DIV的旋转角度其中：添加 perspective 属性时，其子元素会获得透视效果，而不是元素本身，视为了增强视觉3， 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n
2021-03-11 20:44:05
133
原创 轮播图（2）
轮播（2）轮播，又称旋转木马 （二）1， 需求， 旋转木马，通过CSS动画实现，也参考了网络牛人思路，实现了不同的两种，其实本质都一样，特此分享出来，方便有需要的同学2， 原理 通过设置CSS动效，设置容器里面的每一个DIV的旋转角度，和背景颜色，这里，我们依然没有图片，通过背景代替图片，其中：添加 perspective 属性时，其子元素会获得透视效果，而不是元素本身，视为了增强视觉3， 代码<!DOCTYPE html><html lang="en"
2021-03-11 20:36:26
88
原创 轮播图（1）
JS轮播图汇总轮播（一）1，需求 最近在写官网，里面有不同的轮播图要实现，包括旋转木马，这也是考验前端JS和CSS的基本功，也参考了网上很多其他人的写法，感觉各有千秋，再此，记录一下这段旅程，也方便一下其他有需要的同学，2，原理 （1）定义个容器，里面放置五张以上的图片，设置position: absolute, 让所有的图片叠加，通过添加不同的样式，控制图片显示隐藏，默认第一张图片设置opactity=1, 也就是激活状态，其他的图片都是opactity=0,隐藏状态，然
2021-03-11 20:16:56
132
原创 理财学习06-定投选择
谨记对风险要保持敬畏之心1，定投基金的选择 基金定投首选指数基金。2，什么是指数基金指数基金的生命力和一个国家的生命力是高度正相关的指数是长期上涨的指数长期来看，是保持着上涨趋势的。一个比较普遍的解释是，指数背后是一个个优质的公司，它们有生产汽车的、有生产家电的、有做金融服务的，各行各业的龙头企业汇聚在一起，这些企业每年赚的钱会不断地再投入生产，这样一来每年还能够带来新的盈利。这些盈利不断地滚雪球，推动着指数不断上涨。因此，只要一个国家有比较稳定的环境，指数背后的优秀公司就能够不
2021-03-03 08:55:22
969
原创 理财学习05-基金定投
谨记对风险要保持敬畏之心1， 基金定投所谓基金定投，最基本的方法就是基金定时定额投资。定期定额投资、不停地分批次小额买入基金，可以使基金的收益曲线变得比较平滑，更接近宏观经济的走势。这种方法简单、方便、易操作，尤其适合工薪阶层在发工资之后操作。曾经有研究机构做过统计，在美国，基金定时定额投资已经占到基金总投资的40%左右。换句话说，成熟资本市场中的投资者更喜欢基金定投，这也是为什么巴菲特一再强调进行指数型基金定投就可以战胜市场中的大多数人的原因。2, 基金定投的好处由于每个月投入的金额固定
2021-03-03 08:53:38
449
原创 理财学习04-分散投资
谨记对风险要保持敬畏之心1,分散投资的核心建立一个投资组合，同时持有多支基金是现如今很多投资者的投资常态，这个投资组合就是分散投资的常用做法收益， 风险，相关性巴菲特的老师说过：不要把鸡蛋放在一个篮子里。 投资组合理论强调的是要投资在独立的、不相关的领域里面，而不是简单 地购买一揽子证券。盲目地购买一揽子证券、购买很类似的产品是达不到 分散投资的目的的。所以大家需要在考虑风险和收益的同时，关注相关 性，也就是投资组合的搭配，比如股票和债券、大盘股和小盘股、价值股和成长股等2,
2021-03-03 08:52:27
128
原创 理财学习03-基金类别
谨记对风险要保持敬畏之心一，基金类别详细介绍1，货币基金概述：货币基金主要投资于短期货币工具，比如国债，央行票据，商业票据，银行定期存单等等，它是各类基金中风险最低的一个，一般来说货币型基金可以被看作现金等价物，他的性质决定了他极少会发生本金亏损的情况，他的净产值是固定不定的，单位净值通常是1元，相当于一年期银行存款利率的1～2倍。换句话说：投资货币型基金相当于拿着定期存款的收益，享受活期存款的灵活性，风险也是最低的，特点： 具有高安全性，高流动性，能带来稳定的收益，衡量指标： 万份收益率和
2021-03-01 13:03:53
352
原创 理财学习02-基金误区
谨记对风险要保持敬畏之心一， 基金投资的误区由于专业知识的掌握不够充分，常常陷入投资误区1，业绩排名靠前的基金就是好基金吗基金的排名固然重要，也是我们选择靠谱基金的重要依据，但是对待过去的业绩大家要有清楚的认识，过去的已经过去，我们面对的是未来，不确定的未来，所有，不能一味的相信过往的数据，大家要有自己的辨别2，基金越便宜越好吗购买基金不是越便宜越好，基金净值高反而说明其过往投资收益表现不错，为投资者们赚了不少钱，两支净值不同的基金，在相同的投资方式下，收益率只和投资金额和单位基金涨跌比率有
2021-03-01 08:45:15
141
原创 理财学习01-初识基金
谨记对风险要保持敬畏之心。一，什么是基金基金就是为某种目的而设立的一笔资金，就是投资者们把钱收集起来，找一位懂投资的专业人士帮忙去投资证券市场，从而赚取收益。二，基金的命名规则基金命名规则一般： 基金公司 + 投资方向 + 基金类别 + 收费类型比如1： 博时沪深300指数A（050002） 从名称上我们可以看出：这支基金的管理公司：博时基金公司，投资方向是跟踪沪深300指数，字母A表明这支基金是属于前端收费模式类型，050002是这支基金的代码比如2: 易方达安心债券A（1
2021-02-28 00:18:20
287
原创 Git常用总结
git 用户邮箱配置git config --global user.name "xxxxxxxx"git config —global user.email "[email protected]"git 用户邮箱查看git config user.namegit config user.emailgit 资源查看npm config get registry Yarn config get registrynpm 和 yarn registry配置yarn config set re
2021-02-23 13:26:50
303
原创 npm, npx, yarn 的区别
1，yarn 和 npm 的区别yarn 和 npm 都是 node 软件包管理器，1， yarn: 是同步执行所有任务，提高了性能， 而且如果你上一次安装过软件包，第二个会从缓存中获取，2， npm: 是按照队列执行每一个package, 每一次都是从网络上下载，也就是说必须要等到当前 package 安装完成之后，才能继续后面的安装"6.0.3", // 表示安装指定的6.0.3版本"~6.0.3", // 表示安装6.0.X中最新的版本"^6.0.3" // 表示安装6.X.X中
2021-02-22 11:31:40
7639
1
原创 GitBook 使用教程
第一节：GitBook介绍GitBook使用教程详细的记录了一步步搭建自己的电子文档笔记1，环境搭建(1) 当前安装版本 node -v v15.2.0 npm -v 7.0.8(2) gitbook-cli 脚手架安装： npm install -g gitbook-cli 版本验证 gitbook-cli -V CLI version: 2.3.2 GitBook version: 3.2.3(3) 编译器的
2021-02-20 14:12:11
2675
3
原创 2021-写给自己的话
今天是2021年1月25日，下午2点，离春节放假还有2个星期，突如其来的疫情，已经延期到了现在，一年多了，突然之间，感觉到很是无奈，隐约感觉到今年有可能真的要留在上海啦。 不知不觉，浑浑噩噩的度过了两个春秋，如机器一般，慢慢的，也淡忘了父亲离世的悲痛，闭上眼睛，可父亲的模样依稀清楚的浮现在脑海中，时间是一把双刃剑，慢慢的，磨平了很多事情，也冲淡了很多回忆，这一路以来，走走停停，朋友更多像是过客一般，来来走走，时间久了，慢慢的就想通了很多事情。的确，生命如此漫长，每个看是重要的人...
2021-02-20 10:54:52
148
2
原创 NVM 常用命令
NVM 是什么？NVM 是 NODE.JS 的版本管理工具，通过它可以安装和切换不同版本的NODE，从 GitHub 或者其他网站下载一个项目，我们首先查看的是当前这个项目所需要的 NODE 版本，NDOE.JS 官方版本更新的非常快，而且每一次更新改动都比较大，正是因为这个需求，才需要频繁的切换 NODE 版本NVM 下载1, Window版本https://github.com/coreybutler/nvm-windows/releases2, MAC 版本https://gith
2021-02-20 10:50:40
1608
1
原创 webpack升级 file-loader 报错,图片无法显示，提示 minify: false
*ERROR in Error: html-webpack-plugin could not minify the generated output. In production mode the html minifcation is enabled by default. If you are not generating a valid html output please disable it manually. You can do so by adding the followi
2020-08-29 19:48:59
758
原创 TypeError: merge is not a function
webpack 环境区分在使用webpack-merge 进行环境区分的时候，编译报错， TypeError: merge is not a functionconst merge = require('webpack-merge')const baseConfig = require('./webpack.base.config')const proConfig = { mode: 'production'}module.exports = merge(baseConfig, proC
2020-08-27 23:00:14
4594
1
原创 webpack 处理css-load版本太高报错问题
ERROR in ./src/style.css Module build failed (from ./node_modules/[email protected]@css-loader/dist/cjs.js):Error:Cannot find module ‘cssesc’问题描述 npm install -D css-loader style-loader npm install -D node-sass sass-loader npm install -D less less
2020-08-27 01:48:32
3443
1
原创 PingAn-cli 打造自己的脚手架
PingAn-cli 脚手架开发1，初始化package.json文件npm init -y2, 创建一个index.js文件,文件头添加 #!/usr/bin/env node 解释： 调用系统环境变量中的node解释器执行文件 还有一个中写法： #!/usr/bin/node console.log('PingAn-cli 脚手架工具')3, package...
2020-04-14 22:34:57
142
原创 webpack常用插件复习巩固
1,初始化 npm init -y 生产package.json文件2,创建src文件夹3,创建index.html ul>li{这是第$个li}*94,npm install jquery -s发现需要解决js兼容性问题，import $ from ‘jquery’ 通过发现这种方式导入报错，5,安装webpack 1, npm install w...
2020-04-04 20:57:38
250
原创 Flex总结
最新开发一个小程序，复习了一下flex, 好记性真的不如一个烂笔头啊，长时间不用都遗忘了1，任何容器都可以设置成flex容器.box{display:flex;}行内容器也可以设置成flex布局.box{display:inline-flex;}2, 容器的六个属性(1) -flex-direction:决定主...
2020-04-02 00:00:01
131
原创 最喜爱的VS Code设置
做前端整整两年了，用过Eclipse，Sublime Text, HBuilder, Webstorm，Atom, 最喜欢的还是VS Code, 理由有很多，其他的都不重要，重要的是自己喜欢，而且免费的。好的外观写出好的代码VS Code 颜色主题: Snazzy Operator，或者 Atom One Dark Theme{ "workbench.col...
2020-03-31 21:53:48
830
原创 JavaScript基础知识-（对象）
JavaScript中所有的事物都是对象，字符串，数字，数组，日期，等等，JavaScript对象可以看作是属性的无序集合，每个属性都是一个键值对，JavaScript对象除了可以保持自有属性，还可以从一个称为原型的对象继承属性。对象的方法通常是继承的属性，这种“原型式继承”是JavaScript的核心特征1，初识对象对象最常见的用法是：创建，设置，查找，删除，检测和枚举它的属性。属性包括名字...
2019-03-07 14:33:14
151
原创 JavaScript基础知识-（数组）
1，数组是值的有序集合。每一个值叫做一个元素，每个元素在数组中有一个位置，称为索引。JavaScript的数组是无类型的，数组元素可以是任意类型。数组的创建方法： （１）直接量：var a = [1,2,3,4,5,]; // 注意：索引从0开始，最后一个是逗号可选的（2）调用构造方法var arr = new Array(10) var arry = new Array(1,2,...
2019-03-07 14:32:24
218
原创 JavaScript中Math对象常用方法总结
1，Math.pow(2, 53) &nbsp;&nbsp;&nbsp;&nbsp;// =&gt; 2的53次幂2，Math.pow(3, 1/3) &nbsp;&nbsp;&nbsp;&nbsp;// =&gt; 3的立方根3，Math.sqrt(3) &nbsp;&nbsp;&nbsp
2019-02-18 14:21:01
528
原创 CSS选择器总结
1，div是一个标准的块级元素。一个块级元素会新开始一行并且尽可能撑满容器。 其他的常用块级元素包括：p，form 和HTML5中的新元素：header,footer,section等等 span 是一个标准的行内元素，就像a元素一样2，前端工程师主要打交道的是浏览器主要浏览器和内核： IE : 内核：tridentFirefox:内核GeckoGoogl...
2019-02-11 15:47:39
463
原创 CSS常用属性总结
1，首行缩进：text-indent:2em 1em == font-szie 大小 em是相对字体大小高度的2，文本装饰 text-decoration:line-through;3，行级元素：内容决定元素所占位置(inline)不可以通过CSS改变宽高比如：span strong em a del块级元素：独占一行(block)可以通...
2019-02-11 15:45:32
244
原创 CSS定位布局理解
1，CSS定位属性：允许你对元素进行定位position的四种方式（1）static(默认值) 所有标准文档流中的元素都是静态定位（2）relative:相对定位：在原来的位置，移动的距离 position: relative;/*相对定位*/ 脱离原来位置定位。相对自己原来的位置进行定位 left:40px; /*保留了原来的位置，向右移动大...
2019-02-11 15:37:57
327
原创 2019-写给自己的话
今天是2019年1月28号，离放假还有两天，心中甚是期待，写完工作总结之后，想起来了2018年对自己说的话。听着陈奕迅的不要说话，慢慢的看着2018年许下的目标，默默地思考了好一会，窃窃的问自己，我做到了吗？我做的怎么样？ 永远难忘的2018。这一年，我换了一份新的工作，在前端，后端，和运维这三个方向，我选择了前端开发，进入了一家互联网创业公司，从事着前端开发岗位。无论对...
2019-01-28 22:59:33
1779
原创 CSS圣杯布局 && 双飞翼布局
两者作用和区别：圣杯布局和双飞翼布局解决的问题都是一样的。两边固定宽度，中间自适应的三栏布局，已经由此演变出来的类似其他布局格式。中间布局代码要写在 前边，保证第一个渲染区别：两者在布局的前三点方法是一样的，通过float浮动，和margin-left负值，让三元素并排显示。行成三栏布局，区别在中间盒子处理的方式。怎么做才能不把中间盒子的内容覆盖住。让其完全显示。圣杯布局是通...
2019-01-28 16:03:18
956
原创 伪元素 before after
伪元素 before after1，作用:伪元素的作用是在内容元素的前后插入额外的元素，但它是一个虚假的元素，不会影响内容元素的DOM节点2，用法:伪元素使用起来也比较容易，在CSS2.1的时候，一个冒号：表示伪元素。在CSS3中，为了区分伪类和伪元素，用 ：(一个冒号)表示伪类 :: (两个冒号)表示伪元素，目前在开发中，两种方式都行3，注意：伪元素必须设置content属性，不然...
2019-01-28 15:49:37
616
原创 JSONP跨域
根据同源策略的限制，在端口号，域名，协议其中有一个或者多个不同的时候，所发出来的请求都是跨域请求，受到了跨域限制。但是也有例外：比如：<script>标签访问的时候，可以不受同源策略的限制，但只能是GET请求 （1）JSONP使用也很广泛，在我之前做的电信项目里面，因为和多个CP方合作。对方的后端服务器不支持CORS方法，所以很多跨域请求都是通过JSONP实现的，再比如QQ,豆...
2019-01-28 15:35:59
161
原创 跨域CORS
CORS是W3C标准。全场跨域资源共享（Cross-origin resourse sharing）她允许浏览器向跨域资源服务器放出XMLHttpRequest请求，克服了AJAX只能同源使用的限制1，CORS通信是浏览器自动完成的，不需要用户参与。CORS通信和同源的AJAX通信没有差别，代码完全一样，实现CORS通信的关键是服务器。只要服务器实现了CORS接口，就可以通信Acces...
2019-01-28 15:33:32
668
原创 Iptables防火墙配置
iptables防火墙配置一、防火墙简介1、功能： 1）通过源端口，源IP地址，源MAC地址，包中特定标记和目标端口，IP，MAC来确定数据包是否可以通过防火墙 2）分割内网和外网【附带的路由器的功能】 3）划分要被保护的服务器如果Linux服务器启用了防火墙，SELinux等的防护措施，那么，他的安全级别可以达到B2[原来是C2]2、防火墙分类 1）数据包过滤【绝大多数的...
2018-03-29 14:46:05
275
原创 2018-写给自己的话
今天是2018年1月1号，毕业已经两年半了，想想自己当初的梦想，好像什么都没有实现，每天也是忙的不可开交，同大多数普通人一样，朝九晚九，日复一日的工作，从郑州到北京，从北京到上海，在这陌生的城市中，如同蚂蚁一样，无人知晓，默默无闻的奉献着自己的生命。2018年之前的事不想在提起了，留在心里默默的回忆吧。写这篇日记主要是告诉自己，要相信自己，一定要坚持下去，培养良好的生活习惯，做个生活有规律的人。同
2018-01-01 21:59:24
2073
7
原创 Centos 7.5 YUM安装Mysql
下载Mysql源安装包1，wget http://dev.mysql.com/get/mysql57-community-release-el7-8.noarch.rpmyum安装mysql源2，yum localinstall mysql57-community-release-el7-8.noarch.rpm检查mysql源是否安装成功3， yum repolist ena...
2017-12-22 17:54:53
2861
原创 Linux服务器安装SVN总结
1,yum -y install subversion*2,创建一个目录mkdir -p /var/svn/zlm3,把目录改变成仓库svnadmin create /var/svn/zlm4,进入仓库cd /var/svn/zlm设置仓库用户和密码cd conf/打开配置文件vi authz在最后位置添加一个可读写的用户[/]user1
2017-12-21 01:22:34
270
程序员前端，后端，通用找工作模板简历，
2019-01-29
openSSH_SSL源码升级夹包
2017-12-18
轻松短租网
2013-11-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人