2017年12月_qiphon3650

12月 11月 10月 09月 08月 07月 06月 05月

原创 vue笔记

读音: v-u-eviewvue到底是什么? 一个mvvm框架(库)、和angular类似比较容易上手、小巧官网:http://cn.vuejs.org/ 手册： http://cn.vuejs.org/api/ vue和angular区别? vue——简单、易学指令以 v-xxx 一片html代码配合上

2017-12-31 22:56:23 243

转载 node 复习 express 创建项目

express安装 npm install express -g//初始化项目node init //安装expressnpm install express之后新建一个app.js文件，文件内容如下var express = require('express');var app = express();app.get('/', function (req, r

2017-12-28 21:56:21 318

原创 phpcms自定义数据接口

由于比较懒，东西写的比较糙，凑合看吧自建一个控制器在modules文件夹里，写个php文件，如下<?php//方法参考 phpcms/libs/class/ model.class.phpdefined('IN_PHPCMS') or exit('Access Denied');pc_base::load_sys_class('db_factory', '', 0);cla

2017-12-28 15:29:05 2241 2

转载 html视频播放器兼容处理

本文转载自http://blog.csdn.net/freshlover/article/details/7535785由于html5的出现，让网页中的视频、音频有了更加便捷的实现方式。但是video、audio标签只在IE 9+、Safari 3+、FireFox 4+、Opera 10+、Chrome 3+的浏览器版本得到了支持，并且各浏览器对于视频编码格式的支持不一致，这就需要我们考虑一

2017-12-27 22:29:24 4729

转载 phpcms多选框输出字段名

字段样式房屋类型欧式|1美式|2在extention.func.php中写入<?php /** * 根据box类型字段获取显示名称 * @param $field 字段名称 * @param $value 字段值 * @param $modelid 字段所在模型id */ function box($field, $val

2017-12-27 15:51:25 787

原创 jquery结合animate.css 动画效果的实现

本案例是在bootstrap下的实验环境，html代码 {$val['title']}{number_format($val[weekviews])}

2017-12-27 15:10:48 1313

转载 mysql 笔记

Mysql是最流行的关系型数据库管理系统，在WEB应用方面MySQL是最好的RDBMS(Relational Database Management System：关系数据库管理系统)应用软件之一。什么是数据库？数据库（Database）是按照数据结构来组织、存储和管理数据的仓库，每个数据库都有一个或多个不同的API用于创建，访问，管理，搜索和复制所保存的数据。我们

2017-12-27 09:53:09 386

转载刷新页面的方法

1、window.location.reload(true) 说明如果该方法没有规定参数，或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变，reload() 会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。如果把该方法的

2017-12-22 15:01:11 3125

转载 a.x=a={n:1} JS中使用连等赋值操作

本文转载自小小沧海博客文章标题这句话原本是在国外某JavaScript规范里看到的，当时并没有引起足够的重视，直到最近一次出现了bug发现JS里的连等赋值操作的特色(坑)。网上搜索一番发现一个非常好的连等赋值的（来源1，来源2）例子：var a = {n:1};a.x = a = {n:2};console.log(a.x); // 输出?

2017-12-21 10:44:18 4902 3

转载 jquery on()方法绑定多个选择器,多个事件

本文转载自https://www.cnblogs.com/superfeeling/p/5775463.html 还有 https://www.jquery123.com/on/ .on()所属分类：事件 > 绑定事件处理器英文文档：.on().on( events [, selector ] [, data ], handler(eventObject) )

2017-12-19 17:27:21 17313

转载 yarn 基本操作

CLI 介绍yarn addyarn autocleanyarn binyarn cacheyarn checkyarn configyarn createyarn dedupeyarn generate-lock-entryyarn globalyarn helpyarn importyarn infoyarn inityarn ins

2017-12-16 21:48:53 9166

原创 jquery.superslide 参数分析

插件中允许我们自定义的参数就下面这么多，但是，实现大多数功能都够了! function (a) { a.fn.slide = function (b) { return a.fn.slide.defaults = { type: "slide", effect: "fade", autoPlay:

2017-12-13 13:24:31 2860

原创 jquery.superslide 轮播图案例

先看效果图由于一选择截屏放在图片上的箭头就消失，所以手工绘制上去的html布局布鲁克林项目名称：布鲁克林建筑面积：400平米设计风格：美式风格主要材料：设计单位：北京四海润元装饰工作室陶鸿设计说明：美式风格有着欧罗巴廊坊市别墅美式 400 平米

2017-12-13 12:48:00 2854

转载 css cursor 鼠标手势

span.wait {cursor:wait}属性定义及使用说明cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状默认值：auto继承：yes版本：CSS2JavaScript 语法：object.style.cursor="crosshair"

2017-12-11 15:37:35 5072

转载 flex布局

摘抄地址 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html浏览器支持：IE 10+chrome 21+opera 12.1+Firefox 22+safari 6.1+网友 JailBreak 为本文的所有示例制作了 Demo一、Flex 布局是什么？Flex 是 Flexi

2017-12-11 14:25:17 338 1

转载 addEventListener解决多个window.onscroll共存问题

方法1：只适用有两个滚动事件共存时适用，当有多个的时候不推荐使用这个方法，有多个会被覆盖window.onscroll=function(){ //默认一个页面只能同时存在一个window.onscroll函数 console.log(11);}var oldMethod = window.onscroll; //当使用多个时建议使用这个方法或下面的方法if(type

2017-12-10 11:23:42 12671

原创关于vue DevTools不能使用的解决办法

最近使用vue发现vue DevTools 不能在本地使用，在网上找了找资料，没看到太满意的答案，于是自己就鼓捣起来了，进chrome扩展中心才发现问题出现在这里：进去之后你就会发现问题了，原来事情是如此的简单，原来就是人家默认监控的服务没有，所以自己加上就ok了，忘了还有一个事就是让它访问你的网址，这些就真的ok了好，到此我的vue DevTools就能用

2017-12-08 17:37:49 19818 13

转载 phpcms 专题中添加字段

phpcms v9 专题添加自定义字段及其调用第一步：在数据库专题内容表中添加字段“copyfrom” 一定要找对数据库！！！不然会报错的v9_special_content第二步：找到 /phpcms/modules/special/templates/content_add.tpl.php 和 /phpcms/modules

2017-12-07 13:25:53 1141

原创 bootstrap tabs

bootstrap 的tab 改造，bootstrap的tab只有一个nav 的案例，但是我们很多时候写的tab并不是在nav里，所以我就去除了nav-tabs ，直接改成tabs 发现还是能实现效果，代码如下客厅餐厅书房卫生间

2017-12-04 14:05:57 1445

原创解决相对定位随滚动条滚动可以无限下滑的问题

很久之前接触js的时候就遇到过这个问题，当时老是给出的答案是使用固定定位，今天写页面突然又遇到了这个问题，感觉很差异，于是有了下面的解决办法 // 右侧工具栏固定 var toolTop = $('.rightTool').offset().top; //定位工具栏的距离顶部的距离 var bodyH = $('body').height(); //body的高度

2017-12-03 16:33:08 2036

做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。今天，结合自己的经

2017-12-02 15:40:30 228

转载 bootstrap辅助类

情境文本颜色通过颜色来展示意图，Bootstrap 提供了一组工具类。这些类可以应用于链接，并且在鼠标经过时颜色可以还可以加深，就像默认的链接一样。Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.Nullam id dolor id nibh ultricies vehicula ut id eli

2017-12-01 10:58:04 408