- 博客(28)
- 资源 (2)
- 收藏
- 关注
原创 9102年了 还没学会前端自动化部署?
前言最早期方式: 前端写好代码之后本地构建, 通过服务器xftp或ftp把文件上传到服务器进行更新使用Git后: 服务器通过git clone的项目, 在项目的根目录执行 git pull origin [branch] 拉去仓库中最新的代码自动化部署: 通过配置WebHook及服务器后: 项目打包完成提交到代码库中, 服务器自动拉去git仓库中最新的代码底层实现...
2019-09-03 17:29:55 300
原创 高性能网站搭建-前端性能优化 (附Vue首屏加载时间优化详细方案)
前言事实上, 只有10%-20%的最终用户响应时间是发在从Web服务器获取HTML文档并传送到浏览器中的。如果希望能够有效地减少页面的响应时间,就必须关注剩余80%-90%的最终用户体验。–Steve Souders在这篇博客中,我根据工作中的实际项目经验和一些测试的经验中总结出了前端页面在性能上优化方案。其中一些经验吸收自《高性能网站建设指南》Steve Souders 著 电子工业...
2019-05-31 21:33:11 2686
原创 【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 543
原创 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 349 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 6563 10
转载 javascript十大经典排序算法 js数据结构与算法
排序算法是《数据结构与算法》中最基本的算法之一排序算法中的复杂度与稳定性如下图所示:1.冒泡排序冒泡排序(Bubble Sort)也是一种简单直观的排序算法。它重复地走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端...
2018-10-02 20:09:55 419
原创 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 206
原创 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 8623
原创 高性能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 642
原创 php gd库写一个简单的验证码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>images</title></head><body> <?php // 执行函
2018-06-14 09:27:34 331
原创 php连接数据库mysql
php连接mysql数据库,'天龙八部曲':------------------------------------------第一小节--------------------------------------------- 1. $con = mysqli_connect('localhost','root','123456'); 连接数据库 2. if(!$con){ech...
2018-06-05 20:53:49 347
原创 mysql修改密码 忘记密码不登陆修改密码
可以进入数据库的情况下:登录数据库: 命令行输入 mysql -u root进入数据库中: mysql> SET PASSWORD FOR 'root'@'localhost' = PASSWORD('newpassword'); 忘记密码进不去数据库: 1.停止Mysql服务:/etc/init.d/mysql stop 2.跳过验证:...
2018-06-03 18:59:12 913
原创 前端设置用户设置,获取,清空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 11019
原创 微信小程序不在以下request 合法域名列表中解决方案
第一步:打开微信公众平台:https://mp.weixin.qq.com/第二步:登录之后->设置->开发设置1.2.注意:因为微信团队在开发MINA框架对request进行了安全处理,后台链接必须是https协议。合法域名修改一个月内可申请5次修改。微信小程序开发文档:https://developers.weixin.qq.com/min...
2018-05-21 10:45:50 13863
原创 原生javascript实现图片懒加载
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style>div{width: 300px;height: 300px;margin-bottom: 20px
2018-04-14 11:45:42 265
原创 前端动画开源库animate.css
ad. 张京项目展示地址&个人网站:https://www.zj1024.comAnimate.css 1.简介:一个跨浏览器的 css3 动画库,内置了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)、放大缩小(等多达 60 多种动画效果,几乎包含了所有...
2018-04-13 21:28:11 3399
原创 纯css3自定义网页滚动条,浏览器统一scroll滚动条
支持-webkit-前缀的浏览器,滚动栏有五个css修饰:整体部分, ::-webkit-scrollbar两端按钮, ::-webkit-scrollbar-button外层轨道, ::-webkit-scrollbar-track内层轨道, ::-webkit-scrollbar-track-piece滚动滑块, ::-webkit-scrol...
2018-03-30 11:19:35 1335
原创 seajs引入jquery无法使用问题解决方案
seajs属于国产产品归类于CMD,jQuery对于seajs并不支持但是国内使用seajs作为模块化开发组件使用较多引入jquery使用时在Network中可以请求到但并未渲染原因就是在jquery库最后暴露全局中没有对seajs支持对AMD中的requirejs支持,我们需要手动修改jquery源码最后一点代码即可在jquery中可以搜索 define.amd 关键字然后复制这段代码一下添加在...
2018-03-15 21:28:13 1185 1
原创 跨站请求数据jsonp手写原生js代码实现
JSONP --来自百度百科JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的<script> 元素是一个例外。利用 <script> 元素的这个开放策...
2018-03-08 21:30:46 3260 5
原创 css利用margin外部尺寸实现等高布局经典案例
我们可能会有一个这样的需求: 两个板块并排排列,分别有内容,当任意一个内容增加总的高度也增加如图所示:我们正常的块状标签排列时候是这样的:通过属性margin设置后:下面直接上代码:html部分:<div class="wrap"> <div class="left"> <h1>内容1</h1> ...
2018-03-08 18:05:31 489
原创 http协议状态码 浏览器报错404not found 403Forbidden 200 500等
页面请求或者加载时候控制台出现报错信息一般为403,404下面列出http协议状态码供大家参考1xx(临时响应)100继续表示临时响应并需要请求者继续执行操作的状态码。请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。101切换协议请求者已要求服务器切换协议,服务器已确认并准备切换。2xx(成功)200成功服务器已成功处理了请求。通常,这表示服务器提供了请求的网页...
2018-03-07 18:02:49 1552
原创 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 219
原创 html单行元素居中显示,多行元素居左显示
有很多的业务需要元素或者文字如果单行,居中显示,如果数据增多,居中显示代码(直接复制到编辑器可用):<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>单行居中,多行居左显示</title><styl
2018-02-22 23:55:20 1657
原创 html中inline-block出现缝隙间距的解决方案
不同浏览器之间的间隔距离是不一样的,亲测有下面4中情况浏览器缝隙大小(PX)备注Firefox4 Chrome5IE4qq,360,搜狗等浏览器8 html显示:出现这个问题的原因就是:1.代码部分标签之间出现空格像这样:<div> <a href=""></a><!-- 这些都是缝隙 --> <a href="">
2018-02-17 11:24:21 661
原创 清除浮动最简单的两种方式
总结一下,使用float的话,需要清除浮动的两种简单方式:1.通过伪元素<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>清除浮动常用简单的两种方式</title><style>.b
2018-02-14 19:09:33 652
原创 jquery判断鼠标移入移出
判断鼠标移入移出方向来实现很赞的效果,百度图片搜索列表中就使用了该效果下面直接上代码:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>一只京大-鼠标移入移出案例</title> <scrip...
2018-02-08 18:15:20 1610
原创 原生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 1751 2
HTML-CSS-JS Prettify
2018-04-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人