自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

祈澈菇凉

90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。

  • 博客(72)
  • 论坛 (3)
  • 收藏
  • 关注

原创 微信小程序图片使用示例

小程序官方API:https://developers.weixin.qq.com/miniprogram/dev/component/image.html1:加载本地文件夹图片 <image src="/image/pig.jpg" mode="aspectFill"> </image> 2:加载服务器图片wx...

2018-05-28 10:47:37 38171 7

原创 【组件】微信小程序input搜索框的实现

开发小程序的过程,是一个学习知识,解决问题的过程,每当实现了一个需求,总会有很大的成就感,每天记录一个开发过程中的细节。实现效果如下:图片.png官方参考链接:https://developers.weixin.qq.com/miniprogram/dev/component/input.htmlwxml: <view class='page_row' bindta...

2018-05-18 14:18:50 23965

原创 ajax实现简单的点击左侧菜单,右侧加载不同网页

实现:ajax实现点击左侧菜单,右侧加载不同网页(在整个页面无刷新的情况下实现右侧局部刷新,用到ajax注意需要在服务器环境下运行,从HBuilder自带的服务器中打开浏览效果即可)图片.png原理:ajax的局部刷新原理:通过.load()重新加载页面中的某一部分,巧妙的借助data-*的自定义属性来存储数据,点击的时候修改锚点,因为地址有变,所以刷新...

2018-05-11 11:28:04 28842 10

原创 移动端常用的四个框架

1:weUI官方网址:https://weui.io/官方介绍:WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。图片发自简书App优点:做为开发者的我们可以不用写太多css,直接拿过来就可以用。组件都有点击态,大大增加了用户的体验好感,高清屏幕下 border : 0.52:Frozen U...

2018-05-11 11:08:29 25834

原创 常用的六个富文本编辑器

1::功能齐全 tinymce|TinyMCE | The Most Advanced WYSIWYG HTML Editor官方网址:https://www.tinymce.com/TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持。图片发自简书App2:百度 ...

2018-05-03 11:12:44 29650 4

原创 如何去掉bootstrap table中表格样式中横线竖线

修改之前,表格看上去比较拥挤,因为bootstrap table插件中自带斑马线表格样式,有横线和竖线分栏,现在我们不需要这些。图片.png应UI设计的要求,要去掉中间的横线和竖线,使用了修改需求中一种简单粗暴的修改方法,打卡网页F12键,找到横线竖线所对应的位置,直接添加代码border:0px;测试成功。图片.png返...

2018-05-30 15:22:00 1453

原创 编程微刊第五期文章汇总(2018.5)

index5.png1. 推荐阅读前端开发工作中如何快速成长和学习?初中级前端开发工程师如何提升个人能力?程序员如何利用空闲时间挣零花钱来自一位00后程序员的成长历程程序员如何打造个人技术影响力2. 公众号文章史上最全的大厂Mysql面试题在这里百度的一道假盐面试题引发的争论Git安装及密钥的生成并上传本地文件...

2018-05-30 11:49:00 198

原创 十分钟上手-搭建vue开发环境(新手教程)

想写一些关于vue的文章已经很久了,因为这个框架已经火了很久,在公司里用的框架都比较老旧,但怎么也得跟上前端发展变化的潮流,这不,开始使用vue开发项目了,一遍开发一边踩坑中,今天要记录的是五分钟搭建vue开发环境,运行GitHub上的开源项目。步骤很简单,只是在搭建环境的过程中会遇到各种各样奇怪的报错,十分让人头疼。1:安装node端开发框架和环境都...

2018-05-28 16:04:00 1064

原创 基于cropper.js的图片上传和裁剪

项目中要求图片上传并裁剪的功能,之前也有接触过很多图片裁剪插件,效果体验不是很好,今天推荐一款好用的插件-cropper,超级好用,裁剪功能丰富,满足了各种需求。功能:1:点击选择图片,弹出文件夹选择桌面 文件2:选择文件之后,打开编辑图片的页面,开始裁剪图片插件下载地址:http://www.jq22.com/jquery-info18167插件描述:croppic图像裁剪将...

2018-05-28 10:52:13 12120 5

原创 经典小程序源码及其下载地址

小程序开发环境搭建好之后,https://www.jianshu.com/p/0ff8c3b2f59f,开始写代码了,对于一个对小程序了解程度半生不熟的人来说无从下手,看视频吧又太浪费时间了,那么只要有一定的前端基础,再结合一些别人的开源代码,很快就能开发出自己的产品了,在网上找了一些经典的小程序开源代码,总结了一下,留着备用。1:我要圣诞帽项目地址:https://github.com/jass...

