学习没有捷径

每天的努力 只为拥抱美好的明天

轩陌个人博客

Where are you now

Another dream

Article

最新文章

[置顶]我的博客主题1.0.1发布咯,修复主题自定义功能

50 1228 https://www.xuanmo.xin/wp-admin/admin-ajax.php 31

主题更新说明: 距离上次文章更新已经很久了,这次更新主要是对后台设置部分的更新以及评论区的更新,最开始想改版页面,但是大改结构对SEO不好,所以暂时不会改结构, MORE...

[置顶]如何上线一个网站?

20 2993 https://www.xuanmo.xin/wp-admin/admin-ajax.php 46

此文章写给像我最开始不会弄网站的那个你,希望对你有点帮助,附上一张思维导图,图片看不清可在浏览器新标签页打开或者保存到本地。   上线一个简单的网站 MORE...

[置顶] before伪类与阿里图标做的图标库

70 5500 https://www.xuanmo.xin/wp-admin/admin-ajax.php 79

图标简介 看了bootstrap的一些源码,设计思路很好,对图标的写法是个好的方法,于是借鉴这个方法,用阿里图标和before做了一个常用的图标库,不用每次需要图标的时候在去 MORE...

你可能不知道的那些emmet用法

8 320 https://www.xuanmo.xin/wp-admin/admin-ajax.php 9

前言 相信做前端的朋友大家对emmet都不陌生,看了一下emmet的官网,自己实际操作了一下,了解到emmet的强大,做一下总结   emmet大法,各符号代表的含义: MORE...

Vue学习笔记-表单输入

0 262 https://www.xuanmo.xin/wp-admin/admin-ajax.php 10

基础 使用v-model对输入框实现数据双向绑定,语法v-model="dataName",dataName为需要绑定的数据   修饰符 .lazy 表示输入框失去焦点的时候更新数据 .numb MORE...

Vue.js学习笔记-组件

2 184 https://www.xuanmo.xin/wp-admin/admin-ajax.php 6

组件概念 组件可以扩展 HTML 元素,封装可重用的代码。 用法:Vue.conponent('tagName', options) tagName:自定义html标签 options:选项功能代码,data数据必须是一 MORE...

Case show

最新案例展示

more

浏览器实现HTML5发送语音功能

2 373 https://www.xuanmo.xin/wp-admin/admin-ajax.php 5

   这是一次后台同事让做的一个功能,但是在手机端兼容不好,Safari清一色不支持,导致后来没有用上,想看效果的伙伴可以用pc端浏览器打开模拟手机的功能查看,查看demo链 MORE...

我的在线音乐播放器(移动端)

45 4752 https://www.xuanmo.xin/wp-admin/admin-ajax.php 93

一个月不更新了,先来几张音乐播放器的效果图吧,歌词联动后边在搞了,rem还没搞好,羞羞羞,哈哈,微信浏览不能实现在线搜索,可以用浏览器打开 在线展示 css3滤镜 MORE...

凑个数,canvas绘制时钟

5 2000 https://www.xuanmo.xin/wp-admin/admin-ajax.php 29

许久不更新了一样,用以前学习作业凑个数,canvas绘制的时钟,效果图: js代码 var canvas = document.getElementById('canvas'); var can = canvas.getConte MORE...

HTML5 Video自制视频播放器

4 1964 https://www.xuanmo.xin/wp-admin/admin-ajax.php 29

时间换算: 进度条与时间互换: 功能未完,效果图如下: DEMO展示 MORE...

文字超出显示省略号(css与js方法)

7 1910 https://www.xuanmo.xin/wp-admin/admin-ajax.php 9

第一种给出固定宽度,结合css样式控制: overflow: hidden;//超出隐藏 white-space: nowrap;//让文字不换行显示 text-overflow: ellipsis;//文本超出显示省略号 &n MORE...

canvas简易画板

12 2336 https://www.xuanmo.xin/wp-admin/admin-ajax.php 19

