小平果118-CSDN博客

原创校招季--献给前端求职路上的你们（个人面试经历分享）

从今年找实习以来，页面时了不少公司，包括tab,zhu场和zhu场游戏部门，整体感觉是，t的面试过程，整体感觉最轻松，聊天式，a的面试内容会稍微比较新一点，目前比较新的东西，要适当了解，有时间可以自己用一用。b的问题问的稍微深一点，zhu场的整体感觉相对稍微简单一点，但是zhu场游戏要求的还是比较多，不仅仅是前端，数据库，服务器这些也是要了解的哦。下面我就不指名是哪个公司了，面试的内容有交叉，有一部

2016-07-24 10:18:40 6757 2

原创校招季--献给前端求职路上的你们（H5+C3）

HTML5部分1、新的表单元素： (1)color颜色选取 (2)增强的表单：Number有min,max Email:邮件，时间控件Time，progress进度条。新增属性：placeholder，autofocus2、新的语义化标签 header,footer,artice,aside ,nav，audio,vedio不是以前每个都用div套div这样没有语义的混乱，页面的每个布

2016-07-24 09:43:10 4523

原创 Mysql中where 1=1 和count(0) 使用小技巧

1. 数据库语句 where 1=1 的用法和作用这是一种怎样的查询语句呢？首先说明，1=1不是查询语句中的任何关键词，所以，请您放心，不管你会不会使用这种语句，都没有任何关系，对于您而言，没有任何损失。另外，众多网站都有select * from table where 1=1此类语句的介绍，并且，针对该类语句，讲得实在是让人越看越迷茫(一个抄袭一个的，简直不像话)，不知道是在说什么，导致很多新

2016-07-20 01:08:12 14535 5

原创 CSS3学习笔记---响应式布局初略

响应式布局1、媒体查询，根据不同的终端来调用对应的样式。其中Screen、All和Print为最常见的三种媒体类型。Handheld虽然是手持设备，但是iphone,平板这些都是screen设备。用法： <style type="text/css"> @media screen{ 选择器{/*你的样式代码写在这里…*/} } </style>2、

2016-07-19 00:44:37 3519

原创超实用的JavaScript代码段 Item7 -- “&&”和“||”操作符总结

1、||（逻辑或）,从字面上来说，只有前后都是false的时候才返回false，否则返回true。alert(true||false); // truealert(false||true); // truealert(true||true); // truealert(false||false); // false这个傻子都知道~~ 但是，从深层意义上来说的话

2016-07-18 01:09:41 5375 1

原创你不知道的jQuery Item11 -- ajax jsonp跨域方法详解

文章从JSON和JSONP区别开始讲起，用实例来对比他们之间的不同之处，然后详细讲解了jQuery中的ajax jsonp的使用并给出了示例及详细参数说明。1.JSON和JSONP　　JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，用于在浏览器和服务器之间交换信息。　　JSONP(JSON With Padding)，就是打包在函数调用中的的JSON（或者

2016-07-17 21:40:21 5900

原创 Navicat for MySQL使用详解及复杂查询

1.navicat使用navicat我觉得做程序的基本上都会用，它方便，快捷，直观等，优点很多，这也是我写这篇文章的原因。以前我基本上都是用phpmyadmin，也挺好用，不过也有不少缺点，比如数据库备份文件太大，根本没法用导入，多数据库服务器管理，还要去配置phpmyadmin，其实挺不爽的。navicat对于刚用的人来说，其实也不是很方便，但是用熟就不一样了。下面就如何结合快捷键的方式，让nav

2016-07-17 11:53:54 21268 1

原创 webpack快速入门和实战

webpack是什么Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。这张图基本上解释了webpack是用来干嘛的，将一些相互依赖的模块(文件)，打包成一个或多个js文件，减少http请求次数，提升性能。这些相互依赖的模块可以是图片、字体、coffee文件、样式文件、less文件等。1、安装先安装install node.js

2016-07-16 18:01:32 6795

原创 angularjs 事件广播（分发）与事件监听

使用angularjs，发现controller间的值传递，比较麻烦的，以后几篇文章会陆续说几种方法。一，angularjs $broadcast $emit $on的处理思想在一个controller里面通过事件触发一个方法，在方法里面通过$broadcast或$emit来定义一个变量，在父，子controller里面通过$on来获取。二，实例说明angularjs $broadcast $emi

2016-07-13 00:35:19 7761

转载 Vue.js学习 Item16 – 各种Web流行MV*框架对比

