- 博客(53)
- 收藏
- 关注
RSS订阅转载 input实现文件上传
input实现文件上传input + ajax 实现文件上传，包括文件大小及类型的判断一、html<input type="file" id="file" multiple="multiple" onchange="handleFile()">二、JS/*** $icon: 文件上传中loading图标* fs: 上传的文件（$("#file")[0].file...
2018-10-30 16:38:00
416
转载 前端自定义微信分享链接
前端自定义微信分享链接内嵌在微信中的网页，右上角都会有一个默认的分享功能。如下图所示，第一个为默认的效果，第二个为自定义的效果。微信JS-SDK说明文档一、引用微信jssdk文件<script src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>二、配置分享接口wx.confi...
2018-09-14 10:56:00
492
转载 sass的多种用法
sass的多种用法主要归纳总结sass的常见用法，作为个人笔记使用，部分知识点并不仔细讲解。具体可参考文档：sass官网一、嵌套.svg{ position: absolute; left: 0; bottom: 20px; width: 100%; path{ transition: all 500ms ease;...
2018-09-10 14:25:00
264
转载 用svg实现不规则形状
像这种弧形，用纯html和css很难写，但是用svg就简单多了。可以用作图工具画出一个弧形，然后导成svg格式。在页面中，下面的白块就是div+svg构成 1 mixin svgCard(...cont) 2 each item in cont 3 .item 4 svg.svg(width="480px" he...
2018-08-27 17:31:00
1032
转载 vue-router之学习笔记
用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。一、Vue引用插件在vue开发过程中会用到很多插件，例如vue-router、vue...
2018-08-27 14:50:00
102
转载 H5唤起app
H5唤起app1.判断是否在微信中打开无论是在哪个平台的客户端Android/IOS，在微信的平台上访问都有一个问题，那就是无法启动客户端，这是微信为了安全性考虑的限制，android这边屏蔽schema协议，除非公司是微信的伙伴加入了白名单才能使用，IOS系统可以去访问app对应appstore的下载页，但是微信经常屏蔽appstore的这个网址，进而访问不到。比较方便的做法就是在...
2018-08-20 11:50:00
171
转载 前端跨域与代理
一、vue脚手架跨域与代理1.跨域问题文件config/index.js原始代码：dev: { env: require('./dev.env'), port: 8080, autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPath: '/', prox...
2017-10-23 16:03:00
112
转载 vue.js学习之组件（下篇）
本文的Demo和源代码已放到GitHub，如果您觉得本篇内容不错，请点个赞，或在GitHub上加个星星！https://github.com/zwl-jasmine95/Vue_test以下所有知识都是基于vue.js 2.0版本一、组件编译作用域<child-component> {{ message }}</child-compon...
2017-08-21 17:32:00
141
转载 vue.js学习之组件（上篇）
本文的Demo和源代码已放到GitHub，如果您觉得本篇内容不错，请点个赞，或在GitHub上加个星星！https://github.com/zwl-jasmine95/Vue_test以下所有知识都是基于vue.js 2.0版本组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组...
2017-08-17 13:58:00
131
转载 Location对象常用知识
产品终于上线，后期主要是优化了。在开发过程中用到了很多location对象的知识，趁现在有时间先整理一下。Location 对象存储在 Window 对象的 Location 属性中，可通过window.location对其访问，表示那个窗口中当前显示的文档的 Web 地址。它的href 属性存放的是文档的完整 URL，其他属性则分别描述了 URL 的各个部分。...
2017-08-14 17:43:00
172
转载 开发小知识1
这里主要是总结了一些平时在开发过程中遇到的一些常见小知识，方便自己以后回顾。1.获取验证码倒计时功能js代码： 1 var countdown=60; 2 function settime(obj) { 3 if (countdown == 0) { 4 o...
2017-08-02 10:17:00
134
转载 移动端页面开发的两种方式
之前一直做的是web端，换工作之后重心变成了移动端，尝试几次之后总结了两种移动端页面的开发模式，可以自适应各种屏幕大小。希望对大家有所帮助。\(▔＾▔)/一、使用meta标签使网页宽度自适应手机屏幕1 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,...
2017-07-28 16:25:00
390
转载 Vue.js 学习笔记 一
本文的Demo和源代码已放到GitHub，如果您觉得本篇内容不错，请点个赞，或在GitHub上加个星星！https://github.com/zwl-jasmine95/Vue_test以下所有知识都是基于vue.js 2.0版本一、简介Vue.js（读音 /vjuː/，类似于view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，V...
2017-04-05 15:02:00
203
转载 Karma+Jasmine实现自动化单元测试
1.Karma介绍Karma是Testacular的新名字，在2012年google开源了Testacular，2013年Testacular改名为Karma。Karma是一个让人感到非常神秘的名字，表示佛教中的缘分，因果报应，比Cassandra这种名字更让人猜不透！Karma是一个基于Node.js的JavaScript测试执行过程管理工具（Test Runner...
2016-11-11 16:48:00
171
转载 使用js实现点击按钮下载文件
有时候我们在网页上需要增加一个下载按钮，让用户能够点击后下载页面上的资料，那么怎样才能实现功能呢？这里有两种方法：现在需要在页面上添加一个下载按钮，点击按钮下载文件。题外话，这个下载图标是引用的 font-awesome 上面的。使用时，首先将 font-awesome 整个文件夹下载下来，利用bower或者是自己去官网上面下载都行。将整个文件夹放...
2016-11-11 16:16:00
600
转载 AngularJS基础知识2
一、angularJS双向数据绑定利用双向数据绑定，不仅能把数据模型的变化同步到视图上面，还可以利用双向数据绑定的特性来做一些样式上面的控制。双向数据绑定用处很多，不仅仅是像知识点1中的那个例子，只用花括号来表示。1.数据模型变化同步到视图直接用例子来说明：<!DOCTYPE html><html><head lang="en...
2016-08-31 11:03:00
163
转载 AngularJS基础知识1
一、angularJS简介1.什么是 AngularJS？ AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。AngularJS是协助搭建单页面工程的开源前端框架。它通过MVC模式使得开发与测试变得更容易。AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中：...
2016-08-13 20:08:00
233
转载 Material Design学习笔记
Wiki->移动开发->Android->Material Design-原质化设计（友情链接：http://wiki.jikexueyuan.com/project/material-design/whatis-material-design/material-properties.html）（英文原版：https://material.google.c...
2016-07-05 11:46:00
247
转载 如何在页面中生成动态的百度地图
在现在的很多页面中，都运用到了百度地图来定位，例如： 像这样的地图，我们可以通过手动来进行放大、缩小、移动等来查找具体的地址，特别方便，在页面上引用也显得页面很有特点，那么，应该怎么样来制作这种地图呢？一、获取源代码 网址：http://api.map.baidu.com/lbsapi/createmap/index.html?qq-pf-to=pcqq....
2016-06-21 17:28:00
247
转载 零散知识点
一、<a href="javascript:void(0)">个人中心</a>** 让超链接去执行一个js函数，而不是去跳转到一个地址，还可以见到其他写法： 上面void(0)表示一个空的方法，也就是不执行<a href="javascript:showInfo()">XX...
2016-05-31 10:23:00
212
转载 css3知识
一、box-sizing 属性 规定两个并排的带边框的框二、align-items (适用于父类容器上) 设置或检索弹性盒子元素在侧轴（纵轴）方向上的对齐方式。值：flex-start：弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴起始边界。flex-end：弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴结束边界。cen...
2016-05-05 15:32:00
130
转载 HTML标签marquee实现滚动效果
html标签 - <marquee></marquee>可以实现多种滚动效果，无需js控制。使用marquee标记不仅可以移动文字，也可以移动图片，表格等.只需要在<marquee></marquee>内部输入要滚动的内容即可。一、标签属性1.滚动方向direction（包括4个值：up、 down、 left和 right）...
2016-04-25 21:18:00
179
转载 JQuery导航选择特效
一、实现效果1.初始化效果：未添加样式和特效2、添加CSS样式3、最终效果二、JQuery代码 1 <!--编写JQuery代码--> 2 <script type="text/javascript"> 3 $(document).ready(function(){ 4 ...
2016-04-09 10:15:00
100
转载 JQuery选择器
JQuery选择器 通过一个例子来分辨这些选择器，首先做一个初始的页面：1、HTML 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>选择器</title...
2016-04-08 19:24:00
173
转载 特殊的图片轮换特效
特殊的图片轮换特效一、实现效果如上图： 1、图片自动依次轮换，每轮换到一张图片，下面对应的小图标出现红色边框，并显示对应的图片名称 2、鼠标放到大图片上面的时，图片停止轮换，一直显示当前图片；鼠标移开后图片继续轮换 3、鼠标移到小图标上时，大图片区域会显示对应的大图；鼠标移开则从当前图片开始继续轮换二、代码 1 <!DOC...
2016-03-30 13:35:00
121
转载 JavaScript特效（调试笔记）
JavaScript特效一、在网页上显示当前的时间日期，例如：“2016年3月26日 星期六”。js源代码： 1 function getTime() { 2 var today = new Date(); //返回当日的日期和时间。 3 var year = today.getFullYear(); //获得当前的年份 4 v...
2016-03-30 13:24:00
76
转载 HTML DOM基础知识
HTML DOM基础知识一、什么是DOM？1、HTML DOM 定义了访问和操作HTML文档的标准方法。2、HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树）。3、通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有...
2016-03-20 09:51:00
75
转载 小试牛刀3之JavaScript基础题
JavaScript基础题1、让用户输入两个数字，然后输出相加的结果。 *prompt() 方法用于显示可提示用户进行输入的对话框。 语法：prompt(text,defaultText) 说明： 如果用户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本。 在用户点击确定按钮或...
2016-03-19 19:50:00
117
转载 项目：2016年送毕业生晚会抽奖系统
2016年送毕业生晚会抽奖系统一、相关知识点1、HTML DOM setInterval() 方法 定义和用法： setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值...
2016-03-14 19:02:00
140
转载 小试牛刀2：JavaScript基础题
JavaScript基础题1、网页中有个字符串“我有一个梦想”，使用JavaScript获取该字符串的长度，同时输出字符串最后两个字。答案： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti...
2016-03-01 16:54:00
97
转载 CSS典型案例实践
CSS案例实践一、层布局：定位元素重叠在CSS中可以通过z-index属性来确定定位元素的层叠等级。需要注意的是：z-index属性只有在元素的position属性取值为relative、absolute或fixed时才可以使用。在z-index属性中，其值越大层叠级别就越高，如果两个绝对定位的元素的该属性具有相同的number值，那么将依据它们在HTML文档中声明的...
2015-12-17 19:16:00
141
转载 浮动模型详解及其应用
浮动模型详解及其应用一、浮动布局的五个基本特征：1、任何定义为float的元素都会自动被设置为一个块状元素显示，相当于被定义display：block；声明。这样就可以为浮动元素定义width和height属性，即使是内联显示元素也可以。 当我们没有指定浮动元素宽度时，浮动元素会自动收缩到能够包含内容的宽度。而块状元素（或者被定义display：block；）显示时，...
2015-12-13 20:25:00
294
转载 实战案例：DIV嵌套
缘于页面结构语义化的考虑，我们应该慎用div和span这两个通用元素，只有当划分页面结构模块时才使用div元素，因为模块本身是没有任何语义的，他仅代表一块独立的结构。如果想对段落内部分内联元素或文本应用某种特殊样式时，就可以使用span元素把他们独立封装在一个容器内。div作为布局元素，它与表格一样是可以嵌套的。因为浏览器对于任何元素的解析方式都是一样的，一般从最里层开...
2015-12-13 11:44:00
2601
转载 小试牛刀2：制作一个简单的层次页面
1、这只是我用来练练手的，就不给大家说明具体步骤了，主要是通过HTML和CSS的一些基础知识来实现的。有兴趣的可以自己动手试试~2、我的代码： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit...
2015-12-09 19:41:00
83
转载 JavaScript学习之cookies
使用JavaScript操作cookies一、什么是cookies？ cookies是一种对客户端硬盘的数据进行存取的技术，这种技术能够让网站把少量的数据存储到客户端的硬盘，同时也能够从客户端的硬盘读取存储的数据。存储的方式表现为一个很小的文本文件，这个文件可以存储的东西很多，比如：用户名、访问时间、密码等。二、使用cookies1、cookies的创建docu...
2015-12-09 13:46:00
120
转载 JavaScript学习之窗口
窗口一、Window 对象 Window 对象表示浏览器中打开的窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。1、对象属性 2、对象方法 二、打开窗口和关闭窗口（一）打开窗口1、使用open()方法打开新窗口 语法：...
2015-12-08 16:55:00
106
转载 JavaScript学习之DIV层与图像
DIV层与图像一、设计一个可定位的层1、设置位置（position）和大小（1）绝对定位（absolute）：以页面边框为参照，只要设置好绝对位置，那么元素的位置会始终固定在距离边框某个位置的距离。 绝对定位有两个属性：left和top，分别是距离网页左边和网页顶部的绝对位置，可借助style属性直接设置：style="position:absolute;le...
2015-12-07 20:40:00
129
转载 JavaScript学习之对象
JavaScript对象一、对象简介JavaScript 是面向对象的编程语言 (OOP)。OOP 语言使我们有能力定义自己的对象和变量类型。注意：对象只是一种特殊的数据。对象拥有属性和方法。1、属性：指与对象有关的值。eg：使用字符串对象的长度属性来计算字符串中的字符数目。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM...
2015-12-07 15:31:00
64
转载 JavaScript学习基础部分
JavaScript学习基础一、简介 1、JavaScript 是因特网上最流行的脚本语言，并且可在所有主要的浏览器中运行，比方说 Internet Explorer、 Mozilla、Firefox、Netscape、和 Opera。 2、JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。 3、JavaScript 的正式名称是 "ECMAS...
2015-12-02 18:17:00
122
转载 CSS布局属性
一、弹性盒模型介绍1、弹性盒模型介绍—基础知识 弹性盒模型（FlexibleBox或Flexbox）是一个CSS3新增布局模块，官方称为CSSFlexibleBoxLayoutModule，用于实现容器里项目的对齐、方向、排序（即使在项目大小位置、动态生成的情况）。弹性盒模型最大的特性在于，能够动态修改子元素的宽度和高度，以满足在不同尺寸屏幕下的恰当布局。...
2015-12-01 15:32:00
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人