2018-05-28 10:50:32 8997 1

转载 【前端切图】用css画一个卡通形象-小猪佩奇

最近在腾讯云技术社区遇到了一位奇才,用css画出了一个社会人小猪佩奇,不得不服。研究了一下他的文章https://segmentfault.com/a/1190000014909658,感觉甚是有趣,果断收藏。话不多说,直接贴一张生动到一塌糊涂的图。前端代码如下:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;用cs...

2018-05-28 10:49:54 2232

原创 如何给小程序页面加载一张背景图片

我们知道,在PC端,想在一个页面插入一张背景图,只需要如下属性即可。background-image: url("../images/photo.png"); 在小程序里面,如此做法就行不通了,图片不但不会显示而且还会报错了pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用&lt;image/&g...

2018-05-28 10:48:41 12831 11

原创 基于mpvue的小程序项目搭建的步骤

mpvue 是美团开源的一套语法与vue.js一致的、快速开发小程序的前端框架,按官网说可以达到小程序与H5界面使用一套代码。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序,或开发小程序后希望将其转换为 H5,mpvue 将是十分契合的一种解决方案。Mpvue官网:ht...

2018-05-28 10:46:12 1207

原创 基于mpvue的小程序项目搭建的步骤一

未标题-1.pngmpvue 是美团开源的一套语法与vue.js一致的、快速开发小程序的前端框架,按官网说可以达到小程序与H5界面使用一套代码。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序,或开发小程序后希望将其转换为 H5,mpvue 将是十分契合的一种...

2018-05-25 18:04:00 228 4

原创 微信小程序图片使用示例

小程序官方API:https://developers.weixin.qq.com/miniprogram/dev/component/image.html1:加载本地文件夹图片 &lt;image src="/image/pig.jpg" mode="aspectFill"&gt; &lt;/image&gt; ...

2018-05-24 10:57:00 2508

原创 如何给小程序页面加载一张背景图片

我们知道,在PC端,想在一个页面插入一张背景图,只需要如下属性即可。background-image: url("../images/photo.png"); 在小程序里面,如此做法就行不通了,图片不但不会显示而且还会报错了pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64...

2018-05-23 16:07:00 1735

原创 基于cropper.js的图片上传和裁剪

项目中要求图片上传并裁剪的功能,之前也有接触过很多图片裁剪插件,效果体验不是很好,今天推荐一款好用的插件-cropper,超级好用,裁剪功能丰富,满足了各种需求。功能:1:点击选择图片,弹出文件夹选择桌面 文件2:选择文件之后,打开编辑图片的页面,开始裁剪图片插件下载地址:http://www.jq22.com/jquery-info18167插件描述:...

2018-05-18 14:18:07 549 6

原创 经典小程序源码及其下载地址

小程序开发环境搭建好之后,https://www.jianshu.com/p/0ff8c3b2f59f,开始写代码了,对于一个对小程序了解程度半生不熟的人来说无从下手,看视频吧又太浪费时间了,那么只要有一定的前端基础,再结合一些别人的开源代码,很快就能开发出自己的产品了,在网上找了一些经典的小程序开源代码,总结了一下,留着备用。1:我要圣诞帽项目地址:https://github.com/j...

2018-05-18 14:17:27 11088 5

转载 【前端切图】用css画一个卡通形象-小猪佩奇

最近在腾讯云技术社区遇到了一位奇才,用css画出了一个社会人小猪佩奇,不得不服。研究了一下他的文章https://segmentfault.com/a/1190000014909658,感觉甚是有趣,果断收藏。话不多说,直接贴一张生动到一塌糊涂的图。图片.png前端代码如下:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;h...

2018-05-18 14:16:15 261 5

原创 【前端切图】用css画一个卡通形象-小猪佩奇

最近在腾讯云技术社区遇到了一位奇才,用css画出了一个社会人小猪佩奇,不得不服。研究了一下他的文章https://segmentfault.com/a/1190000014909658,感觉甚是有趣,果断收藏。话不多说,直接贴一张生动到一塌糊涂的图。图片.png前端代码如下:&lt;!DOCTYPE html&gt;&lt;html&...

2018-05-18 13:43:00 203

原创 经典小程序源码及其下载地址

