ACGuan-CSDN博客

转载跨域通信方式示例代码

2021-12-09 13:06:06 190

原创 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 274

原创 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 7519

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 1523 1

原创 Vue父子组件生命周期

父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted

2021-01-15 15:49:39 119

原创 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 303 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 1485

原创 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 6657

原创 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 454

原创 uni-app动态修改顶部导航栏标题

代码示例如下：uni.setNavigationBarTitle({ title: "结束语" });

2020-12-31 16:20:04 5371 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 414

原创 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 3423

原创 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 689

原创 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 592

原创 uniapp navigator动态加参数

代码示例如下：<navigator :url="'/pages/chat?id='+item.id">

2020-12-02 14:42:30 2844

原创微信小程序项目转换成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 612 1

原创跨域解决方案

2020-11-17 11:16:45 77

原创 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 816

原创微信小程序下拉组件

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 212

原创 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 433

原创小程序与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 322

原创解决：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 585

原创 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 116

原创 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 379

原创小程序跳转

小程序跳转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 227

原创 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 977

原创 JavaScript实现排序

2020-08-06 15:25:05 101

原创微信小程序图片高度自适应问题

//加上mode="widthFix"即可<image src="../../images/de1.png" mode="widthFix"></image>

2020-08-05 14:03:58 744

原创微信小程序循环索引设置

2020-08-04 09:44:48 2065 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 3891

原创实现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 564

原创 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 230

原创 Vue获取当前元素

<p @click = "clickfun($event)">点击</p><===================================>methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSi.

2020-07-29 11:01:33 893

原创 JavaScript实现购物车

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车</title>  <style type="text/css" media="screen"> *{margin:0.

2020-07-24 11:23:40 412

原创 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 197

原创 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 90

原创 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 239

原创实现购物车功能

<!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 240

原创 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 206

原创弹性布局怎样排两行

<!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 4165

空空如也

空空如也