2017年07月_Generon

原创 SEO:前端SEO优化技巧

一、搜索引擎工作原理二、SEO简介三、前端SEO　　(1)网站结构布局优化：尽量简单、开门见山，提倡扁平化结构。　　(2)网页代码优化[html] view plain copy print?p> 　　第一行文字内容br/> 第二行文字内容br/> 第三行文字内容

2017-07-31 09:57:23 1074

原创 SEO:SEO优化总结

通过对网站的优化使你的网站对搜索引擎更加的友好，在使用Google的时候，你的搜索的排名会更加的靠前。从各个角度把你的网站做强，SEO是网络营销的一部分，很大意义上来说，SEO是思想跟技术的结合，大家在搜索的时候，80%的人会只看第一页，从这可以看出来SEO的重要性，网站的流量主要是来自搜索擎。PageRank(PR)SEM搜索引擎营销搜索引擎推广的基本思想是让

2017-07-31 09:52:08 1968

原创 SEO:网站常用的五点URL优化方法

在我们做网站的时候，URL的优化也是很大的作用，这个可以给我们的网站优化起基础的作用。小编就告诉大家五个URL的优化点。　　方法/步骤一：URL尽量使用静态化处理　　现在的网站绝大多数是使用数据库进行驱动的，页面是由程序实时生成，而不是真的在服务器上有一个静态HTML文件存在。当用户访问一个网址时，程序根据UR

2017-07-31 09:45:36 1679

原创 require开发：require入门及实例分析

从事前端开发工作的大概都有所耳闻 requireJS 这个框架，以前都是使用而已没时间写一些记录，今天有空就写一下，顺便写个例子；什么是 requireJS ？ requireJS 是用JavaScript编写的js框架，主要功能是可以按不同的先后依赖关系对 javascript 等文件的进行加载工作，可简单理解为JS文件的加载器，它非常适合在浏览器中使用，它可以确保所依赖的J

2017-07-26 10:01:41 1828 1

原创 H5开发：调用高德地图api实现H5定位功能

关于定位，分为GPS定位和网络定位。本文将详细描述的浏览器定位，属于网络定位。这是一种通过使用高德JS-API来实现位置定位、城市定位的方法，包含了IP定位，检索等多种网络定位方式。如果您的手机支持GPS功能，能够自动获取GPS信息，定位将更加准确。浏览器定位浏览器定位插件，封装了标准的HTML5定位，并含纠正模块，同时该定位方式仅适用于支持HTML5的浏览器上，如Internet

2017-07-25 14:29:36 28084 1

原创 H5开发：H5如何设置head头部与做到咯浏览器适配

meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码 name="format-detect

2017-07-25 14:17:35 10900

原创 jquery开发：jquery插件编写

如今做web开发，jquery 几乎是必不可少的，就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了，用过的都知道。今天我们来讨论下jquery的插件机制，jquery有着成千上万的第三方插件，有时我们写好了一个独立的功能，也想将其与jquery结合起来，可以用jquery链式调用，这就要扩展jquery，写成插件形式了，如下面就

2017-07-21 17:46:07 415

原创 javascript开发：javascript创建对象方法总结

1.对象字面量。复制代码代码如下:var clock={ hour:12, minute:10, second:10, showTime:function(){ alert(this.hour+":"+this.minute+":"+this.second); } } clock.showTime();//调用 2.创建Object

2017-07-21 16:47:26 473

原创 ajax开发：ajax页面加载与删除

html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>h2>ajax实现页面加载和内容删除h2>table cellpadding="0" cellspacing="0" border="1" width="100%"> tr> td>水果名称td> td>水

2017-07-21 13:41:28 524

原创 ajax开发：分页查询功能

html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>无标题文档title> link

2017-07-21 11:45:19 563

原创 ajax开发：ajax三级省市区联动

本文实例为大家分享了ajax三级联动展示的具体代码，供大家参考，具体内容如下1. test.php?1234567891011scriptsrc="../jquery-1.11.2.min.js">script>script

2017-07-21 10:44:32 457

原创 node.js开发：node升级

一使用brew升级node 1 解释 homebrew 可以理解成osx的软件管理工具，粗俗点说就是mac界的qq软件助手之类的东西。所以通过brew，安装什么chrome浏览器啊、atom编辑器之类的可视化工具也是可以的哦。npm 是Node.js界的程序/模块管理工具，也就是说npm只管理那些服务于JavaScript社区的程序。而且跨平台，windows和osx，以

2017-07-20 16:50:43 560

原创 node.js开发：在windows环境下安装node与环境配置

一、安装环境1、本机系统：Windows 10 Pro（64位）2、Node.js：v6.9.2LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务端的

2017-07-20 09:57:31 407

原创 H5开发：JS自动识别移动端和PC端,分配二级域名

