自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 跨域解决方案

2020-11-17 11:16:45 84

原创 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跳转小程序&lt

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> &lt.

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关注的人

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