Angular选择 Vue 而不选择 Angular，有下面几个原因，当然不是对每个人都适合：在 API 与设计两方面上 Vue.js 都比 Angular 简单得多，因此你可以快速地掌握它的全部特性并投入开发。Vue.js 是一个更加灵活开放的解决方案。它允许你以希望的方式组织应用程序，而不是任何时候都必须遵循 Angular 制定的规则。它仅仅是一个视图层，所以你可以将它嵌入一个现有页面而不

2016-07-12 00:15:12 3227

转载 Vue.js学习 Item15 – 构建大型web应用

新：使用脚手架工具 vue-cli 可以快速地构建项目：单文件 Vue 组件，热加载，保存时检查代码，单元测试等。Vue.js 的设计思想是专注与灵活——它只是一个界面库，不强制使用哪个架构。它能很好地与已有项目整合，不过对于经验欠缺的开发者，从头开始构建大型应用可能是一个挑战。Vue.js 生态系统提供了一系列的工具与库，用于构建大型单页应用。这些部分会感觉开始更像一个『框架』，但是它们本质上

2016-07-12 00:11:59 4177

转载 Vue.js学习 Item14 – 过滤器与自定义过滤器

基础类似于自定义指令，可以用全局方法 Vue.filter() 注册一个自定义过滤器，它接收两个参数：过滤器 ID 和过滤器函数。过滤器函数以值为参数，返回转换后的值：Vue.filter('reverse', function (value) { return value.split('').reverse().join('')})<span

2016-07-12 00:06:41 4388 1

转载 Vue.js学习 Item13 – 指令系统与自定义指令

基础除了内置指令，Vue.js 也允许注册自定义指令。自定义指令提供一种机制将数据的变化映射为 DOM 行为。可以用 Vue.directive(id, definition) 方法注册一个全局自定义指令，它接收两个参数指令 ID 与定义对象。也可以用组件的 directives 选项注册一个局部自定义指令。钩子函数定义对象可以提供几个钩子函数（都是可选的）：bind：只调用一次，在指令第一次绑定

2016-07-12 00:03:28 3524 1

转载 Vue.js学习 Item12 – 内部响应式原理探究

深入响应式原理大部分的基础内容我们已经讲到了，现在讲点底层内容。Vue.js 最显著的一个功能是响应系统 —— 模型只是普通对象，修改它则更新视图。这让状态管理非常简单且直观，不过理解它的原理也很重要，可以避免一些常见问题。下面我们开始深挖 Vue.js 响应系统的底层细节。如何追踪变化把一个普通对象传给 Vue 实例作为它的 data 选项，Vue.js 将遍历它的属性，用 Object.defi

2016-07-11 23:59:10 2929

转载 Vue.js学习 Item11 – 组件与组件间的通信

什么是组件？组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。使用组件注册之前说过，我们可以用 Vue.extend() 创建一个组件构造器：var MyComponent = Vue.exten

2016-07-11 23:52:44 3453

转载 Vue.js学习 Item10 – 过渡与动画

通过 Vue.js 的过渡系统，可以在元素从 DOM 中插入或移除时自动应用过渡效果。Vue.js 会在适当的时机为你触发 CSS 过渡或动画，你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。为了应用过渡效果，需要在目标元素上使用 transition 特性：<div v-if="show" transition="my-transition"></div>

2016-07-11 23:35:30 4790

原创超实用的JavaScript代码段 Item6 -- 对Json的增删改属性

使用JS对Json数据的处理，项目遇到需要对Json数据进行相关操作，比如增删改操作，本以为会比较难，网上搜索下，发现还是比较简单的，贴一段代码：<script type="text/javascript"> var json = { "age":24, "name":"cst" }; //修改Json中

2016-07-11 23:12:51 3083

原创 mysql学习笔记之连接查询与子查询

