自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

一只京大的博客

个人网站 zj1024.com

原创 9102年了 还没学会前端自动化部署?

前言 最早期方式: 前端写好代码之后本地构建, 通过服务器xftp或ftp把文件上传到服务器进行更新 使用Git后: 服务器通过git clone的项目, 在项目的根目录执行 git pull origin [branch] 拉去仓库中最新的代码 自动化部署: 通过配置WebH...

2019-09-03 17:29:55 40 0

原创 高性能网站搭建-前端性能优化 (附Vue首屏加载时间优化详细方案)

前言 事实上, 只有10%-20%的最终用户响应时间是发在从Web服务器获取HTML文档并传送到浏览器中的。如果希望能够有效地减少页面的响应时间,就必须关注剩余80%-90%的最终用户体验。 –Steve Souders 在这篇博客中,我根据工作中的实际项目经验和一些测试的经验中总结出了前端...

2019-05-31 21:33:11 1064 0

原创 【quickly-css】(极易上手)一款使用Sass构建的高效开发CSS库

简介 quickly-css是一个快速书写CSS样式的类库,项目采用scss,gulp构建,quickly-css方便了我们日常开发重复书写css的烦恼,它类似于bootstrap但又不同于bootstrap。 ###基本的使用### <div class="w-full t...

2019-03-28 14:01:34 268 0

原创 mongodb命令行操作

mongodb version 3.6 1.数据库操作 查询所有数据库 show dbs; 使用数据库 use [database name] //switched to db [database name] 新建数据库 use [database name]; //swi...

2018-12-16 19:07:27 141 1

原创 原生javascript分页 html分页与ajax数据请求结合使用 前端js分页

原生javascript分页功能,与后台结合使用ajax请求数据,是目前大多数前后端分离建站使用的分页展示数据的逻辑 使用示例: 效果图: index.html <!DOCTYPE html> <html lang="en"> &...

2018-10-12 18:01:49 3252 11

转载 javascript十大经典排序算法 js数据结构与算法

排序算法是《数据结构与算法》中最基本的算法之一 排序算法中的复杂度与稳定性如下图所示: 1.冒泡排序 冒泡排序(Bubble Sort)也是一种简单直观的排序算法。它重复地走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交...

2018-10-02 20:09:55 164 0

原创 React Redux 基础配置

