- 博客(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
200
原创 字体锯齿 font-smoothing
CSS3里面加入了一个“-webkit-font-smoothing”属性。它有三个属性:none ------ 在ios系统中,字体会显示锯齿,安卓不会有subpixel-antialiased ------默认值antialiased ------抗锯齿很好...
2020-06-04 10:38:46
543
原创 pc端的网站在手机浏览器中显示宽度偏小
添加一段cssbody, html { min-width: 1350px; width: 100%; overflow-x: hidden;}
2020-04-07 16:36:39
494
原创 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
457
原创 微信小程序商城类项目使用到的前端效果(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
271
原创 即时通讯
前端使用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
323
原创 微信小程序商城类项目使用到的前端效果(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
674
转载 微信小程序商城类项目使用到的前端效果(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
283
原创 微信小程序商城类项目使用到的前端效果(1)——搜索历史记录
商城类项目使用到的前端效果一搜素暂存的历史记录,最多5条历史记录<!-- 搜索框 --><form> <view class="search"> <image src="/images/search.png"></image> <input maxlength="20" placeholder="搜索海量商...
2019-11-23 09:49:39
679
原创 有关doc、pdf、excal、ppt查看的方法
doc、pdf、excal的打开方式可以用iframe引用&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
239
原创 引用地图加上地图点击事件
html部分&lt;div class="menu"&gt; &lt;span class="name"&gt;吉林省&lt;/span&gt; &lt;/div&gt; &lt;div id="main" style
2019-03-05 15:08:00
934
原创 sort()实现时间排序,reverse()
时间排序var data = { "rows": [{ "name": "张三", "time": "2011/4/1 0:00:00", },{ "name": "李四",
2019-03-05 15:06:54
3580
原创 构造函数
原型(prototype):保存多个子对象共享的成员的对象1、每个对象都具有一个名为__proto__的属性(原型属性);2、每个构造函数(构造函数标准为大写开头,如Function(),Object()等等JS中自带的构造函数,以及自己创建的)都具有一个名为prototype的方法(注意:既然是方法,那么就是一个对象(JS中函数同样是对象),所以prototype同样带有__proto__属...
2019-03-05 15:01:43
206
原创 修改select
一、设置第一个选项为提示信息,不可选,在隐藏选项的同时,修改select字体颜色&amp;lt;select&amp;gt; &amp;lt;option value=&quot;0&quot; style=&quot;display: none;&quot; disabled selected&amp;gt;请选择就业类别&amp;lt;/option&
2019-02-16 13:53:58
411
原创 简单的使用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
13068
原创 画带有图片的柱状图
html 部分&lt;div class="swiper-container swiper2" style="height:265px;overflow:hidden"&gt; &lt;div class="swiper-list"&gt; &lt;!-- &lt;di
2018-11-27 11:53:50
616
转载 HTML标签marquee实现滚动效果
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.语法:…; 说明:在标记之间添加要进行滚动的内容。重要属性:1.滚动方向direction(包括4个值:up、 down、 left和 right) 语法:…2.滚动方式behavior(sc...
2018-11-27 11:52:36
245
原创 对于pre的使用
解决不转行问题pre{ display: block; width:100%; font-family: -moz-fixed; white-space: pre-wrap; margin: 1em 0;}
2018-11-24 14:36:29
346
原创 for循环内执行ajax出现异步加载问题
问题的解决方式是添加$(function(i){}(i),如下所示: api.ajax({ url: areaListUrl, method: 'post', data: { values: { cid:aid } } }, function(...
2018-10-19 15:05:08
3542
原创 点击手机屏幕,出现水波效果
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
2613
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人