小程序开发环境搭建好之后,https://www.jianshu.com/p/0ff8c3b2f59f,开始写代码了,对于一个对小程序了解程度半生不熟的人来说无从下手,看视频吧又太浪费时间了,那么只要有一定的前端基础,再结合一些别人的开源代码,很快就能开发出自己的产品了,在网上找了一些经典的小程序开源代码,总结了一下,留着备用。1:我要圣诞帽项目地址:...

2018-05-18 11:08:00 927

原创 基于cropper.js的图片上传和裁剪

项目中要求图片上传并裁剪的功能,之前也有接触过很多图片裁剪插件,效果体验不是很好,今天推荐一款好用的插件-cropper,超级好用,裁剪功能丰富,满足了各种需求。功能:1:点击选择图片,弹出文件夹选择桌面 文件2:选择文件之后,打开编辑图片的页面,开始裁剪图片插件下载地址:http://www.jq22.com/jquery-info18167...

2018-05-17 17:25:00 917

原创 【组件】微信小程序input搜索框的实现

开发小程序的过程,是一个学习知识,解决问题的过程,每当实现了一个需求,总会有很大的成就感,每天记录一个开发过程中的细节。实现效果如下:图片.png官方参考链接:https://developers.weixin.qq.com/miniprogram/dev/component/input.htmlwxml: &lt;view cla...

2018-05-16 19:37:00 2113

原创 如何打造个人技术影响力

什么是影响力?影响力是用一种别人所乐于接受的方式,改变他人的思想和行动的能力。影响力就是一个品牌,用你的品牌效应去影响和改变人们的行为和思想,说白了就是别人提前某样东西的时候第一时间就会想起你。地边摊和专卖店的产品肯定天壤之别,无论是品味、档次和服务都不在同一个水平线。那么问题来了,作为一个程序员,如何提升自己的个人技术影响力呢?一、提升自己的技术一个优...

2018-05-16 10:20:29 233

原创 一位90后程序员的自述:如何从年薪3w到30w!

初入职场之时,大多数人都应该考虑过这样的一个问题,如何找到一种实用,简化web流程的方法,在工作之中能有所提升和突破。学好哪些?基础必须精通!九层之塔,起于垒土;千里之行,始于足下。入门之前,这些都是必不可少的东西,基础的重要性决定了是在这一行业稳扎稳打还是风雨飘摇。掌握HTML +CSS, HTML是网页的核心,是一种制作万维网页面的标准语言,这是前端最基本的知识,相当于小...

2018-05-16 10:19:42 4310 5

原创 css实现背景半透明文字不透明的效果

图片.png&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; ht

2018-05-14 14:57:22 7186

原创 Eclipse如何从SVN更新和上传修改部分项目

1:右击项目,选择team菜单,点击与资源库同步图片.png2:第一个箭头表示别人改动的部分图片.png3:右击,更新,将同事改动的部分同步到自己的项目里面图片.png4:第二个指向右边的箭头表示自己修改的文件图片.png5:右击,提交,将自己改动的项目代码提交到svn上图片.png6:红色箭头表示同时改动了同一个文件并上传到svn上产生的冲突文件原文作...

2018-05-14 14:55:58 6079

原创 前端切图:自制简易音乐播放器

音乐播放器是一个非常常见的应用,这篇博客就是介绍如何制作一个简单的音乐播放器,这款音乐播放器具有以下的功能:图片旋转功能,点击播放,点击暂停播放的功能,音量调大调小功能,设置音频的播放时间,循环播放,自动播放,切换歌曲功能。效果如下:图片发自简书App代码如下:&lt;!DOCTYPEhtml&gt;&lt;html&gt; &lt;hea...

2018-05-14 14:55:20 658 4

原创 前端切图|点击按钮div变色

图片.png图片.png &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;点击按钮div变色.html&lt;/title&gt; &lt;meta charset="utf-8" /&am

2018-05-14 14:54:44 269

原创 当鼠标聚焦时输入框变色(focus事件实例)

图片.png当鼠标聚焦时输入框变色css相关,鼠标点击<input>输入域后出现有颜色的边框原理:css伪类之input输入框鼠标点击边框变色效果伪类元素的使用::focus一:当输入框获得焦点时,改变它的背景色效果图:当鼠标聚焦时输入内部填充色改变图片.png<!DOCTYPE html><html><head&g...

2018-05-14 14:54:07 2918 1

原创 jedate-开始使用一款好用的时间插件

