Felicity_Gao的博客

转载 js原型链原理

原创 git Bash 输错账户的修改方法

win+r 打开运行窗口输入 control 打开控制面板选择用户账户点击管理windows凭据找到github点击删除

原创 gulp 添加版本号插件代码修改

引入插件const rev = require('gulp-rev'), //生成版本号 revCollector = require('gulp-rev-collector'); //替换版本号编写gulp任务gulp.task('revHtml', function () { return gulp.src(['rev/**/*.json', h...

原创 laravel在一个控制器中使用另一个控制器中函数的2个方法

因为有多个控制器中使用图片上传的功能，为了减少代码冗余，我决定封装一个函数来实现多次调用。 1. 先新建一个CommonController类，用于存放图片上传的方法class CommonController extends Controller{ //图片上传 public function imgUp($filename,$inputfile){ if...

原创 性能优化

服务器端 1. 减少网络请求 - 合并请求 js css - 使用雪碧图 - 小图片使用base64编码 2. 使用分发网络 （CDN） 3. 适当的使用缓存 - 为静态资源添加expires、Cache-Control响应头 4. 启用Gzip压缩 5. 减少DNS查找（一个网站上不要使用太多域名） 6. 避免重定向（每次重定向至少花费50m...

原创 浏览器兼容性及调试插件

检查兼容性 quirksmode 查看兼容性列表 caniuse 查看兼容性解决兼容性问题 browserhacks 不同浏览器支持的一些黑科技（不太推荐） shim 补充老旧浏览器的不足，让代码更顺手（es5-shim、es6-shim）如何把事做绝（渐进增强） modenizer 全局安装搜索你要检测的 特性下载引入文件 调试插件 YSlow：...

原创 DOM 中的Range对象

关于JavaScript高级程序设计（第三版）第十二章学习内容的复习整理。 1.createRange();

原创 css 修改滚动条样式

::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块滚动方向设置 ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb） ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。 ::-webkit-scr

原创 cookie

关于cookie并不能无限设置，各个浏览器的存放位置及存放的个数是有限制的且是不同的，每个cookie存放的内容也有限制，存储是以域名形式进行区分的。 IE6 以及更低版本限制每个域名最多 20 个 cookie。IE7 和之后版本每个域名最多 50 个。IE7 最初是支持每个域名最大 20 个 cookie，之后被微软的一个补丁所更新。Firefox 限制每个域最多 50 个 c

原创 webpack 属性配置

const path = require('path');module.exports = function(){ entry:{ //入口，也可以是多入口 main:'./src/main.js' }, output:{ filename:'./build.js', //指定js文件 path: path.join(__di

原创 模块化

为什么需要模块化？ 1.冲突 2. 依赖 3. 性能命名空间 可以降低冲突，但不能避免冲突var felicity = {}; //felicity 就是命名空间felicity.tab = function(){};felicity.drag = function(){}seajs 一个适合web端的模块加载器 解决刚才的问题，提升代码的可维护性

原创 关于修改select样式的方法

select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; /*很关键：将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ backg

原创 js的各种宽高获取

Javascript: 　　网页可见区域宽： document.body.clientWidth 　　网页可见区域高： document.body.clientHeight 　　网页可见区域宽： document.body.offsetWidth (包括边线的宽) 　　网页可见区域高： document.body.offsetHeight (包括边线的高) 　　网页正文全文宽： docum

原创 js 实现继承

Object 扩展Object.prototype.ext=function(parentObj){ for(var i in parentObj){ //循环遍历所有父类属性名 this[i]=parentObj[i]; //i中保存的是父类的属性名 }}

原创 stellar.js

stellar.js文档配置选项$.stellar({ // Set scrolling to be in either one or both directions horizontalScrolling: true, verticalScrolling: true, // Set the global alignment offsets horizontalOffset: 0,

原创 PHP的一些笔记

file_put_contents('txt.txt');     把一个字符串写入文件中.   //与依次调用 fopen()，fwrite() 以及 fclose() 功能一样file_get_contents('txt,txt');     把整个文件读入一个字符串中。// 和 file() 一样...

原创 一些常用的插件（也许会随时补充）

饼状统计图 ：            corechart.js                http://www.jq22.com/jquery-info11352各种统计图  ：           highcharts在线编辑器 ：            Ueditor                        http://ueditor.baidu.com/website/...

原创 webpack 入门

1.打包输出 命令行模式$ webpack ./js/index.js ./dist/boundle.js //index.js 入口文件 boundle.js||build.js为输出文件配置文件 （webpack.config.js 默认文件名听说可改但我不知道）module.exports = { entry: "./js/index.js", //入口文件

原创 Vue.js 步骤

安装vue脚手架工具npm install -g vue-cli安装vuevue init webpack sell //webpack模板 sell是名字

转载 五种Sublime text 3同时快速编辑多行内容

Sublime text 3是一个非常强大的网站编辑工具。 这里小云深深的被它的快速编辑多行内容功能所吸引。 先说下，使用下面的功能要安装一个叫emmet的插件。没有的话，自行度娘吧。 下面就来看下具体的五种方式吧：1，鼠标选中多行，按下 Ctrl Shift L (Command Shift L) 即可同时编辑这些行； 2，鼠标选中文本，反复按 CTRL D (Com

原创 MongoDB 基础

安装设置环境变量基础知识（MongoDB 命令） a. mongo 使用数据库； b. mongod 开机； c. mongoimport 导入数据库； d. mogoexport 导出数据库； e. mongorestore 备份数据库； ………开机命令mongod --dbpath C:\mongo //记得保持开启，重新开一个cmd运行其他命令

原创 susy 使用步骤

1 . 设置全局默认配置susy的默认配置参数$susy: ( flow: ltr, math: fluid, output: float, gutter-position: after, container: auto, container-position: center, columns: 4, gutters: .25, column-width: false, glob

转载 Terminal sublime 直接打开命令行插件

前言这几天在window环境下用gulp构建前端工程，切来切去浪费了不少时间（右键sublime菜单打开文件所在目录，然后去项目根目录，右键打开cmder）。这点webstorm自带的Terminal真的有很方便的了。 现在有了它就和webstorm一样方便的了，ctrl+shift+T组合键搞定。 地址github.com wbond，熟悉不？写package control的大神 pac

原创 gulp 使用流程

npm init npm 初始化(新建一个package.json文件，管理插件)npm install gulp –save -dev （在package.json中就会记录gulp）在项目根目录下创建gulpfile.js文件 （gulp的主文件用于注册任务）gulp 插件 gulp -less less编译 gulp-connect

原创 使用compass编辑sass

1. 安装gem install sass；gem install compass；2.sass创建compass create 【--bare】（纯净创建，只有一个sass文件夹和配置文件，其余sass自带项目前用不到）3.编译compass compile （一次性编译命令）compass compile --force（强制编译未改动的sass文件）com

原创 GIT 的使用步骤笔记

1.  git 本地上传到github① 打开git.cmd 进入需要上传资料所在的文件夹；②git init  初始化git，在当前文件夹中新建一个Git代码库；③git status   查看该文件下没有上传的文件列表；④ 建一个.gitignore 文件，把不需要上传的文件名写入其中；⑤git add .添加所有文件到暂存区；⑥git commit -m [messa