- 博客(203)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 loading - css
<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .loader { bor
2018-08-30 20:31:46
403
转载 如何正确学习Node
0 ：Node.js简介现在，越来越多的科技公司和开发者开始使用 Node.js 开发各种应用。Node.js除了能够辅助大前端开发外，还可以编写Web应用，封装Api，组装RPC服务等，甚至是开发VSCode编辑器一样的PC客户端。和其它技术相比， Node.js 简单易学，性能好、部署容易，能够轻松处理高并发场景下的大量服务器请求。Node.js 周边的生态也非常强大，NPM（Node包管...
2018-08-28 14:30:38
7347
原创 记一次introjs.js开发的quick-start(和网站使用教程、step by step teach)
introJs.js官网api：https://introjs.com/docs/intro/api/ 如果需求是只需要点击next跳到下一步的话，网上有很多代码，也很简单。 效果如图，很多东西可以配置(包括使用键盘操作、退出、step数字等) 简单说下遇到的坑： 1、addSteps([element: ‘#id’]) 这里的#id的元素不能是position为 relat...
2018-08-17 15:31:08
1053
转载 wordpress在nginx服务器设置permalink的时候报404的解决方法--
https://www.cyberciti.biz/faq/how-to-configure-nginx-for-wordpress-permalinks/How to configure Nginx for WordPress permalinks last updated May 27, 2018 in Categories CentOS, Debian / Ubuntu, FreeBS...
2018-07-08 02:57:01
1316
转载 PHP判断来访是搜索引擎蜘蛛还是普通用户的代码小结
1、推荐的一种方法：php判断搜索引擎蜘蛛爬虫还是人为访问代码,摘自Discuz x3.2 $useragent = strtolower(empty($useragent) ? $_SERVER['HTTP_USER_AGENT'] : $useragent); if(strpos($useragent, 'http://') === false && d...
2018-06-29 19:02:05
1090
原创 php - 防止百度蜘蛛，谷歌蜘蛛等搜索引擎蜘蛛爬取内容
有时我们需要给文章加个阅读量统计，为了反映真实的情况，如果是搜索引擎蜘蛛对页面的访问则不统计。HTTP_USER_AGENT是获取用户浏览器信息的一个全局变量,我们可以利用HTTP_USER_AGENT里的信息来判断访问用户是否是搜索引擎蜘蛛。下面例子可以判断：百度蜘蛛、google蜘蛛、搜狗蜘蛛、360蜘蛛、必应搜索引擎蜘蛛等等，还可以自行添加：if(preg_match("/(go...
2018-06-29 18:49:22
2748
转载 网站Logo图片链接HTML代码深藏的SEO技巧-转
原文：http://www.webkaka.com/blog/archives/Logo-image-link-html-for-SEO.html突然发现，一个普通不过的网站Logo的链接，却隐藏着令人感叹的SEO技术。 网站Logo位，有的网站选择放置形象图片，有的网站比较简单，只写个网站关键词。而不管是放图片还是放文字，都会带上一个连到主页的链接。 正常情况下的HTML代码应该...
2018-06-29 17:19:10
2311
1
转载 在 Ubuntu 16.04上安装 Nginx, MySQL, PHP (LEMP)
原文链接https://www.atlantic.net/community/howto/install-lemp-stack-on-ubuntu-16-04/ https://blog.csdn.net/shihongliang1993/article/details/51836262完全卸载apache2sudo apt updatesudo apt upgradesudo ...
2018-06-24 00:13:26
260
原创 阿里云ESC云服务器添加nginx的坑
1.购买完服务器之后putty进入Ubuntu系统.apt update使用的时候直接用apt install nginx会报错,apt版本问题把;2.使用命令安装nginxapt install nginx3.到etc/nginx目录设置nginx.conf文件配置cd /etc/nginxvi nginx配置如下:user www www;wor...
2018-06-23 17:04:45
1604
原创 facebook分享，看不到图片的坑
https://stackoverflow.com/questions/1138460/how-does-facebook-sharer-select-images-and-other-metadata-when-sharing-my-url在其中看到一条关键的：图片要使用绝对路径；换成绝对路径之后，有部分商品分享了可以看到图片，有的还是看不到，不知道什么鬼，还在研究中。。。。...
2018-06-06 11:32:27
7531
转载 关于facebook分享不能显示图片链接问题
最近做项目facebook的分享问题一直有bug，分享出去一直是这样的：由于项目是外包出去的，看不到代码，开发人员说集成的是第三方分享，陆陆续续解决了一个多月，我让他们换成facbook原生的sdk试了还是不行，最后竟然说是我申请facebook平台的时候配置有问题~~~最终还是要亲自出马，查了各种文件之后，定位到了问题，facebook官方是这样说的 后来发现了这行代码<...
2018-06-05 17:29:56
4594
转载 for var let闭包理解
let、 var、 setTimeout，一点思考。for(var i = 0; i < 10; i++){ setTimeout(function(){ console.log(i); },100);}1 2 3 4 5 结果是很显而易见的，10次都是10，在面试前端的闭包知识时候很常见。 用上let之后，for(let ...
2018-06-04 14:50:24
346
原创 web前端开发规范
Isobar前端代码规范 及 最佳实践 https://github.com/Aaaaaashu/Guide https://juejin.im/post/592d4a5b0ce463006b43b6da
2018-05-24 12:29:27
149
转载 Jquery 点击图片在弹出层显示大图
使用jquery， 实现点击图片在弹出层显示大图，再次点击关闭，加入图片高宽和窗口高宽的大小判断。<div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;"><div id=...
2018-05-23 20:06:59
360
原创 jquery validate使用方法-纯属记录
validate是jQuery用了验证表单的插件，使用法法如下：<script src="jquery.min.js"></script><script src="jquery.validate.min.js"></script><script src="messages_en.js></scr
2018-05-18 10:40:15
392
转载 【jQuery 区别】.click()和$(document).on("click","指定的元素",function(){});的区别
//绑定 下一页 的点击事件 $("a[aria-label='Next']").click(function(){ $("a[aria-label='Previous']").show(); if(page.pageNo == page.totalPage - 1){ ...
2018-04-28 19:49:17
248
转载 这15种CSS居中的方式，你都用过哪几种？
原文出处：http://igeekbar.com/igeekbar/post/1068.htm CSS居中是前端工程师经常要面对的问题，也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下，目前包括水平居中，垂直居中及水平垂直居中方案共15种。如有漏掉的，还会陆续的补充进来，算做是一个备忘录吧。css居中1水平居中 1.1 内联元素水平居中 利用 text-align: ce...
2018-04-02 17:41:36
183
原创 简单但易错的onclick-报错
Uncaught TypeError: Cannot set property 'onclick' of null;一句话“确保click事件的dom节点渲染先于JS执行！”解决。自己写的一段原生JS的click事件，JS代码是写在首页的<script type="text/javascript"> var all_features = document.g...
2018-03-30 11:33:56
1025
原创 使用Node连接Mysql数据库
使用Node做Web页面开发，基本上是连接非关系型数据库mongodb，而这里我还是先尝试连接了一下mysql数据库，因为相对于mysql来说mongodb过于生疏，想着快速出来页面，所以选择相对熟悉一些的mysql。安装mysql下载MySQL :MySQL Downloads，并进行安装。安装完，会引导你对数据库进行配置，设置root密码以及创建普通用户以及密码。安装Node...
2018-03-29 12:22:46
396
转载 Node.js创建数据库连接池。
在开发项目时，建立一个数据库连接所消耗的性能成本是比较高的，如果为每一个接收到的客户端请求都建立一个或者多个数据库连接，将会严重降低应用程序的性能，因此，通常需要为多个数据库连接创建并维护一个连接池，当连接不再需要使用时，这些连接可以缓存在连接池中，当接收到下一个客户端请求时，可以从连接池中取出连接并重新利用，而不需要再重新建立数据库连接在mysql模块中，使用createPool方法创建连接...
2018-03-29 11:51:43
1805
1
原创 wordpress XAMPP建立局域网（替换localhost为本地IP）
最近做wordpress项目，需要给团队在局域网看效果。 本地用的是XAMPP搭建的服务器； 需要替换localhost为本地IP； 打开phpmyadmin，修改wp-options,修改siteurl和home两个字段的localhost为本机IP...
2018-03-12 18:37:05
2476
转载 网络现状：性能提升指南
转自： https://mp.weixin.qq.com/s/dQaEHCcwUvLuvWHcQicYxA互联网正在爆发式地增长，我们创建的 Web 平台也是如此。我们通常都没有考虑到用户网络的连通性和使用情景。即使是万维网现状的一瞥，也可以看出我们还没有建立起同理心和对形势变化的认知，更不用说对性能的考虑了。那么，现今的网络状况是怎样的呢？地球上 74 亿人口中，只有 46% 的人能...
2018-03-09 11:40:47
368
转载 Avada v5.0.6 最新版本破解教程
Avada众所周知非常完美的一款响应式企业网站建设神器，兼容与速度俱佳。所以我们也一直力推，而且我们不少企业项目也是基于Avada构建。为了方便开发者快速使用Avada汉化优化版本直接投入到项目中，您可以从这边检索到Avada v5.0.6 响应式企业外贸建站神器更新的相关信息。如果是企业项目用途，建议直接使用优化版本即可。本篇我们只要讲述Avada v5.0.6 最新版本如何破解，方便
2018-01-31 18:11:00
1830
转载 wordpress之php.ini修改php上传文件大小限制的方法详解
打开php.ini，首先找到 file_uploads = on ;是否允许通过HTTP上传文件的开关。默认为ON即是开 upload_tmp_dir ;文件上传至服务器上存储临时文件的地方，如果没指定就会用系统默认的临时文件夹 upload_max_filesize = 8m ;望文生意，即允许上传文件大小的最大值。默认为2M post_max_size = 8m ;指通过表单POST给
2018-01-30 14:40:45
4306
转载 wordpress源码解析-目录结构-文件调用关系（转）
Wordpress是一个单入口的文件，所有的前端处理都必须经过index.php,这是通过修改web服务器的rewrite规则来实现的。这种做法的好处是显而易见的，这样URL更好看，不必为每一个url新建一个文件。我们看看wp大致的文件调用是什么样子的。 wordpress可以分为3个阶段，一是初始化阶段，即初始化常量、环境、加载核心文件等等；二是内容处理阶段，即根据用户的请求调用相关函
2018-01-26 11:37:13
2113
转载 Wordpress安装教程：使用XAMPP本地安装Wordpress博客
Wordpress安装教程：相信大家对于WordPress博客不会太陌生，但是你知道怎么让Wordpress博客本地安装吗？下面绿茶小编教大家使用XAMPP搭建Wordpress博客，有兴趣的朋友可以参考下哦！Wordpress博客本地安装教程： 1、首先你需要下载并安装XAMPP，在安装的时候不需要注意太多的东西，唯一需要稍微留意一下的是XAMPP的安装路径，请更改为你熟悉的路径，否则
2018-01-23 20:11:55
951
1
转载 浏览器工作原理详解
原文：http://blog.csdn.net/dangnian/article/details/50876241这篇文章是以色列开发人员塔利·加希尔的研究成果。她在查阅了所有公开发布的关于浏览器内部机制的数据，并花了很多时间来研读网络浏览器的源代码。她写道：在 IE 占据 90%市场份额的年代，我们除了把浏览器当成一个“黑箱”，什么也做不了。但是现在，开放源代码的浏览器拥有了过半的市场份
2018-01-19 10:28:10
221
转载 雅虎网站页面性能优化的34条黄金守则
转自：http://www.cnblogs.com/li0803/archive/2009/09/20/1570581.html雅虎团队经验：网站页面性能优化的34条黄金守则1、尽量减少HTTP请求次数 终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。
2018-01-18 14:26:39
301
转载 关于z-index的总结
z-index的作用 很多时候需要把一个元素覆盖到另一个元素之上，比如登入弹出框等，这个时候就需要z-index属性出场了。所以呢，z-index就是调节层的显示优先级，决定哪个显示在最上方。作用范围就是Positioned element，比如绝对定位，相对定位，固定定位。 层叠上下文（The stacking context）中的z-index 先看下面的关系图：这是效果：我们会
2018-01-16 10:28:39
454
原创 chrome-extension开发-页面出现多个插件UI
最近开发了一个amazon相关的插件，我是把插件UI固定定位放到了每个页面的最下面。 最开始用的是(“html:first”).append(extensionHtml).append(hotjat).append(hotjarstyle);然后遇到了有iframe的页面就会出现多个插件UI。然后改为了window.top.(“html:first”).append(extensionHtml)
2018-01-15 11:25:08
662
原创 event.preventDefault()不起作用的坑（含JS复制选取的文本代码）
原因：JS 放到了DOM之前。调换一下就能阻止了<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Task List</title></head><body><script src="jquery-3.2.1.min.js"></script
2017-12-29 18:44:27
10094
1
转载 Chrome 扩展开发教程(3)——content_scripts用法
原文：http://www.dahouduan.com/2017/08/15/chrome-extension-content-scripts/ 前面两章我们介绍了弹窗 popup 和 background的用法 这篇来介绍下 conent_scripts 的用法。Content_scripts 简介假如你想把访问到的页面里的图片都加上好看的边框你该怎么做？用目前学习的东西，你是无法实现这个功能
2017-12-14 18:41:06
14010
1
转载 Chrome Extension 中的 CSP（Content Security Policy） 开发小记
Chrome Extension CSP 开发小记标签（空格分隔）： chrome-extension web开发 CSP在进行Chrome拓展程序开发的时候，我们经常会遇到需要加载第三方库的情况，常见的如Jquery/Bootstrap库等,然而Chrome Extension的开发与一般网页不同，当我们在页面中加入如下代码时<script src="https://code.jquery.com
2017-12-14 14:55:29
13082
2
转载 Chrome浏览器扩展开发系列之三：Google Chrome浏览器扩展的架构
1) 不可视的background页面Google Chrome扩展往往包含一个不可见的background页面，Google Chrome扩展的主要业务逻辑都位于此。有两种类型的background 页面，一种是persistent background pages，另一种是event pages。Persistent background pages持续运行，随时可访问。而Event pages
2017-12-13 19:09:57
382
转载 Chrome浏览器扩展开发系列之二：Google Chrome浏览器扩展的调试
1) 查看扩展程序的详细信息和ID通过Chrome 浏览器的“ 工具->更多工具->扩展程序”，打开chrome://extensions页面，选中右上角的“开发者模式”，可以查看扩展程序的详细信息（如名称、概述、占用空间大小、版本和权限等）和ID。2) 查看扩展程序的popup页面通过Chrome 浏览器的“工具 ->更多工具->扩展程序”，打开chrome://extensi
2017-12-13 18:48:31
2279
转载 Chrome浏览器扩展开发系列之一：初识Google Chrome扩展
Google Chrome扩展简介Google Chrome扩展是一种软件，以增强Chrome浏览器的功能。Google Chrome扩展使用HTML、JavaScript、CSS和图片等Web技术开发。Google Chrome扩展与Google Chrome插件不同。Google Chrome扩展无需了解浏览器的源代码，而Google Chrome插件是更底层的浏览器功能扩展，需要深入掌握浏览
2017-12-13 18:26:18
1078
wendu.ajaxhook.min
2017-12-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人