自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 资源 (2)
  • 收藏
  • 关注

原创 Vue——axios基本使用

一、axios安装在terminal上输入npm install axios安装在mian.js中引入import axios from ‘axios’这时就可以直接使用axiosaxios({ url:url,}).then(res => { console.log(res)})默认get方式,使用post可以加methodaxios({ url:url, method:'post',}).then(res => { console.log(res)}

2020-08-13 14:20:39 161 1

原创 字体锯齿 font-smoothing

CSS3里面加入了一个“-webkit-font-smoothing”属性。它有三个属性:none ------ 在ios系统中,字体会显示锯齿,安卓不会有subpixel-antialiased ------默认值antialiased ------抗锯齿很好...

2020-06-04 10:38:46 453

原创 pc端的网站在手机浏览器中显示宽度偏小

添加一段cssbody, html { min-width: 1350px; width: 100%; overflow-x: hidden;}

2020-04-07 16:36:39 443

原创 rem,em换算

js部分代码,先引入jqvar window_width = 750;//设计稿的宽为750px时var window_size = 100;(function () { $.fn.autoSize = function (options) { options = $.extend({}, $.fn.autoSize.defaults, options || {}); a...

2020-03-27 15:32:35 413

原创 微信小程序商城类项目使用到的前端效果(4)——多图上传

上传多张图片wxmll<view class="upload-img"> <text>上传凭证</text> <view class="img-list"> <view class="img-item" wx:for="{{voucher}}" wx:key="index" > <image cla...

2019-12-18 10:44:24 236

原创 即时通讯

前端使用layui框架中的即时通讯前端的一个代码测试var uuid,username,head_pic,my_pic,my_name,my_id;apiready = function() { uuid = api.pageParam.uuid; username = api.pageParam.username; if(api.pageParam.head_pic =='')...

2019-12-18 09:51:46 262

原创 微信小程序商城类项目使用到的前端效果(3)——树状图

wxml<view class="person-list"> <view class="p-item" wx:for="{{personList}}" wx:key="{{index}}"> <!-- 显示 --> <view class="p-intro {{item.son.length?'item':'...

2019-12-18 09:43:24 615

转载 微信小程序商城类项目使用到的前端效果(2)—— 点击图片放大预览

点击图片放大预览<image class="c-img" src="{{item}}" data-url="{{item}}" bindtap="clickImg"></image>clickImg: function (e) { wx.previewImage({ urls: [e.currentTarget.dataset.url], //需要...

2019-12-03 16:34:00 211

原创 微信小程序商城类项目使用到的前端效果(1)——搜索历史记录

商城类项目使用到的前端效果一搜素暂存的历史记录,最多5条历史记录<!-- 搜索框 --><form> <view class="search"> <image src="/images/search.png"></image> <input maxlength="20" placeholder="搜索海量商...

2019-11-23 09:49:39 616

原创 常用的样式修改

1、textarea去掉右下角三角图标textarea{resize:none}

2019-06-11 11:10:28 143

原创 有关doc、pdf、excal、ppt查看的方法

doc、pdf、excal的打开方式可以用iframe引用&amp;lt;iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%' frameborder='1'...

2019-03-05 15:27:14 198

原创 引用地图加上地图点击事件

html部分&amp;lt;div class=&quot;menu&quot;&amp;gt; &amp;lt;span class=&quot;name&quot;&amp;gt;吉林省&amp;lt;/span&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;div id=&quot;main&quot; style

2019-03-05 15:08:00 867

原创 sort()实现时间排序,reverse()

时间排序var data = { &quot;rows&quot;: [{ &quot;name&quot;: &quot;张三&quot;, &quot;time&quot;: &quot;2011/4/1 0:00:00&quot;, },{ &quot;name&quot;: &quot;李四&quot;,

2019-03-05 15:06:54 3493

原创 构造函数

原型(prototype):保存多个子对象共享的成员的对象1、每个对象都具有一个名为__proto__的属性(原型属性);2、每个构造函数(构造函数标准为大写开头,如Function(),Object()等等JS中自带的构造函数,以及自己创建的)都具有一个名为prototype的方法(注意:既然是方法,那么就是一个对象(JS中函数同样是对象),所以prototype同样带有__proto__属...

2019-03-05 15:01:43 181

原创 修改select

一、设置第一个选项为提示信息,不可选,在隐藏选项的同时,修改select字体颜色&amp;amp;lt;select&amp;amp;gt; &amp;amp;lt;option value=&amp;quot;0&amp;quot; style=&amp;quot;display: none;&amp;quot; disabled selected&amp;amp;gt;请选择就业类别&amp;amp;lt;/option&

2019-02-16 13:53:58 348

原创 简单的使用css画勾、叉、三角、大于号

勾.gou{ width: 9px; height: 18px; border-right:2px solid #f39800; border-bottom:2px solid #f39800; transform: rotate(40deg);}叉.cha{ width: 20px; height: 20px; margin: auto; position: rela...

2018-11-27 11:54:19 12085

原创 画带有图片的柱状图

html 部分&amp;lt;div class=&quot;swiper-container swiper2&quot; style=&quot;height:265px;overflow:hidden&quot;&amp;gt; &amp;lt;div class=&quot;swiper-list&quot;&amp;gt; &amp;lt;!-- &amp;lt;di

2018-11-27 11:53:50 565

转载 HTML标签marquee实现滚动效果

页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.语法:…; 说明:在标记之间添加要进行滚动的内容。重要属性:1.滚动方向direction(包括4个值:up、 down、 left和 right)  语法:…2.滚动方式behavior(sc...

2018-11-27 11:52:36 201

原创 对于pre的使用

解决不转行问题pre{ display: block; width:100%; font-family: -moz-fixed; white-space: pre-wrap; margin: 1em 0;}

2018-11-24 14:36:29 309

原创 for循环内执行ajax出现异步加载问题

问题的解决方式是添加$(function(i){}(i),如下所示: api.ajax({ url: areaListUrl, method: 'post', data: { values: { cid:aid } } }, function(...

2018-10-19 15:05:08 3472

原创 点击手机屏幕,出现水波效果

css部分.shui{ width:10px; height:10px; background: red; border-radius: 50%; position:absolute; -webkit-animation: waveCircle 1.5s infinite; anima...

2018-10-19 14:47:55 2546

悬浮右下角环形目录

点击图标,出现一个环形的目录,叉掉就可以关闭目录。

2018-11-24

单选框复选框样式

不同的单选和多选,是选中加个边框,加个勾勾的那种。

2018-11-24

空空如也

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

TA关注的人

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