- 博客(137)
- 收藏
- 关注
RSS订阅转载 跨域通信方式示例代码
<script type="text/javascript"> // jsonp({ // data: { // // }, // }); </script> <script type="text/javascript"> /** * 跨域通信的几种方法 */ // jsonp工作原理，参考jsonp.js /.
2021-12-09 13:06:06
264
原创 HTML页面布局方式
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style> html *{ margin:0; padding:0; } .l.
2021-11-20 18:50:26
372
原创 Vue返回上一页保留数据
1.配置路由，代码如下 export default new Router({ routes: [ { path: '/hello', name: 'HelloWorld', component: HelloWorld, meta: { keepAlive: true // 需要缓存 } }, { path: '/hello2', name: 'HelloWorld2',
2021-03-09 11:54:51
7840
原创 Uniapp 返回上一页传值案例
A页面 onShow(){ var shequ = getCurrentPages(); var prevShequ = shequ[shequ.length - 1]; var brand = prevShequ.brand; console.log(brand) }, B页面 chooseBrand(item){ var shequ = getCurrentPages(); var prevShequ = shequ[shequ.length - 2]; pr
2021-02-24 17:46:47
1640
1
原创 Vue父子组件生命周期
父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted
2021-01-15 15:49:39
206
原创 Vue模块化自定义指令
1.创建directive.js文件，代码如下： import Vue from 'vue'; Vue.directive('focus',{ //当绑定元素插入到DOM中 inserted: function(el){ el.focus(); //元素聚焦 el.setAttribute('placeholder','自定义内容'); } }) Vue.directive('***',{ inserted: function(el){ //.... } }) export {
2021-01-15 14:44:29
389
1
原创 JavaScript实现春节倒计时
代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>2021年还剩<span id="id1"></span>天<span id="id2"></span>小时<span id="id3"&g
2021-01-15 11:41:28
1598
原创 Flutter使用for循环示例
import 'package:flutter/material.dart'; // class OnlineRepairs extends StatelessWidget{ // @override // Widget build(BuildContext context) { // // TODO: implement build // return Example(); // } // // @override // // _ExampleState creat.
2021-01-08 16:43:21
6854
原创 Vue不通过路由传参
A页面 "方法名": function(){ uni.$emit('update',{msg:'页面更新'}) } B页面 onShow: function () { uni.$on('update',function(data){ console.log('监听到事件来自 update ，携带参数 msg 为：' + data.msg); }); }
2021-01-06 17:00:22
624
原创 uni-app动态修改顶部导航栏标题
代码示例如下： uni.setNavigationBarTitle({ title: "结束语" });
2020-12-31 16:20:04
5523
1
原创 Flutter color的用法
ARGB颜色透明度全量 color: Color(0xFF5e12a9) 00%=FF（不透明） 5%=F2 10%=E5 15%=D8 20%=CC 25%=BF 30%=B2 35%=A5 40%=99 45%=8c 50%=7F 55%=72 60%=66 65%=59 70%=4c 75%=3F 80%=33 85%=21 90%=19 95%=0c 100%=00（全透明）
2020-12-23 11:19:25
489
原创 Flutter for循环案例
import 'package:flutter/material.dart'; 2 3 class Example extends StatefulWidget { 4 @override 5 _ExampleState createState() => _ExampleState(); 6 } 7 8 class _ExampleState extends State<ExamplePage> { 9 List formList; 10 ..
2020-12-22 17:48:42
3543
原创 Flutter解决国内网速慢
1.找到Flutter项目下的gradle->buildgradle代码，将其改成 repositories { maven { url 'https://maven.aliyun.com/repository/google' } maven { url 'https://maven.aliyun.com/repository/jcenter' } maven { url 'http://maven.aliyun.com/nexus/conten
2020-12-21 16:02:50
888
原创 Flutter创建Flutter Application项目慢
在window系统终端输入如下代码 set PUB_HOSTED_URL=https://pub.flutter-io.cn set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
2020-12-21 15:44:05
693
原创 uniapp navigator动态加参数
代码示例如下： <navigator :url="'/pages/chat?id='+item.id">
2020-12-02 14:42:30
3054
原创 微信小程序项目转换成uniapp项目
一、建立，代码如下： npm install miniprogram-to-uniapp -g 二、查看版本，代码如下： wtu -V 三、在命令行里，输入【wtu -i "你的小程序项目路径"】，代码如下： wtu -i "C:\Users\xiangs\WeChatProjects\wxspg\shopty2" ...
2020-11-20 14:07:52
779
1
原创 select更改默认样式
代码示例如下： <!DOCTYPE html> <html> <head> <title></title> <style type="text/css" media="screen"> *{ margin:0; padding:0; } .selectBox{width:242px;height:56px;margin-right:36px;border-radius:4px;display: inlin
2020-11-14 15:35:20
952
原创 微信小程序下拉组件
select.wxml <view class="select-box"> <view class="select-current" catchtap="openClose"> <text class="current-name">{{current.name}}</text> </view> <view class="option-list" wx:if="{{isShow}}" catchtap="optionTa
2020-11-14 14:42:04
294
原创 css3字体加粗的问题
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
2020-11-14 11:16:51
541
原创 小程序与H5如何互相跳转
一、小程序跳转H5 <view class="page-body"> <web-view src="https://xxx.com/test.html"></web-view> </view> 二、H5跳转小程序 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>h5跳转小程
2020-11-02 10:42:10
429
原创 解决：You are using pip version 19.0.3, however version 20.0.2 is available.......问题
用这个命令来安装所需要的第三方库：pip3 install --index-url https://pypi.douban.com/simple xxxx。或者使用pipinstall-ihttps://pypi.tuna.tsinghua.edu.cn/simplexxxx从清华镜像获取库
2020-10-07 22:55:35
654
原创 JavaScript时间戳格式转换
function formatDate(value) { let date = new Date(value); let y = date.getFullYear(); let MM = date.getMonth() + 1; MM = MM < 10 ? ('0' + MM) : MM; let d = date.getDate(); d = d < 10 ? ('0' + d) : d; .
2020-09-16 16:30:23
186
原创 swiper双滑动
第一种，如下代码示例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <link rel="stylesheet" typ.
2020-09-12 16:44:22
482
原创 小程序跳转
小程序跳转H5 <view class="page-body"> <web-view src="https://xxx.com/test.html"></web-view> </view> H5跳转小程序 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>h5跳转小程序<
2020-09-01 09:42:12
315
原创 vue create 项目名字如何打包
1.创建vue.config.js文件，代码如下： module.exports = { // 选项... publicPath: './', publicPath: process.env.NODE_ENV === 'production' ? './' : '/', outputDir: 'dist', assetsDir: 'static' } //npm install -g @vue/cli-init 2.执行npm run build ...
2020-08-18 10:05:09
1068
原创 JavaScript实现排序
var arr = [ {date: "2020年3月12日"}, {date: "2020年1月11日"}, {date: "2020年4月21日"}, ]; for(var i = 0; i < arr.length; i++){ var temp = arr[i].date.match(/\d+/g); var day = new Date(temp[0], temp[1]-1, temp[2]); console.log(day); arr[i].date =.
2020-08-06 15:25:05
179
原创 微信小程序图片高度自适应问题
//加上mode="widthFix"即可 <image src="../../images/de1.png" mode="widthFix"></image>
2020-08-05 14:03:58
855
原创 微信小程序循环索引设置
<view class="shoppingLi" wx:for="{{shoppingArr}}" wx:for-item="item2" wx:for-index="index2"> </view>
2020-08-04 09:44:48
2155
1
原创 Vue实现升序降序
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>06_列表渲染_过滤与排序</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <.
2020-07-30 13:27:17
4120
原创 实现switch开关样式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css" media="screen"> .switch { width: 57px; height: 28px; position:.
2020-07-29 15:10:35
689
原创 Vue刷新当前页面
App.vue注入以下代码，以下所示： //APP.vue <template> <div id="app"> <router-view v-if="isRouterAlive"></router-view> </div> </template> <script> export default { name: 'App', provide(){ return { relo
2020-07-29 11:45:36
315
原创 Vue获取当前元素
<p @click = "clickfun($event)">点击</p> <===================================> methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSi.
2020-07-29 11:01:33
984
原创 JavaScript实现购物车
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物车</title> <!-- <link rel="stylesheet" href="css.css"> --> <style type="text/css" media="screen"> *{margin:0.
2020-07-24 11:23:40
507
原创 placeholder字体颜色兼容
/* WebKit browsers */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; } /* Mozilla Firefox 4 to 18 */ input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; } /* Mozilla Firefox 19+ */...
2020-07-22 13:17:18
265
原创 JavaScript上拉加载
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css" media="screen"> .box{ height:2000px; } </style> </head> <body> <div cl.
2020-07-20 13:27:06
131
原创 JavaScript判断滚动条宽度
function getBarWidth(){ let outDiv = document.createElement("div"); outDiv.style.width = "100px"; outDiv.style.position = "absolute"; outDiv.style.top = "-9999px"; document.body.appendChild(outDiv); let widthnobar = outDiv.offsetWi.
2020-07-17 15:58:58
323
原创 实现购物车功能
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .fl{ float: left; } .fr{ float: right; } blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, .
2020-07-07 15:16:03
319
原创 Vue全选示例
<div> <div> <input type="checkbox" @click="checkAll" v-model="checked"> <span>全选</span> </div> <ul> <li v-for="(item,index) in list" :key="index" style="margin-top:20px;"> <input type="checkbo.
2020-07-06 17:10:09
282
原创 弹性布局怎样排两行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .row { width: 300px; display: flex; flex-wrap: wrap; align-content: center; }.
2020-07-02 10:32:23
4382
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人