- 博客(73)
- 收藏
- 关注
RSS订阅转载 bootstarp-select的使用
写在前面的话： 在后台管理系统中使用了一款插件： bootstarp-select ，能够实现select多选,个人觉得还是挺好用的，现在这里列举一下，使用过程中遇到的问题 官方文档：http://silviomoreto.github.io/bootstrap-select/ 1. 基本的使用： 可以在上述官网下载这个插件的依赖css以及 js.然而并...
2018-03-14 16:08:00
242
转载 jQuery 发送ajax请求
写在前面的话： 利用jQuery 的 ajax() 方法通过 HTTP 请求加载远程数据 是非常简便的，也是常用的功能。W3school网上的资料（里边有各个参数的介绍）1.常用写法：$.ajax({ url:'test.php', type:'POST', // 默认为GET data:{ name:'xy', age:...
2018-01-10 17:51:00
194
转载 webuploader的使用
写在前面的话： 最近用到了 webuploader 上传图片 的功能（WebUploader 0.1.5），所以在这里记录一下使用过程中遇到的问题，亲测有效~1.下载插件：http://fex.baidu.com/webuploader/download.html2.使用方法：http://fex.baidu.com/webuploader/doc/index.h...
2017-12-20 10:23:00
202
转载 webpack
写在前面的话： 之前使用过webpack构建vue的项目，并没有好好了解webpack的相关配置，导致踩过一些坑，下文将是一些webpack的基本配置，帮助了解这个工具，从而好好使用这个工具。 注明：本文参考 入门Webpack，看这篇就够了1. webpack 与 gulp、 grunt有什么不一样？“其实Webpack和另外两个并没有太多的可比性，...
2017-12-06 15:04:00
60
转载 【学】ES6基础语法
写在前面的话： ES6学习基础语法集结~ 本文是 一篇学习笔记，原文：http://es6.ruanyifeng.com/关于EC6："ES6 的第一个版本，就这样在2015年6月发布了，正式名称就是《ECMAScript 2015标准》（简称 ES2015）。2016年6月，小幅修订的《ECMAScript 2016标准》（简称 ES2016）如期发布，这个版本可以看作是...
2017-12-06 15:04:00
99
转载 gulp
写在前面的话： 常见的自动构建工具有grunt、gulp、webpack，把源码进行合并压缩，节省带宽等~一起来学习 gulp 的使用吧~三、gulp的使用(gulp 中文网)： gulp 的优点：基于流、任务化 常用API: src 、dest 、watch 、task 、pipe（1）安装 gulp： npm install -g gulp...
2017-12-06 09:23:00
67
转载 原生js 的一些DOM/样式操作
写在前面的话： 一直写的jquery，原生的不用……写篇东西帮助自己整理记忆一下吧，虽然都很基础啊……1.js找dom对象，以及创建/删除 节点 一贯的jquery操作：$(selector) 原生的写法（列一些常用的）：document.getElementsByClassName（selector）document.getElementsByTag...
2017-11-16 18:30:00
124
转载 上传文件
写在前面的话： 判断是否符合大小，上传文件。最初是使用插件webuploader来做的，但是因为其初始化的关系，点击区域始终为1px*1px，refresh之后也不能解决我的问题，所以，试了下下边的方法：FormData()：相关资料<!DOCTYPE html><html lang="en"><head> ...
2017-11-06 17:41:00
66
转载 vue 动态数据请求
写在前面的话： 很多时候，页面的数据是从前端向后端发起请求获取的，下面是最近用的方法：1. axios: 详细的用法参考： axios中文说明 或者 英文的说明 注明：axios不支持jsonp（https://github.com/mzabriskie/axios/blob/master/COOKBOOK.md#jsonp），所以要用jsonp的话...
2017-09-21 18:05:00
211
转载 Layui——layerjs 用法汇总（持续更新）
写在前面的话： 最近做的后台管理界面中有非常多的弹窗提示，其中，便用到了layerjs来实现~ 把遇到的问题都记录一下吧，以免再次犯难……入门小示例：http://layer.layui.com/查看官网文档：http://www.layui.com/doc/modules/layer.html文档里面很详细地列出了使用方法，配置项等信息，在此我就不赘述了。一...
2017-07-14 16:32:00
845
转载 phpstudy配置域名
写在前面的话： 之前一直用的是xampp,但苦于不会用这个配置域名，所以，在同事的推荐下，使用了phpstudy，操作步骤如下：1. 工具：phpstudy压缩包，解压即用；（这个是同事给的：下载地址）2. 添加一个新域名需要进行以下几个步骤（此处以新增一个 www.mydemo.com 域名为例）： 步骤1：打开面板，点击“其他选项...
2017-07-11 11:13:00
152
转载 关于移动端开发时iOS上滑屏卡顿的问题，以及电话类数字的样式失控问题
写在前面的话： tips:写移动的时候,那些头部需要固定显示在显示屏顶部的，通常在PC端我会用fixed来写。但是，在移动端，这并不是一个好方法，因为弹出输入小键盘的时候，会造成fixed 的元素偏移掉，在这里有两种方法可以解决：1.建议移动端布局采用以下方式（见正文），如果有错误的地方，还请指正~2.另外还看到一篇文章提到这个问题，作者让固定的头部仍然采用fixed, 然...
2017-07-06 18:26:00
75
转载 控制容器文字行数（pc和 移动端）
写在前面的话： 对于文字的单行以及多行显示，应该是经常用到的一个功能了，看下文吧~pc 端： 1. 单行限制（兼容所有浏览器） 这里加了一个 鼠标移入时显示全部 的效果： .p2{ border: 1px solid #000; width: 206px; white-space:nowr...
2017-07-06 16:10:00
97
转载 Axure chrome 扩展显示已损坏的解决方法
写在前面的话： 之前用的好好的Axure chrome 扩展如今却并不能使用，一直说扩展已损坏，额，上网下了几个.crx文件都没有用……网上一搜，果然总是有人有办法解决的，哈哈…… 参考文：Axure RP Extension for Chrome经常损坏解决方式： 将下载的 .crx 文件的后缀改成.rar结尾的，然后解压，然后在chrome的扩展程序那里点击“...
2017-06-09 15:27:00
125
转载 在火狐浏览器中，图标字体不能正常显示
写在前面的话： 遇到一个问题： 1在火狐下边的显示： 2在chrome下的显示： 3在ie 8,9,10，11下的显示： 之前一直没搜到方法，今天无意中才发现了这篇文章：关于firefox对font awesome本地环境无...
2017-05-18 17:47:00
413
转载 Dropload.js 的使用
写在前面的话： 当单页呈现数据较多时，一般采用每上拉一次发送一次 ajax 请求使用方法：1.代码：<ul class="data-content"> <li>内容<li> <li>内容</li></ul>2.引用js:<script sr...
2017-05-18 17:18:00
203
转载 clipboard复制剪贴板功能，以及用sea.js时报错---Uncaught ReferenceError: Clipboard is not defined...
写在前面的话： 实现的效果： 点击一个区域，将另一个区域的内容进行复制。clipboard 的用法，有些人已经写得很详细啦~ 感谢 白树 的 【原】js实现复制到剪贴板功能，兼容所有浏览器 这篇文章！！！用法我就在这里贴一下clipboard.js 的用法吧：1.下载js: 官方文档，还有下载资源 以及使用方法可参照：https://clipboar...
2017-05-18 17:00:00
1390
转载 关于字体跨域
写在前面的话： 跨域问题啊…………字体跨域，居然碰到了~~网上搜罗来的答案，有机会的可以试试有没有效 原文：css加载字体的跨域问题 （转载）刚才碰到一个css加载字体跨域问题，记录一下啊。站点的动态请求与静态文件请求是不同的域名的。站点的域名为 www.domain.com，而静态文件的域名为 st.domain.com。问题：页面中加载css文件：...
2017-05-05 17:25:00
85
转载 关于 sass
写在前面的话： 参考阮一峰老师的教程：http://www.ruanyifeng.com/blog/2012/06/sass.html sass 入门教程：http://www.w3cplus.com/sassguide/一、sass为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。它的基本思想是，用一种专门的编程语言，进行网页样式...
2017-04-06 00:11:00
90
转载 移动端返回上一页
写在前面的话： 其实返回上一页是一个太常用的功能了，现在来看看如何返回上一页~1.如何返回上一页？答：使用 window.history.go(-1) 1）.这个我试了（i 指的是返回的那个按钮），按钮返回可以的：function go(){ window.history.go(-1);} $('header').find('i').o...
2017-03-31 10:57:00
238
转载 移动端禁止滚动
写在前面的话： 在手机端常常遇到悬浮层，当悬浮层出现的时候手机的原来页面需要禁止滚动，而悬浮层可以滚动 的情况。在移动端设置overflow:hidden为什么页面还能滚？要怎么禁止http://blog.sina.com.cn/s/blog_4714e47801019f6o.html今天用的是 fixed 的方法，下面几种方法的优劣待有空的时候来填~方法...
2017-03-30 19:30:00
90
转载 IETester——用来测试IE5.5~IE11兼容性的工具
写在前面的话： 浏览器兼容应该是前端最主要的工作之一，而其中 ie 的兼容是比较麻烦的，因为ie6/7/8/9……，在网上搜到这个ieTester,感觉还不错~其他的浏览器兼容性测试工具可以访问这篇文章的介绍：http://www.jb51.net/web/189446.htmlIETester 下载网址：http://www.my-debugbar.com/w...
2017-03-24 17:45:00
189
转载 关于jQuery
写在前面的话： 相信大家的工作中都用到了 jQuery 这个js库，今天我在这里把平常搜到的一些资源汇总了一下，贴进来了，方便自己查找，也希望可以给大家做个参考~共有两个版本的 jQuery 可供下载：一份是精简过的，另一份是未压缩的（供调试或阅读）。 jQuery 官网：http://jquery.com/一、关于jQuery的版本： 1.各个版本的下载地...
2017-03-24 14:00:00
72
转载 [转] before的单冒号与双冒号的区别
写在前面的话： 这篇文章 原文 来看看: before和::before的区别~一、CSS中一个冒号和两个冒号有神马区别？ 单冒号(:) 用于CSS3伪类； 双冒号(::) 用于CSS3伪元素。W3C关于CSS3选择器的规范中有一段描述：A pseudo-element is made of two colons (::) followed by the...
2017-03-12 19:59:00
190
转载 用python搭建后台的项目怎么运行？
写在前面的话： 拿到一个后台是由python（flask框架）支持的完整的项目，怎么运行？做法：先搭好运行环境： 参见另外一篇文章，flask入门_windows下安装环境搭好以后，然后再进行以下几个步骤：（1）先安装依赖： 项目的依赖一般都写在了requirements.txt 文件中。 小扩展：setup.py vs requirements.tx...
2017-03-11 11:46:00
640
转载 jQuery加载
原文来自：脚本之家1. Jquery中$(document).ready()与原生JS的window.onload的区别： 1）执行时间： window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，无需等到图片或其他媒...
2017-03-11 09:39:00
136
转载 2.第一个flask web程序
写在前面的话： 学习下flask ~学习资料：《flask web开发：基于python的web应用开发实战》以后所有的学习笔记都是在进行了 flask入门_windows下安装 之后进行的~一个简单的动态路由程序,在 myproject文件夹下新建 hello.py：from flask import Flaskapp = Flask(__name__)...
2017-03-10 16:00:00
94
转载 [转]前端懒加载以及预加载
写在前面的话： 原文链接：前端懒加载以及预加载懒加载（延迟加载）：延迟加载图片或符合某些条件时才加载某些图片。预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。两种技术的本质：两者的行为是相反的，一个是提前加载，一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压力。1.懒加载：...
2017-03-09 13:41:00
107
转载 [转]如何让在FLASH不浮动在层之上
写在前面的话： 原文链接：如何让在FLASH不浮动在层之上<object width="416" height="269" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" classid="clsid:D27C...
2017-03-09 11:59:00
83
转载 margin优化的一种思路
写在前面的话： 原文链接：margin优化的一种思路HTML<div id="main"> <div id="body1"> <div id="content1"></div> </div> <div id="body2"></div></div...
2017-03-09 11:56:00
84
转载 5.命名规则
写在前面的话： 这也是借鉴来的，原文链接id的命名 页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left rig...
2017-03-09 11:52:00
85
转载 4.CSS实现背景半透明效果
写在前面的话： ~原文链接：CSS实现背景半透明效果HTML<div class="alpha1"> <div class="ap2"> <p>背景为红色(#FF0000)，透明度20%。</p> </div></div>CSS....
2017-03-09 11:50:00
233
转载 3.html条件注释判断ie版本进行兼容
写在前面的话： 找来的~用法：<!– 默认先调用css.css样式表 –><link rel=”stylesheet” type=”text/css” href=”css.css” /><!–[if !IE]> <!– 非IE下调用1.css样式表 –><link rel=”stylesheet”...
2017-03-09 11:46:00
89
转载 2.png图片在ie6下不透明
写在前面的话： 下面这些方法也是找来的，原文链接也都附上了~1. ie6png背景图if(window.XMLHttpRequest){ //Mozilla,Safari,IE7 if(!window.ActiveXObject){ //Mozilla,Safari, alert('Mozilla,Safari')...
2017-03-09 11:44:00
72
转载 1.CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF
写在前面的话：一般，解决兼容性的问题可以用： 1.css hack 2.js 3. html注释判断ie版本: 根据不同的ie版本调用特殊的css文件来实现浏览器兼容 下面这些是找来的，别人的经验~原文链接：CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF：自从安装了IE8.0正式版本!就对基本的几个 CSS HACK的做一...
2017-03-09 11:39:00
79
转载 chrome jsonView插件安装
写在前面的话： 这个可以帮助你在浏览器查看json格式代码~ 这个方法是搜来的，亲测有效~原文链接：chrome jsonView插件安装:1、打开https://github.com ；2、搜索 jsonView 链接：https://github.com/search?utf8=%E2%9C%93&q=jsonview；3、选择需要的插件（我...
2017-03-09 11:34:00
65
转载 [转]JS 一定要放在 Body 的最底部么？聊聊浏览器的渲染机制,以chrome为例
写在前面的话： 原文链接：JS 一定要放在 Body 的最底部么？聊聊浏览器的渲染机制1. Q:为什么大家普遍把<script src=""></script>这样的代码放在body最底部？ 分析：“页面渲染出来了” 指的是什么？ 1)"没有图片的首屏”（后面统称StepA） ...
2017-03-09 11:24:00
103
转载 1.Flask入门_Windows下安装
写在前面的话： 公司的后端是使用python做的，所以了解一下python以及flask框架一、安装: 分三步走 （1）先要安装 python 环境，参考：廖雪峰的python教程 廖雪峰老师在其教程上给出了国内镜像的百度云盘链接，内容如下： 我安装的是 python-2.7.12.msi ,安装步骤参考原文 注：安装...
2017-03-07 14:46:00
135
转载 移动端的meta标签
写在前面的话： 要是做的网页不仅要在pc端运行，而且要为移动端所用，那么就要加上以下 标签：<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">ok ~或者引用...
2017-03-06 16:52:00
86
转载 移动端布局tips_带有横线的自适应标题
写在前面的话： 要实现下图的效果： 文字说明：中间字的部分是固定的，左右两边的线条是自适应的，同时还要实现底部的 1px 下边框~思路： 使用flex布局，使用媒体查询实现1px~做法： （1）HTML布局(1.html):<div class="title border-bottom-1px"> <div c...
2017-03-04 10:24:00
142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人