自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

马优晨

撰写自己前端开发心得

  • 博客(15)
  • 资源 (2)
  • 论坛 (6)
  • 收藏
  • 关注

原创 JS制作字体图

我们经常会在网页中看到很多小图标,其实这些图标大多数都不是图片,而是字体图。 制作字体图总共有三种办法:第一种: CSS Sprite(美其名曰雪碧图)第二种: font + HTML 进行制作第三种: font + HTML 进行制作第一种:主要使用两个属性,一个是background-image,和另一个属性backgroun-position.通过改变图片的位置,实现在对应的位置显示对应的图

2016-09-18 20:25:57 1804 1

原创 JS制作字体图(文字图)

我们经常会在网页中看到很多小图标,其实这些图标大多数都不是图片,而是字体图。 制作字体图总共有三种办法:第一种: CSS Sprite(美其名曰雪碧图)第二种: font + HTML 进行制作第三种: font + HTML 进行制作这里为大家讲解一下前两种的制作方式:第一种:主要使用两个属性,一个是background-image,和另一个属性backgroun-position.通过改变图片

2016-09-18 20:04:11 2354

原创 unslider制作轮播图

unslider 使用演示 本插件可配合jquery.event.swipe.js来实现触摸响应,具体请参见jquery.event.swipe.js的使用说明。 1-首先我们定义一个固定的大小的DIV(id=”b04”),使用固定大小的图片(width=”640” height=”480”),并限制容器大小(#b04 { width: 640px;})2-添加左右箭头指示,单击

2016-09-14 10:26:27 1492

原创 JS如何制作图形验证码

实际效果第一步我们来到要展示验证码的页面,当我们按下营业执照的时候让其,弹出一个弹框,弹框的上面就是验证码,如图一所示: (图一)弹框的样式如图二所示: (图二)我们要对验证码的值进行校验,判断验证码是否输入正确,当输入不正确的时候,我们提示错误信息,提示信息如图三所示:(图三)如果页面了验证正确,这不会提示错误信息并且调到我们的目标页面,如图四所示:(图四) ——–营业执照页面为私密页面,

2016-09-13 10:17:25 14678

原创 如何实现同一个页面里面两个页面的相互切换(window.onscroll)

这里我们通过一个实例来阐述具体的做法,首先我们在一个页面有两个要处理的DIV页面,第一个页面的div中id=”basic”,第二个页面的div中id=”high”。(我们要实现的功能是,打击 基础入门,与 高级技能 可以切换对应的页面,基础入门 下滑 就是 高级技能页面,高级技能页面上滑就是 基础入门页面)HTML<div class="nav"></div><div id="basic" cla

2016-09-07 10:56:29 8236 1

原创 同级子目录下重新设置属性失效

在同一级目录下,经常会出现,在设置属性时失效??? 这个是因为你的优先级没有达到,怎么解决这个问题呢?你只需把他的父级搬出来,如果还不行,就把父级的父级搬出来,知道效果显示出来为止!友情举例:在这个图片中,我们要这只,待确认收货的颜色和其他的颜色不一样,但是默认所有字体都给了颜色?这个时候我们的方法就可以使用了。接代码:HTML<div class="list"> <div class

2016-09-06 10:09:03 308

原创 设置一个DIV固定在底部,并且左右固定,垂直居中

HTML <footer> <div class="footer"> <div class="btn_mes"> <input type="button" class="withdrawals" id="btn2" value="升级为正式萌团长">

2016-09-05 10:01:02 4139

原创 两个弹窗相互切换(安卓苹果通用方法)

两个弹窗相互切换(安卓苹果通用方法)效果1-点击问号一弹出第一个对话框,第二个对话框消失2-点击问号二弹出第二个对话框,第一个对话框消失3-点击其他地方,两个对话框都消失做法:#(1)设置一个class类 mask,模拟body覆盖所有页面:并且设置 z-index: 1;(不设置的话默认是z-index: 0).arrow_mask{ position: fixed; top:

2016-09-05 08:44:10 852

翻译 ECMAScript5 Object的新属性方法

Object.create(prototype[,descriptors])这个方法用于创建一个对象,并把其prototype属性赋值为第一个参数,同时可以设置多个descriptors,关于decriptor下一个方法就会介绍这里先不说。只需要这样就可以创建一个原型链干净对象了: var o = Object.create({ "say": function () {

2016-09-05 08:41:29 532

原创 VUE字面量语法

在使用props进行计算时一定要注意,运算的数字还是字符串或其他特殊性字符,在这里我们演示一下,运算时数字和字符串的情况。实例:<!DOCTYPE html><html lang="en"><head> <script type="text/javascript" src="vue.js"></script> <meta charset="UTF-8"> <title></

2016-09-02 16:01:37 1662

原创 vue的props实现父组件变化子组件一起变化

类似于用 v-bind 绑定 HTML 特性到一个表达式,也可以用 v-bind 绑定动态 Props 到父组件的数据。每当父组件的数据变化时,也会传导给子组件:<div> <input v-model="parentMsg"> <br> <child v-bind:my-message="parentMsg"></child></div>使用 v-bind 的缩写语法通常更简单:<

2016-09-02 15:13:13 26717 1

原创 Vue的Props属性概述

使用 Props 传递数据组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。可以使用 props 把数据传给子组件。“prop” 是组件数据的一个字段,期望从父组件传下来。子组件需要显式地用 props 选项 声明 props:Vue.component('child', { // 声明 props props: ['msg'], // prop 可以

2016-09-02 13:08:48 4077

原创 DIV布局的设置(水平或者垂直居中)

HTML 代码<ul> <li> <div class="list"> <div><img src="/imgs/tuan/head_0002s_0001s_0000.png" alt=""></div> <div class="transaction"> <div>疯狂的小萝卜</div> <di

2016-09-01 18:50:38 1076

原创 NPM常用命令

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:1、 允许用户从NPM服务器下载别人编写的第三方包到本地使用。2、 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。3、 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。安装npmnpm install npm -gnpm 安装 Node.js 模块$ n

2016-09-01 18:42:25 463

原创 Vue.js过滤器概述

过滤器一个 Vue.js 的过滤器本质上是一个函数,这个函数会接收一个值,将其处理并返回。过滤器在指令中由一个管道符 (|) 标记,并可以跟随一个或多个参数:<element directive="expression | filterId [args...]"></element>示例 过滤器必须放置在一个指令的值的最后:<span v-text="message | capitalize">

2016-09-01 18:39:06 653

jqueryGoToTop.zip

前端页面回到底部按钮,滚动超过一屏会出现,一屏幕内会消失,点击会将页面缓慢滚动到顶部,非常实用。可以替换滚动图标,可以设置滚动时间。

2020-06-22

ejs常用操作.zip

ejs数据处理,express数据处理,欢迎下载。数据渲染,数据遍历,引入文件,动态处理数据,数据转移和非转移 等等~~~~

2020-06-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除