目录 store --index.js --reducer.js --actionTypes.js --actionCreator.js -TodoList.js -TodoItem.js -index.js store --index.js import { create...

2018-09-10 15:19:25 77 0

原创 npm 更换淘宝镜像源

打开终端 : npm install -g cnpm --registry=https://registry.npm.taobao.org 官方源: # 默认源 npm config set registry https://registry.npmjs.org 换源: npm ...

2018-09-10 10:46:51 4590 0

原创 高性能linux服务器搭建

虚拟机:vmwear12.5.7 linux版本:centos 7 网卡配置: 1.切换到目录/etc/sysconfig/network-scripts目录 #: cd/etc/sysconfig/network-scripts 2.在network-scripts目录下备份配置文件...

2018-07-25 17:28:41 285 0

原创 php gd库写一个简单的验证码

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;...

2018-06-14 09:27:34 100 0

原创 php连接数据库mysql

php连接mysql数据库,'天龙八部曲':------------------------------------------第一小节---------------------------------------------    1.  $con = mysqli_conn...

2018-06-05 20:53:49 173 0

原创 mysql修改密码 忘记密码不登陆修改密码

 可以进入数据库的情况下: 登录数据库: 命令行输入 mysql -u root 进入数据库中:   mysql&gt;  SET PASSWORD FOR 'root'@'localhost' = PASSWORD('ne...

2018-06-03 18:59:12 356 0

原创 前端设置用户设置,获取,清空Cookie setCookie,getCookie,clearCookie

直接贴代码 function setCookie(name, value, seconds) { seconds = seconds || 0; //seconds有值就直接赋值,没有为0 var expires = ""; if (second...

2018-06-01 21:16:06 7533 0

原创 MySQL命令行语句学习

1、mysql -root    进入数据库

2018-05-25 11:53:25 3472 0

原创 微信小程序不在以下request 合法域名列表中解决方案

第一步:打开微信公众平台:https://mp.weixin.qq.com/ 第二步:登录之后->设置->开发设置 1. 2. 注意:因为微信团队在开发MINA框架对request进行了安全处理,后台链接必须是https协议。合法域名修改一个月内可申请5次修改。 ...

2018-05-21 10:45:50 10012 0

原创 原生javascript实现图片懒加载

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;D...

2018-04-14 11:45:42 118 0

原创 前端动画开源库animate.css

ad. 张京项目展示地址&amp;个人网站:https://www.zj1024.com Animate.css 1.简介:一个跨浏览器的 css3 动画库,内置了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotate...

2018-04-13 21:28:11 2609 0

原创 纯css3自定义网页滚动条,浏览器统一scroll滚动条

支持-webkit-前缀的浏览器,滚动栏有五个css修饰: 整体部分,    ::-webkit-scrollbar 两端按钮,    ::-webkit-scrollbar-button 外层轨道,    ::-webkit-scrollbar-track 内层轨道,    ::-web...

2018-03-30 11:19:35 656 0

原创 seajs引入jquery无法使用问题解决方案

seajs属于国产产品归类于CMD,jQuery对于seajs并不支持但是国内使用seajs作为模块化开发组件使用较多引入jquery使用时在Network中可以请求到但并未渲染原因就是在jquery库最后暴露全局中没有对seajs支持对AMD中的requirejs支持,我们需要手动修改jquer...

2018-03-15 21:28:13 825 0

原创 跨站请求数据jsonp手写原生js代码实现

JSONP --来自百度百科JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML...

2018-03-08 21:30:46 2627 5

原创 css利用margin外部尺寸实现等高布局经典案例

我们可能会有一个这样的需求:     两个板块并排排列,分别有内容,当任意一个内容增加总的高度也增加 如图所示: 我们正常的块状标签排列时候是这样的: 通过属性margin设置后: 下面直接上代码: html部分: &lt;div class="wrap&...

2018-03-08 18:05:31 211 0

原创 http协议状态码 浏览器报错404not found 403Forbidden 200 500等

页面请求或者加载时候控制台出现报错信息一般为403,404下面列出http协议状态码供大家参考1xx(临时响应)100继续表示临时响应并需要请求者继续执行操作的状态码。请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。101切换协议请求者已要求服务器切换协议,服务...

2018-03-07 18:02:49 421 0

原创 img图片增加用户体验

本篇文章主要写html中img标签增强用户体验:    通过伪元素和content来实现直接上代码:    css部分img{ width: 800px; height: 300px; display: inline-block; position: relative; overflow...

2018-02-26 11:20:03 98 0

原创 html单行元素居中显示,多行元素居左显示

有很多的业务需要元素或者文字如果单行,居中显示,如果数据增多,居中显示代码(直接复制到编辑器可用):&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt...

2018-02-22 23:55:20 735 0

原创 html中inline-block出现缝隙间距的解决方案

不同浏览器之间的间隔距离是不一样的,亲测有下面4中情况浏览器缝隙大小(PX)备注Firefox4 Chrome5IE4qq,360,搜狗等浏览器8 html显示:出现这个问题的原因就是:1.代码部分标签之间出现空格像这样:&lt;div&gt; &lt;a href...

2018-02-17 11:24:21 289 0

原创 清除浮动最简单的两种方式

总结一下,使用float的话,需要清除浮动的两种简单方式:1.通过伪元素&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset=...

2018-02-14 19:09:33 327 0

原创 jquery判断鼠标移入移出

判断鼠标移入移出方向来实现很赞的效果,百度图片搜索列表中就使用了该效果 下面直接上代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-...

2018-02-08 18:15:20 404 0

原创 原生javascript封装类似jquery的ajax请求跨域函数

在网上查看了很多js封装的ajax函数,发现大部分都没有实现跨域请求 跨域请求浏览器就会提示:No 'Access-Control-Allow-Origin' header is present on the requested resource. 封装类似于JQuery的...

2018-02-07 12:04:44 1174 2

提示
确定要删除当前文章?
取消 删除