使用方法：将下面代码放入你需要识别页面的hade标签前面，然后将下面的http://m.google.com 修改为您的手机版站点的地址！代码使用方法：将http://m.google.com/修改为你页面跳转结果页地址，所以如果不仅仅是首页需要跳转那么其他每个页面都需要程序获取比如当前页面为http://yijile.com/log/239.html那么我就要设置为http://m.yiji

2017-07-18 17:30:16 3327

原创 jquery开发：jQuery实现当按下回车键时绑定点击事件

当按下回车键时，绑定按钮点击事件代码如下，通过检测按下的键值，回车键keycode为13，判断是否是回车键，然后完成相应的方法。复制代码代码如下: $(function(){ $(document).keydown(function(event){ if(event.keyCode==13){ $("#mouse").click(); } });

2017-07-18 11:21:59 516

原创 javascript开发：js封装简单实例

ECMAScript6已经支持了class，但之前版本都不支持类，但是可以通过一些方法来模拟类。js中的类，既是重点，也是难点，很多时候都感觉模棱两可。首先强调一下js中很重要的3个知识点：this、prototype、constructor。下面我们来总结一下定义(模拟)类的几种方法：1.工厂模式?123

2017-07-17 17:18:39 1555

原创 javascript开发：javascript创建对象的几种方式总结

第一种模式：工厂方式复制代码代码如下:var lev=function(){ return "脚本之家"; }; function Parent(){ var Child = new Object(); Child.name="脚本"; Child.age="4"; Child.lev=lev; return Child; }; v

2017-07-17 10:51:18 408

原创 gulp开发：gulp入门

Gulp构建前端自动化工作流Gulp构建前端自动化工作流之：常用插件介绍及使用在对Gulp有了一个初步的了解之后，我们开始构建一个较为完整的Gulp开发环境。本文主要分为6个段落：1. 构建项目目录结构（Directory Structure Build）2. 插件介绍及使用方法（Tasks and dependencies）3. 扩展优化（Extend & Opt

2017-07-17 10:11:29 591

原创 javascript开发：javascript面向对象、创建对象总结

开始创建对象：　1.对象字面量。复制代码代码如下:var clock={ hour:12, minute:10, second:10, showTime:function(){ alert(this.hour+":"+this.minute+":"+this.second); } } clock.showTime();//调用

2017-07-14 16:47:15 445

原创 Gulp开发：Gulp自动添加版本号

推荐使用gulp-rev + gulp-rev-collector是比较方便的方法，结果如下:"/css/style.css" => "/dist/css/style-1d87bebe.css" "/js/script1.js" => "/dist/script1-61e0be79.js" "cdn/image.gif" => "//cdn8.example.dot/img/

2017-07-14 13:36:30 515

原创 node开发：windows环境下npm Cannot find module 'semver'

一、环境说明电脑系统：window7问题：电脑装了node.js，之前使用的cygwin装的。node -v可以查看node的版本，但是npm intsall 报错。使用npm -v 出现同样的错误：module.js:487 throw err; ^Error: Cannot find module 'semv

2017-07-14 13:34:02 5351 3

原创 vue开发:vue目录结构

作者：阿安链接：https://www.zhihu.com/question/38213423/answer/128155176来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。目录结构 ├── index.html 入口页面 ├── build

2017-07-13 10:52:28 2772 1

原创 vue开发：vue开发中疑惑点解答

前言Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。最近终于有时间空下来，所以想着把在使用vue过程遇到的一些问题疑惑总结处理，方便自己或者有需要的朋友们参考，下面话不多说了，来看看详细的介绍吧。一、计算缓存comp

2017-07-13 10:41:57 696

原创 vue开发：vue2.0开发中常见问题

Vue目前的开发模式主要有两种1.直接页面级的开发，script直接引入Vue2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了,webpack可以进行配置，配置多文件入口，进行多页面开发对于第二种开发方式,结合webpack打包完文件会很大,怎么解决这个问题?1.webpack代码拆分：code-spliting

2017-07-13 10:39:00 1772

原创 ajax开发：jqueryajax+php的登录与退出功能实现

用户登录与退出功能应用在很多地方，而在有些项目中，我们需要使用Ajax方式进行登录，登录成功后只刷新页面局部，从而提升了用户体验度。本文将使用PHP和jQuery来实现登录和退出功能。准备数据库本例我们使用Mysql数据库，创建一张user表，表结构如下：?12345678

2017-07-13 10:01:40 1315

原创 vue开发:vue父子组件与非父子组件之间的通信

之前关于vue.js2.0父组件的一点学习，最近需要回顾，就顺便发到随笔上了?12345678910111213141516171819202122232425

2017-07-13 09:57:19 1409

原创 ajax开发：ajax请求后台时在请求标头RequestHeader加token

情景：为了保证系统数据的安全性，一般前后台之间的数据访问会有授权与验证，这里的Token机制相对于Cookie支持跨域访问，在RESTful API里面，验证一般可以使用POST请求来通过验证，使服务端发送带有token的响应。或者，使用GET请求，这需要参数提供凭证（指URL），或者请求头里带有token。此处为上述的第二种方法：在ajax请求的标头中加Token1 var st

2017-07-12 13:20:16 918

原创 vue开发：vue实现百度搜索下拉提示功能

这段代码用到vuejs和vue-resouece。实现对接智能提示接口，并通过上下键选择提示项，按enter进行搜索DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle> script type="text/javascript" src="vue.js">script>

2017-07-12 10:01:49 2833

原创 vue开发：vue2.0父子组件及非父子组件之间的通信方法

1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现父组件：?12345678 <child :child-msg="msg">//这里必须要用 - 代替驼峰data(){ return

2017-07-12 09:39:14 810

原创 vue开发：Vue 非父子组件通信方法（非Vuex）

一提到两个非父子组件通信方法，有经验的 coder 肯定会说用 Vuex 啊，我个人建议不要为了用 Vuex 而用 Vuex，除非你的项目很大，耦合度很高，需要大量的储存一些 data，组件之间通信频繁。当然还是要根据自己的业务场景的来决定，总之还是那句话，不要为了用 Vuex 而用 Vuex！Vue 官网介绍了非父子组件通信方法：不过官网说的太简单了，新手看完估计还是

2017-07-12 09:20:50 892

原创 require开发：requirejs教程(二)

JS模块化工具requirejs教程(二)：基本知识分类编程技术前一篇：JS模块化工具requirejs教程(一)：初识requirejs 我们以非常简单的方式引入了requirejs，这一篇将讲述一下requirejs中的一些基本知识，包括API使用方式等。基本APIrequire会定义三个变量：define,require,requirejs，其中re

2017-07-11 14:00:26 795

原创 require开发：requirejs教程(一)

JS模块化工具requirejs教程(一)：初识requirejs分类编程技术随着网站功能逐渐丰富，网页中的js也变得越来越复杂和臃肿，原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式，我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规

2017-07-11 13:58:37 456

原创 sea.js开发：快速入门sea.js

Sea.js 手册与文档首页 | 索引目录快速参考seajs.useseajs.configdefinerequirerequire.asyncexportsmodule.exports快速参考该页面列举了 SeaJS 中的常用 API。只要掌握这些方法，就可以娴熟地进行模块化开发。seajs.useseajs.use

2017-07-11 11:30:28 373

原创 require开发：require入门

1、为什么使用require.js作为命名空间；作为命名空间使用；异步加载js，避免阻塞，提高性能；js通过require加载，不必写很多script2、require.js的加载require.js下载下载后，放在指定目录就可以加载了[javascript] view plain copy"js/require.

2017-07-11 11:16:16 510

原创 git管理：github管理神器SourceTree

下载地址:Mac版下载windows版下载由于windows版本的操作和Mac是相似的，所以就以mac版为例。下载之后打开是这样一个界面，里面已经有一个github仓库了，这是我最近在开发的一个app，相关文章在我的页面中,大家可以看看~主界面设置github账号新安装的软件应该是空的，点击设置来添加github账号:

2017-07-11 10:47:10 827

原创 es6开发：总结归纳es6的十大特性

ES6 简介ECMAScript 6 简称 ES6，是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标是使得 javascript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript 和 JavaScript 的关系：前者是后者的语法规格，后者是前者的一种实现Babel：将ES6代码转为ES5代码 http://b

2017-07-10 15:09:23 1087

原创 vue开发：vue调用高德地图

前言：在之前的博客中，有成功引入高德地图，这是以前的地址 vue 调用高德地图。因为一些需求，需要使用到地图的周边功能。完整的项目代码请查看我的github一、先看要实现的结果，参考了链家的周边，如图所示。二、原理分析1、引入高德api，这个在之前的博客提到过，vue 调用高德地图。2、使用地图的周边插件，这是高德网站的api

2017-07-10 14:40:12 13455 1

原创 svn管理：TotoiseSVN的基本使用方法

工欲善其事，必先利其器【Basic Tools】中，我已经讲解了怎样安装TortoiseSVN。在上面的讲解中已经讲了怎么使用VisualSVN Server了，今天我要讲的是，TortoiseSVN的简单使用方法。工具/原料TotoiseSVN方法/步骤1签出源代码

2017-07-10 14:32:49 721

原创 react开发：怎样理顺 React，Flux，Redux？

ReactReact 是一个 View 层的框架，用来渲染视图，它主要做几件事情：组件化利用 props 形成单向的数据流根据 state 的变化来更新 view利用虚拟 DOM 来提升渲染性能前面说到 react 能够根据 state 的变化来更新 view，一般来说引起 state 变化的动作除了来自外部（如服务器），大部分都来自于页面上的用户活

2017-07-10 14:29:17 346

原创 javascript开发:JavaScript 验证码的实例代码

效果如下：复制代码代码如下: .code { background:url(code_bg.jpg); font-family:Arial; font-style:italic; color:bl

2017-07-10 13:56:53 688

空空如也

空空如也