jeDate日期控件 -(原生JS版)jeDate V6.5.0 是一款原生JS开发的 不依赖任何第三方库 大众化的日期控件,包含 多语言、设定年月(YYYY-MM)、日期范围限制、开始日期设定、自定义日期格式、根据不同的日期格式,显示不同内容。官方文档:http://www.jemui.com/uidoc/jedate.html图片.png插件链接:h...

2018-05-14 14:53:29 722

原创 jedate-开始使用一款好用的时间插件

jeDate日期控件 -(原生JS版)jeDate V6.5.0 是一款原生JS开发的 不依赖任何第三方库 大众化的日期控件,包含 多语言、设定年月(YYYY-MM)、日期范围限制、开始日期设定、自定义日期格式、根据不同的日期格式,显示不同内容。官方文档:http://www.jemui.com/uidoc/jedate.html图片.png...

2018-05-12 22:15:00 197

原创 前端切图|点击按钮div变色

图片.png图片.png &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;点击按钮div变色.html&lt;/title&gt; &lt;meta chars...

2018-05-11 11:41:00 609

原创 当鼠标聚焦时输入框变色(focus事件实例)

图片.png当鼠标聚焦时输入框变色css相关,鼠标点击&lt;input&gt;输入域后出现有颜色的边框原理:css伪类之input输入框鼠标点击边框变色效果伪类元素的使用::focus一:当输入框获得焦点时,改变它的背景色效果图:当鼠标聚焦时输入内部填充色改变图片.png&lt;!DOCTYPE html&gt;...

2018-05-11 11:41:00 791

原创 前端切图:自制简易音乐播放器

音乐播放器是一个非常常见的应用,这篇博客就是介绍如何制作一个简单的音乐播放器,这款音乐播放器具有以下的功能:图片旋转功能,点击播放,点击暂停播放的功能,音量调大调小功能,设置音频的播放时间,循环播放,自动播放,切换歌曲功能。效果如下:图片发自简书App代码如下:&lt;!DOCTYPEhtml&gt;&lt;html&gt; ...

2018-05-11 11:26:00 172

原创 移动开发之css3实现背景几种渐变效果

移动端背景渐变,非常的年轻,符合90后年轻一代的审美,css3的这个渐变目前主要是应用在手机前端领域。产品设计中使用渐变色的好处:1:观众不至于眼睛过于疲劳(如果是浅色背景,3个小时下来极容易造成观众闭上眼睛还有残影,眼睛会极度疲劳)。2:优雅而低调的深浅色调:3:纯色单调 渐变色一是色彩不单调 二是在有限空间内尽可能制造空间感4:稍微加点渐变可以让纯色层显得更细腻,不那么单调。画面显得更丰富。代...

2018-05-11 11:14:59 371

原创 jQuery实现多种切换效果的图片切换的五款插件

1:Nivo SliderNivoslider:丰富的图片切换效果官方网址:https://themeisle.com/plugins/nivo-slider查看演示:https://www.helloweba.com/demo/nivoSlider/官方介绍:Nivoslider是一款基于jQuery的的,能实现多种切换效果的图片切换插件.Nivosl...

2018-05-11 11:14:10 1184

原创 jQuery实现点击开关图片切换

原型大概是这样的image需求:点击右侧的蓝色眼睛,会变成关键代码:/* 实现图片切换 */$(".imgclick").toggle(function(){$(this).attr("src","img/close.png");},function(){$(this).attr("src","img/open.png");}).at...

2018-05-11 11:13:28 1339 2

原创 三个Bootstrap免费字体和图标库

前言:Bootstrap 简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单 ,深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快, 组件无数可复用的组件,包括字体图标,在网页制作中我们经常用到小图标(icon),在Bootstrap中提供了很多这种小图标,在这篇内容中,我们把这套框架上的免费字体图标做了个小整合(当然,以后还会不断的更新)...

2018-05-11 11:12:22 12495

原创 Bootstrap相关优质项目学习清单

1:编码规范 by @mdo编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范http://codeguide.bootcss.com/2:快速、可靠、安全的依赖管理工具。Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。https://yarn.bootcss.com/3:Liquid 是一门开源的模板语言,由Shopif...

2018-05-11 11:11:43 84

空空如也

祈澈菇凉的留言板

发表于 2020-01-02 最后回复 2020-04-05

boostrap里面的tab页,如何每次打开的时候都默认为第一个按钮?

发表于 2017-07-19 最后回复 2019-05-30

如何去掉select中的搜索框?

发表于 2017-06-30 最后回复 2017-07-31

空空如也

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

TA关注的人 TA的粉丝

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