自定义博客皮肤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

  • 博客(28)
  • 资源 (5)
  • 论坛 (4)
  • 收藏
  • 关注

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

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

2019-09-03 17:29:55 73

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

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

2019-05-31 21:33:11 1601

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

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

2019-03-28 14:01:34 326

原创 mongodb命令行操作

mongodb version 3.61.数据库操作查询所有数据库show dbs;使用数据库use [database name]//switched to db [database name]新建数据库use [database name];//switched to db [database name]db.test.insert({"test":...

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

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

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

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

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

排序算法是《数据结构与算法》中最基本的算法之一排序算法中的复杂度与稳定性如下图所示:1.冒泡排序冒泡排序(Bubble Sort)也是一种简单直观的排序算法。它重复地走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端...

2018-10-02 20:09:55 189

原创 React Redux 基础配置

目录store--index.js--reducer.js--actionTypes.js--actionCreator.js-TodoList.js-TodoItem.js-index.jsstore--index.jsimport { createStore } from 'redux';import reducer from './reduc...

2018-09-10 15:19:25 107

原创 npm 更换淘宝镜像源

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

2018-09-10 10:46:51 6335

原创 高性能linux服务器搭建

虚拟机:vmwear12.5.7linux版本:centos 7网卡配置:1.切换到目录/etc/sysconfig/network-scripts目录#: cd/etc/sysconfig/network-scripts2.在network-scripts目录下备份配置文件#: cp ifcfg-ens33 ifcfg-ens33.bak注释:熟悉配置可以跳过此...

2018-07-25 17:28:41 351

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

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;images&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;?php // 执行函

2018-06-14 09:27:34 133

原创 php连接数据库mysql

php连接mysql数据库,'天龙八部曲':------------------------------------------第一小节---------------------------------------------    1.  $con = mysqli_connect('localhost','root','123456');   连接数据库    2. if(!$con){ech...

2018-06-05 20:53:49 193

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

 可以进入数据库的情况下:登录数据库: 命令行输入 mysql -u root进入数据库中:  mysql&gt; SET PASSWORD FOR 'root'@'localhost' = PASSWORD('newpassword'); 忘记密码进不去数据库: 1.停止Mysql服务:/etc/init.d/mysql stop 2.跳过验证:...

2018-06-03 18:59:12 519

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

直接贴代码function setCookie(name, value, seconds) { seconds = seconds || 0; //seconds有值就直接赋值,没有为0 var expires = ""; if (seconds != 0) { //设置cookie生存时间 var date = new Date();...

2018-06-01 21:16:06 9487

原创 MySQL命令行语句学习

1、mysql -root    进入数据库

2018-05-25 11:53:25 4212

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

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

2018-05-21 10:45:50 11549

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

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style&gt;div{width: 300px;height: 300px;margin-bottom: 20px

2018-04-14 11:45:42 138

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

ad. 张京项目展示地址&amp;个人网站:https://www.zj1024.comAnimate.css 1.简介:一个跨浏览器的 css3 动画库,内置了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)、放大缩小(等多达 60 多种动画效果,几乎包含了所有...

2018-04-13 21:28:11 2770

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

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

2018-03-30 11:19:35 952

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

seajs属于国产产品归类于CMD,jQuery对于seajs并不支持但是国内使用seajs作为模块化开发组件使用较多引入jquery使用时在Network中可以请求到但并未渲染原因就是在jquery库最后暴露全局中没有对seajs支持对AMD中的requirejs支持,我们需要手动修改jquery源码最后一点代码即可在jquery中可以搜索 define.amd 关键字然后复制这段代码一下添加在...

2018-03-15 21:28:13 932

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

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

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

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

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

2018-03-08 18:05:31 283

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

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

2018-03-07 18:02:49 542

原创 img图片增加用户体验

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

2018-02-26 11:20:03 124

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

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

2018-02-22 23:55:20 1032

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

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

2018-02-17 11:24:21 382

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

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

2018-02-14 19:09:33 425

原创 jquery判断鼠标移入移出

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

2018-02-08 18:15:20 670

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

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

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

Javascript 设计模式系统讲解与应用

Javascript 设计模式系统讲解与应用,包含源代码,请下载网盘链接进行下载

2019-06-20

前端跳槽面试必备技巧

前端跳槽面试资源分享,请获取链接在云盘下载。

2019-06-20

纯正商业级应用-微信小程序开发实战视频教程一对一

纯正商业级应用-微信小程序开发实战视频教程一对一,有源码和PSD文件。

2019-06-20

HTML-CSS-JS Prettify

这是一个sublime插件,允许您格式化HTML、CSS、JavaScript和JSON代码。格式化程序是用JavaScript编写的,因此您需要node.js来解释浏览器之外的JavaScript代码。 这将适用于HTML、CSS、JavaScript和JSON文件。

2018-04-18

SublimeServer

一个sublime的插件,允许你在SublimeText中运行一个HTTP服务器,并为所有打开的项目文件夹提供服务

2018-04-18

非常好用的css动画库animate.css

发表于 2018-04-13 最后回复 2018-04-14

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

发表于 2018-03-07 最后回复 2018-04-13

javascript判断鼠标移入移出

发表于 2018-03-09 最后回复 2018-03-09

基于jquery实现的图片渐变轮播图

发表于 2018-02-14 最后回复 2018-03-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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