- 博客(137)
- 收藏
- 关注
转载 跨域通信方式示例代码
<script type="text/javascript"> // jsonp({ // data: { // // }, // }); </script> <script type="text/javascript"> /** * 跨域通信的几种方法 */ // jsonp工作原理,参考jsonp.js /.
2021-12-09 13:06:06 203
原创 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 287
原创 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 7619
原创 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 1546 1
原创 Vue父子组件生命周期
父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted
2021-01-15 15:49:39 138
原创 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 322 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 1503
原创 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 6707
原创 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 477
原创 uni-app动态修改顶部导航栏标题
代码示例如下:uni.setNavigationBarTitle({ title: "结束语" });
2020-12-31 16:20:04 5405 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 428
原创 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 3452
原创 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 710
原创 Flutter创建Flutter Application项目慢
在window系统终端输入如下代码set PUB_HOSTED_URL=https://pub.flutter-io.cnset FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
2020-12-21 15:44:05 610
原创 uniapp navigator动态加参数
代码示例如下:<navigator :url="'/pages/chat?id='+item.id">
2020-12-02 14:42:30 2898
原创 微信小程序项目转换成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 625 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 848
原创 微信小程序下拉组件
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 224
原创 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 457
原创 小程序与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 342
原创 解决: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 598
原创 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 126
原创 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 399
原创 小程序跳转
小程序跳转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 252
原创 vue create 项目名字如何打包
1.创建vue.config.js文件,代码如下:module.exports = { // 选项... publicPath: './', publicPath: process.env.NODE_ENV === 'production' ? './' : '/', outputDir: 'dist', assetsDir: 'static'}//npm install -g @vue/cli-init2.执行npm run build...
2020-08-18 10:05:09 997
原创 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 113
原创 微信小程序图片高度自适应问题
//加上mode="widthFix"即可<image src="../../images/de1.png" mode="widthFix"></image>
2020-08-05 14:03:58 758
原创 微信小程序循环索引设置
<view class="shoppingLi" wx:for="{{shoppingArr}}" wx:for-item="item2" wx:for-index="index2"> </view>
2020-08-04 09:44:48 2083 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 3944
原创 实现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 578
原创 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 240
原创 Vue获取当前元素
<p @click = "clickfun($event)">点击</p><===================================>methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSi.
2020-07-29 11:01:33 912
原创 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 437
原创 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 208
原创 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 95
原创 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 255
原创 实现购物车功能
<!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 253
原创 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 216
原创 弹性布局怎样排两行
<!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 4263
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人