- 博客(53)
- 收藏
- 关注
转载 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
424
转载 前端自定义微信分享链接
前端自定义微信分享链接内嵌在微信中的网页,右上角都会有一个默认的分享功能。如下图所示,第一个为默认的效果,第二个为自定义的效果。微信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
501
转载 sass的多种用法
sass的多种用法主要归纳总结sass的常见用法,作为个人笔记使用,部分知识点并不仔细讲解。具体可参考文档:sass官网一、嵌套.svg{ position: absolute; left: 0; bottom: 20px; width: 100%; path{ transition: all 500ms ease;...
2018-09-10 14:25:00
274
转载 用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
1064
转载 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
108
转载 H5唤起app
H5唤起app1.判断是否在微信中打开无论是在哪个平台的客户端Android/IOS,在微信的平台上访问都有一个问题,那就是无法启动客户端,这是微信为了安全性考虑的限制,android这边屏蔽schema协议,除非公司是微信的伙伴加入了白名单才能使用,IOS系统可以去访问app对应appstore的下载页,但是微信经常屏蔽appstore的这个网址,进而访问不到。比较方便的做法就是在...
2018-08-20 11:50:00
174
转载 前端跨域与代理
一、vue脚手架跨域与代理1.跨域问题文件config/index.js原始代码:dev: { env: require('./dev.env'), port: 8080, autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPath: '/', prox...
2017-10-23 16:03:00
119
转载 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
144
转载 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
135
转载 Location对象常用知识
产品终于上线,后期主要是优化了。在开发过程中用到了很多location对象的知识,趁现在有时间先整理一下。Location 对象存储在 Window 对象的 Location 属性中,可通过window.location对其访问,表示那个窗口中当前显示的文档的 Web 地址。它的href 属性存放的是文档的完整 URL,其他属性则分别描述了 URL 的各个部分。...
2017-08-14 17:43:00
178
转载 开发小知识1
这里主要是总结了一些平时在开发过程中遇到的一些常见小知识,方便自己以后回顾。1.获取验证码倒计时功能js代码: 1 var countdown=60; 2 function settime(obj) { 3 if (countdown == 0) { 4 o...
2017-08-02 10:17:00
135
转载 移动端页面开发的两种方式
之前一直做的是web端,换工作之后重心变成了移动端,尝试几次之后总结了两种移动端页面的开发模式,可以自适应各种屏幕大小。希望对大家有所帮助。\(▔^▔)/一、使用meta标签使网页宽度自适应手机屏幕1 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,...
2017-07-28 16:25:00
397
转载 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
212
转载 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
177
转载 使用js实现点击按钮下载文件
有时候我们在网页上需要增加一个下载按钮,让用户能够点击后下载页面上的资料,那么怎样才能实现功能呢?这里有两种方法:现在需要在页面上添加一个下载按钮,点击按钮下载文件。题外话,这个下载图标是引用的 font-awesome 上面的。使用时,首先将 font-awesome 整个文件夹下载下来,利用bower或者是自己去官网上面下载都行。将整个文件夹放...
2016-11-11 16:16:00
616
转载 AngularJS基础知识2
一、angularJS双向数据绑定利用双向数据绑定,不仅能把数据模型的变化同步到视图上面,还可以利用双向数据绑定的特性来做一些样式上面的控制。双向数据绑定用处很多,不仅仅是像知识点1中的那个例子,只用花括号来表示。1.数据模型变化同步到视图直接用例子来说明:<!DOCTYPE html><html><head lang="en...
2016-08-31 11:03:00
171
转载 AngularJS基础知识1
一、angularJS简介1.什么是 AngularJS? AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。AngularJS是协助搭建单页面工程的开源前端框架。它通过MVC模式使得开发与测试变得更容易。AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中:...
2016-08-13 20:08:00
239
转载 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
260
转载 如何在页面中生成动态的百度地图
在现在的很多页面中,都运用到了百度地图来定位,例如: 像这样的地图,我们可以通过手动来进行放大、缩小、移动等来查找具体的地址,特别方便,在页面上引用也显得页面很有特点,那么,应该怎么样来制作这种地图呢?一、获取源代码 网址:http://api.map.baidu.com/lbsapi/createmap/index.html?qq-pf-to=pcqq....
2016-06-21 17:28:00
253
转载 零散知识点
一、<a href="javascript:void(0)">个人中心</a>** 让超链接去执行一个js函数,而不是去跳转到一个地址,还可以见到其他写法: 上面void(0)表示一个空的方法,也就是不执行<a href="javascript:showInfo()">XX...
2016-05-31 10:23:00
214
转载 css3知识
一、box-sizing 属性 规定两个并排的带边框的框二、align-items (适用于父类容器上) 设置或检索弹性盒子元素在侧轴(纵轴)方向上的对齐方式。值:flex-start:弹性盒子元素的侧轴(纵轴)起始位置的边界紧靠住该行的侧轴起始边界。flex-end:弹性盒子元素的侧轴(纵轴)起始位置的边界紧靠住该行的侧轴结束边界。cen...
2016-05-05 15:32:00
131
转载 HTML标签marquee实现滚动效果
html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.只需要在<marquee></marquee>内部输入要滚动的内容即可。一、标签属性1.滚动方向direction(包括4个值:up、 down、 left和 right)...
2016-04-25 21:18:00
184
转载 JQuery导航选择特效
一、实现效果1.初始化效果:未添加样式和特效2、添加CSS样式3、最终效果二、JQuery代码 1 <!--编写JQuery代码--> 2 <script type="text/javascript"> 3 $(document).ready(function(){ 4 ...
2016-04-09 10:15:00
108
转载 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
182
转载 特殊的图片轮换特效
特殊的图片轮换特效一、实现效果如上图: 1、图片自动依次轮换,每轮换到一张图片,下面对应的小图标出现红色边框,并显示对应的图片名称 2、鼠标放到大图片上面的时,图片停止轮换,一直显示当前图片;鼠标移开后图片继续轮换 3、鼠标移到小图标上时,大图片区域会显示对应的大图;鼠标移开则从当前图片开始继续轮换二、代码 1 <!DOC...
2016-03-30 13:35:00
127
转载 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
82
转载 HTML DOM基础知识
HTML DOM基础知识一、什么是DOM?1、HTML DOM 定义了访问和操作HTML文档的标准方法。2、HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构(节点树)。3、通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有...
2016-03-20 09:51:00
80
转载 小试牛刀3之JavaScript基础题
JavaScript基础题1、让用户输入两个数字,然后输出相加的结果。 *prompt() 方法用于显示可提示用户进行输入的对话框。 语法:prompt(text,defaultText) 说明: 如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。 在用户点击确定按钮或...
2016-03-19 19:50:00
122
转载 项目:2016年送毕业生晚会抽奖系统
2016年送毕业生晚会抽奖系统一、相关知识点1、HTML DOM setInterval() 方法 定义和用法: setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值...
2016-03-14 19:02:00
144
转载 小试牛刀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
100
转载 CSS典型案例实践
CSS案例实践一、层布局:定位元素重叠在CSS中可以通过z-index属性来确定定位元素的层叠等级。需要注意的是:z-index属性只有在元素的position属性取值为relative、absolute或fixed时才可以使用。在z-index属性中,其值越大层叠级别就越高,如果两个绝对定位的元素的该属性具有相同的number值,那么将依据它们在HTML文档中声明的...
2015-12-17 19:16:00
147
转载 浮动模型详解及其应用
浮动模型详解及其应用一、浮动布局的五个基本特征:1、任何定义为float的元素都会自动被设置为一个块状元素显示,相当于被定义display:block;声明。这样就可以为浮动元素定义width和height属性,即使是内联显示元素也可以。 当我们没有指定浮动元素宽度时,浮动元素会自动收缩到能够包含内容的宽度。而块状元素(或者被定义display:block;)显示时,...
2015-12-13 20:25:00
300
转载 实战案例:DIV嵌套
缘于页面结构语义化的考虑,我们应该慎用div和span这两个通用元素,只有当划分页面结构模块时才使用div元素,因为模块本身是没有任何语义的,他仅代表一块独立的结构。如果想对段落内部分内联元素或文本应用某种特殊样式时,就可以使用span元素把他们独立封装在一个容器内。div作为布局元素,它与表格一样是可以嵌套的。因为浏览器对于任何元素的解析方式都是一样的,一般从最里层开...
2015-12-13 11:44:00
2623
转载 小试牛刀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
89
转载 JavaScript学习之cookies
使用JavaScript操作cookies一、什么是cookies? cookies是一种对客户端硬盘的数据进行存取的技术,这种技术能够让网站把少量的数据存储到客户端的硬盘,同时也能够从客户端的硬盘读取存储的数据。存储的方式表现为一个很小的文本文件,这个文件可以存储的东西很多,比如:用户名、访问时间、密码等。二、使用cookies1、cookies的创建docu...
2015-12-09 13:46:00
123
转载 JavaScript学习之窗口
窗口一、Window 对象 Window 对象表示浏览器中打开的窗口。如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。1、对象属性 2、对象方法 二、打开窗口和关闭窗口(一)打开窗口1、使用open()方法打开新窗口 语法:...
2015-12-08 16:55:00
108
转载 JavaScript学习之DIV层与图像
DIV层与图像一、设计一个可定位的层1、设置位置(position)和大小(1)绝对定位(absolute):以页面边框为参照,只要设置好绝对位置,那么元素的位置会始终固定在距离边框某个位置的距离。 绝对定位有两个属性:left和top,分别是距离网页左边和网页顶部的绝对位置,可借助style属性直接设置:style="position:absolute;le...
2015-12-07 20:40:00
137
转载 JavaScript学习之对象
JavaScript对象一、对象简介JavaScript 是面向对象的编程语言 (OOP)。OOP 语言使我们有能力定义自己的对象和变量类型。注意:对象只是一种特殊的数据。对象拥有属性和方法。1、属性:指与对象有关的值。eg:使用字符串对象的长度属性来计算字符串中的字符数目。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM...
2015-12-07 15:31:00
66
转载 JavaScript学习基础部分
JavaScript学习基础一、简介 1、JavaScript 是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比方说 Internet Explorer、 Mozilla、Firefox、Netscape、和 Opera。 2、JavaScript 是一种解释性语言(就是说,代码执行不进行预编译)。 3、JavaScript 的正式名称是 "ECMAS...
2015-12-02 18:17:00
127
转载 CSS布局属性
一、弹性盒模型介绍1、弹性盒模型介绍—基础知识 弹性盒模型(FlexibleBox或Flexbox)是一个CSS3新增布局模块,官方称为CSSFlexibleBoxLayoutModule,用于实现容器里项目的对齐、方向、排序(即使在项目大小位置、动态生成的情况)。弹性盒模型最大的特性在于,能够动态修改子元素的宽度和高度,以满足在不同尺寸屏幕下的恰当布局。...
2015-12-01 15:32:00
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人