mysql连接查询与子查询1.子查询是指在另一个查询语句中的SELECT子句。例句： SELECT * FROM t1 WHERE column1 = (SELECT column1 FROM t2);其中，SELECT * FROM t1 ...称为Outer Query[外查询](或者Outer Statement),SELECT column1 FROM t2 称为Sub Query[子查询

2016-07-11 21:07:19 5068

转载 Vue.js学习 Item9 – 表单控件绑定

—title:Vue.js学习 Item9 – 表单控件绑定—基础用法可以用 v-model 指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。尽管有点神奇，v-model 不过是语法糖，在用户输入事件中更新数据，以及特别处理一些极端例子。Text<span>Message is: {{ message }}</span><br><input type="text

2016-07-11 00:02:25 2508

转载 Vue.js学习 Item8 -- 方法与事件处理器

方法处理器可以用 v-on 指令监听 DOM 事件：<div id="example"> <button v-on:click="greet">Greet</button></div>我们绑定了一个单击事件处理器到一个方法 `greet`。下面在 Vue 实例中定义这个方法：var vm = new Vue({ el: '#example', data: { name: 'V

2016-07-08 00:29:23 2803

转载 Vue.js学习 Item7 -- 条件渲染与列表渲染

v-if在字符串模板中，如 Handlebars，我们得像这样写一个条件块：{{#if ok}} <h1>Yes</h1>{{/if}}在 Vue.js，我们使用 v-if 指令实现同样的功能：<h1 v-if="ok">Yes</h1>也可以用 v-else 添加一个 “else” 块：<h1 v-if="ok">Yes</h1><h1 v-e

2016-07-08 00:10:45 4604

转载 Vue.js学习 Item6 -- Class 与样式绑定

数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是 attribute，我们可以用 v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 v-bind 用于 class 和 style 时，Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。绑定 HTML Class尽管可以用 Mustache 标签绑定

2016-07-08 00:03:01 3544

转载 Vue.js学习 Item5 -- 计算属性computed与$watch

在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑，应当使用**计算属性**。基础例子<div id="example"> a={{ a }}, b={{ b }}</div>var vm = new Vue({ el

2016-07-07 23:58:54 13481

转载 Vue.js学习 Item4 -- 数据双向绑定

Vue.js 的模板是基于 DOM 实现的。这意味着所有的 Vue.js 模板都是可解析的有效的 HTML，且通过一些特殊的特性做了增强。Vue 模板因而从根本上不同于基于字符串的模板，请记住这点。插值文本数据绑定最基础的形式是文本插值，使用 “Mustache” 语法（双大括号）：<span>Message: {{ msg }}</span>Mustache 标签会被相应数据对象的 msg 属性的

2016-07-07 23:55:19 3037

转载 Vue.js学习 Item3 -- 构造器与生命周期

构造器每个 Vue.js 应用的起步都是通过构造函数 Vue 创建一个 Vue 的根实例：var vm = new Vue({ // 选项})一个 Vue 实例其实正是一个 MVVM 模式中所描述的 ViewModel - 因此在文档中经常会使用 vm 这个变量名。在实例化 Vue 时，需要传入一个选项对象，它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。全部的选项可以在 API 文

2016-07-07 23:47:43 3965

转载 Vue.js学习 Item2 -- 原理概述

Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能完美地驱动复杂的单页应用。如果你是有经验的前端开发者，想

2016-07-07 23:39:43 3181

转载 Vue.js学习 Item1 --快速入门

我们以 Vue 数据绑定的快速导览开始。如果你对高级概述更感兴趣，可查看这篇博文。尝试 Vue.js 最简单的方法是使用 JSFiddle Hello World 例子。在浏览器新标签页中打开它，跟着我们查看一些基础示例。如果你喜欢用包管理器下载/安装，查看安装教程。Hello World<div id="app"> {{ message }}</div>new Vue({ el: '#a

2016-07-07 23:05:27 3083

原创 MySQL数据库存储引擎与数据库优化

存储引擎（1）MySQL可以将数据以不同的技术存储在文件（内存）中，这种技术就成为存储引擎。每种存数引擎使用不同的存储机制、索引技巧、锁定水平，最终提供广泛且不同的功能。（2）使用不同的存储引擎也可以说不同类型的表（3）MySQL支持的存储引擎MyISAMInnoDBMemoryCSVArchive查看数据表的创建语句：SHOW CREATE TABLE 表名相关概念：（1）.并发控

2016-06-26 21:09:02 5803 5

原创 MySQL存储过程

MySQL存储过程存储过程是SQL语句和控制语句的预编译集合，以一个名称存储并作为一个单元处理。1、MySQL执行流程，通过存储过程，可以避免重复语法分和编译，提高执行效率2、存储过程：（1）是SQL语句与控制语句的【预编译集合】，以【一个名称存储】作为【一个单元处理】（2）优点： · 增强了语句的功能和灵活性：可以通过控制语句对流程进行控制和判断 · 实现较快的执行速度，只在【第一次调用时

2016-06-26 19:42:40 1259

原创 MySQL基本操作

MySQL登录mysql参数（参数-描述）-D，--database=name 打开指定数据库--delimiter = name 指定分隔符-h, --host=name 服务器名称（默认本地服务器127.0.0.1）-p，--password[=name] 密码-P, --port=# 端口号（默认3306）--prompt=name 设置提示符-u, --user=name 用户

2016-06-26 19:34:05 723

原创 mysql重复插入insert时更新ON DUPLICATE KEY UPDATE

mysql当插入重复时更新的方法：第一种方法：示例一：插入多条记录假设有一个主键为 client_id 的 clients 表，可以使用下面的语句：INSERT INTO clients (client_id,client_name,client_type) SELECT supplier_id,supplier_name,'advertising' FROM suppliers

2016-06-25 19:29:18 19521 2

转载使用SeaJS实现模块化JavaScript开发2

SeaJS由国内的牛人lifesinger开发。压缩后才4k，质量极高。这篇会讲述SeaJS的一些基本用法，不会面面俱到，但会就个人的理解讲述官方文档没有提到的一些细节。一、SeaJS的全局接口SeaJS向全局公开了两个标识符： seajs 和 define。如果你的项目中已经用了标识符seajs，又不想改。这时SeaJS可以让出全局的seajs。如var boot = seajs.noConfli

2016-06-15 09:41:00 993

转载使用SeaJS实现模块化JavaScript开发

前言–SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重的JavaScript文件及对象依赖处理

2016-06-14 17:44:32 995 2

原创 CodeIgniter学习笔记 Item10--CI总结精华

Yii CI ThinkPHP ZF主要内容CI简介深入MVC设计模式CI中控制器与视图CI的超级对象数据库访问AR模型如何扩展CI的控制器（登录验证）模型url相关函数设置路由隐藏入口文件分页文件上传Session验证码表单验证CI是什么? CodeIgniter是一个轻量级但功能强大的PHP框架基于MVC设计模式，提供了一套丰富的类库

2016-06-13 22:34:07 1675

原创 CodeIgniter学习笔记 Item9--CI中的类库

CodeIgniter类库所有的类库文件存放在system/libraries 文件夹。大多数情况下你需要预先在controller中初始化后才能使用它们：$this->load->library('class name');class name是你想要使用的类名。例如，要载入“表单验证类”，你可以这样做：$this->load->library('form_validation');建立你的类库文

2016-06-13 22:30:02 851

原创 CodeIgniter学习笔记 Item8--CI辅助函数

辅助函数是帮助我们完成特定任务的函数。每个辅助函数文件仅仅是一些函数的集合。例如，URL Helpers 可以帮助我们创建链接，Form Helpers 可以帮助我们创建表单，Text Helpers 提供一系列的格式化输出方式，Cookie Helpers 能帮助我们设置和读取COOKIE， File Helpers 能帮助我们处理文件，等等。跟其他部分不同的是，辅助函数不是用类的方式来实现的。它

2016-06-13 22:27:34 864

原创 CodeIgniter学习笔记 Item7--用户基础教程摘要

CodeIgniter 用户指南基础教程摘要 CI应用程序流程图：index.php 作为前端控制器，初始化运行 CodeIgniter 所需要的基本资源。Router 检查 HTTP 请求，以确定谁来处理请求。如果缓存(Cache)文件存在，它将绕过通常的系统执行顺序，被直接发送给浏览器。安全(Security)。应用程序控制器(Application Controller)装载之前

2016-06-13 22:23:59 764

原创 CodeIgniter学习笔记 Item6--CI中的常规主题

1. 扩展控制器CI的控制器默认继承自CI_Controller，如果要扩展控制器，需要定义一个从CI_Controller派生的控制器，所有的自定义控制器都继承这个新控制器。在application/core目录下，有与system目录下类似的目录结构，比如core、helpers、language、libraries目录，扩展控制器就是在application/core目录下自定义控制器，该控制

2016-06-13 22:17:44 1221

原创 CodeIgniter学习笔记 Item5--CI中的AR

AR（Active Record）在启用AR的情况下（CI3.0默认已经启动并且没有配置项），通过$this->db的get方法可以获得一张表的结果集// AR会自动加上表前缀，因此get方法中的表名不用加上表前缀$res = $this->db->get('user');foreach ($res->result() as $item){ echo $item->name . "<b

2016-06-13 22:08:20 3596

原创 CodeIgniter学习笔记 Item4--CI中的数据库操作

CI数据库配置文件是/application/config/database.php// 可以创建多个数据库连接配置，通过$active_group选择使用哪个数据库连接$active_group = 'default';// 配置是否加载查询构建类，默认为TRUE，通常保持默认值$query_builder = TRUE;// 数据库连接配置，可以有多个连接配置，索引需要区分开$db['de

2016-06-13 21:55:24 2453