路径移动部分代码: canvas.onmousedown = function(ev){ ev = ev || window.event; _x = ev.clientX , _y = ev.clientY; // 路径开始 MORE...

依赖jQuery库封装全屏滚动插件,兼容移动端

5 2333 https://www.xuanmo.xin/wp-admin/admin-ajax.php 40

jQuery封装插件语法格式: 第一次写jQuery插件,在写这个插件的时候,还是学到一点东西,在不会的地方用百度搜了答案,也算是对自己的一个知识巩固,有什么不对的地方望大 MORE...

JavaScript面向对象封装canvas环形进度条

2 1929 https://www.xuanmo.xin/wp-admin/admin-ajax.php 18

canvas制作环形进度条需要注意的地方,就是关于角度与百分比的转换,公式如下: 传参利用的是json键值对方式进行传递参数,总共支持7个参数, obj:canvas对象(必 MORE...

jQuery无缝滚动轮播插件

4 2176 https://www.xuanmo.xin/wp-admin/admin-ajax.php 20

前言 在平时写特效的时候,喜欢把一些东西封装成一个插件,方便下次使用,不喜欢在特效上边用插件,所以就自己写,这是封装的无缝滚动轮播插件,一共6个非必填参数: MORE...

h5拖拽小案例

5 2040 https://www.xuanmo.xin/wp-admin/admin-ajax.php 12

利用html5新提供的方法,实现两个小的案例 简单的拖动拼图 拖动图片到浏览器窗口上传 DEMO展示 MORE...

3D全屏滚动案例

0 1268 https://www.xuanmo.xin/wp-admin/admin-ajax.php 19

3D全屏滚动思路: 先搭好3D盒子,4个div与浏览器等宽等高,点击让大的div顺着X轴旋转。最佳查看浏览器(chrome)源码如下: html部分 <div id="box"&g MORE...

Note

最新笔记

more

Vue学习笔记-表单输入

0 262 https://www.xuanmo.xin/wp-admin/admin-ajax.php 10

基础 使用v-model对输入框实现数据双向绑定,语法v-model="dataName",dataName为需要绑定的数据   修饰符 .lazy 表示输入框失去焦点的时候更新数据 .numb MORE...

Vue.js学习笔记-组件

2 184 https://www.xuanmo.xin/wp-admin/admin-ajax.php 6

组件概念 组件可以扩展 HTML 元素,封装可重用的代码。 用法:Vue.conponent('tagName', options) tagName:自定义html标签 options:选项功能代码,data数据必须是一 MORE...

wordoress插件Easy WP SMTP发送邮件服务

12 332 https://www.xuanmo.xin/wp-admin/admin-ajax.php 13

当我们用wordpress的时候,用户评论我们的文章,回复用户的评论,如果没有邮件通知,就只能登录到后台才能看见,有时候不登录都不知道自己的文章有人来评论了,这时候就可 MORE...

Vue.js学习笔记-认识Vue

2 277 https://www.xuanmo.xin/wp-admin/admin-ajax.php 9

今天开始学习Vue.js,每天学习记录笔记 vue生成一条数据 vue中的渲染在{{ }}两个大括号中间,一个小示例: <div id="app-1">{{ message }}&l MORE...

CSS3 新增文本属性

21 2447 https://www.xuanmo.xin/wp-admin/admin-ajax.php 30

text-overflow 定义文本溢出时所做的事,结合white-space、overflow属性一同使用,分别有3个值:    clip:超出时裁剪文本    ellipsis:超出时 MORE...

Browser-sync自动刷新浏览器调试工具

1 1580 https://www.xuanmo.xin/wp-admin/admin-ajax.php 22

什么是Browser-sync 中文官网地址:http://www.browsersync.cn 摘要来自官网:Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动 MORE...

text-shadow

CSS3 text-shadow属性

2 1251 https://www.xuanmo.xin/wp-admin/admin-ajax.php 23

text-shadow复合属性 css3新增文本属性,给文本做修饰的,属性的值可跟多组,用逗号隔开。 语法:text-shadow: h-shadow v-shadow blur color。   h-shadow: MORE...

SASS笔记–命令

4 1334 https://www.xuanmo.xin/wp-admin/admin-ajax.php 14

SASS安装命令--Mac gem install sass 提示权限问题需要用到sudo命令 sudo gem install sass SASS --watch 监听命令 监听单个文件 sass --watch test.scss:test MORE...

SASS基础笔记整理

2 1301 https://www.xuanmo.xin/wp-admin/admin-ajax.php 14

SASS是CSS的预处理器(css preprocessor),CSS的一种开发工具,支持加减乘除运算、变量、嵌套、继承(继承上一个选择器)、mixin(代码重用)、颜色函数、插入文件、条件 MORE...

css3 animation动画属性

2 1577 https://www.xuanmo.xin/wp-admin/admin-ajax.php 18

animation复合属性 animation-name: 规定动画名称; animation-duration: 动画执行完成所需时间,单位s; animation-timing-function: 动画运动曲线,默认为ease; ani MORE...

HTML5 Video标签笔记

4 1228 https://www.xuanmo.xin/wp-admin/admin-ajax.php 18

autoplay:媒体加载完成自动播放,标签属性 controls:显示播放控件,标签属性 loop:循环播放,标签属性 currentTime:当前播放时间,单位:秒 currentSrc: MORE...

css3 过渡transition属性

0 1163 https://www.xuanmo.xin/wp-admin/admin-ajax.php 17

transition是css3新增属性,可不用JavaScript、jQuery、flash等实现一些动画,以下为个人笔记: transition:简写属性,一共4个值;   transition-property:css MORE...