华山派developer-CSDN博客

原创微信小程序之接口预加载

我正在参加「掘金·启航计划」之前技术主管让我研究一下微信小程序的请求预加载的方案，但后来因为别的开发任务，预加载这款就搁置下来了。最近开发任务不重，又凑巧看了相关的文章，了解了实现原理，自己写了个轮子，大家请往下看。

2022-11-03 18:08:56 3192 1

此组件是使用原生微信小程序代码开发的一款高性能的卡片滑动组件，无外部依赖，导入即可使用。其主要功能效果类似探探的卡片滑动。/pages/index/card其中，components文件夹下的card组件是cardSwipe组件的抽象节点，放置卡片内容，需要调用者自己实现。而cardSwipe组件为卡片功能的具体实现。pages下的index为调用组件的页面，可供参考。动态新增卡片的wxml节点数不受卡片列表的大小影响，只等于卡片展示数，如果每次只展示三张卡片，那么卡片所代表的节点数只有三个。

2022-09-06 09:45:34 1571 4

原创小程序原生组件live-player的踩坑记录——同层渲染问题

公司有这么个需求，当有置顶的直播时候，小程序的首页会显示一个可拖动的直播悬浮窗。开发的思路很简单，就是使用 movable-area和movable-view组件实现拖动功能。但今天的主题不是这两个组件，而是live-player组件。

2022-09-06 09:43:10 1251

原创手写vue——简版Vue的实现1

简版Vue的实现MVVM的实现代码实现创建vue_simple项目项目目录编写过程测试代码 hvue.html明确实现hVue.js的过程数据响应式模版编译MVVM的实现MVVM框架的三要素：数据响应式、模版引擎及其渲染数据响应式：监听数据变化并在视图中更新Object.defineProperty()，Vue2中的实现Proxy，Vue3中的实现模版引擎：提供描述视图的模版语法插值：{{}}指令：v-bind, v-on, v-model, v-for, v-if渲染：如何将模版

2022-05-31 00:08:38 478

原创微信小程序云开发——打卡小程序

效果图上一波，也可微信搜索小程序 “借我橡皮鸭”效果图2小程序二维码仓库链接个人博客有问题可以邮箱 [email protected]

2022-04-07 17:00:57 1242

原创手写简版的Vue-router

原版Vue-router的使用步骤先在router/index.js引入//router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import HomeComponent from "../components/home.vue"import AboultComponent from "../components/about.vue"//第一步Vue.use(VueRouter)const rout

2021-06-23 17:34:48 122

原创 egg.js使用Sequelize遇到的错误

刚开始按照Egg.js的文档安装Sequelize，配置后遇到这样的错误： Error: Access denied for user 'root'@'localhost' (using password: YES), sleep 1 seconds to retry... ERROR 15548 nodejs.SequelizeAccessDeniedError: Access denied for user 'root'@'localhost' (using password: YES)我本

2021-04-11 19:15:52 1777 1

原创 Vue双向绑定原理

1、页面–>数据模型层：原理：给元素添加事件监听完成例如给input标签添加input事件来改变value值。2、数据模型层–>页面：原理：通过数据劫持和发布订阅实现数据劫持：拦截数据的变化，常用方案：Object.defineProperty和Proxy Vue2.0 用的是Object.defineProperty Vue3.0 用的是Proxy//数据劫持<script type="text/javascript"> v..

2021-03-08 14:04:11 119

原创 flutter-provider用法详解

基于provider版本4.3.3，这里只介绍基本用法，更多用法参考文档文档地址第一步：安装第二步：创建provider对象实例官方文档介绍不要用ChangeNotifierProvider.value创建实例，如下。官方推荐的方法：//可以放在main.dart入口文件，也可以放在其他你需要的位置 Provider( create: (_) => MyModel()， child: ... )//MyModel()只是单纯的示例.

2021-02-23 16:12:35 1482

原创 nuxt打包部署踩坑记录

用nuxt写的个人博客，一段时间后，发现我发布了篇文章，我的前端页面竟然没有显示。。。

2021-02-21 10:13:28 1858 1

原创 js-身份证识别性别和出生日期

***certNo:身份证号返回值：xxxx-xx-xx/男 function(certNo) { var _len = certNo.length;//获取身份证的长度 let brith="";//出生日期 xxxx-xx-xx let sex = "";//性别 //处理18位的身份证号码从号码中得到生日和性别代码 if (_len == 18){ brith=certNo.substr(6, 4) + "-" + certNo.substr(

2021-01-06 13:18:17 3135

原创 flutter ios开发打包发布全流程

题外话：第一次接触flutter，刚开始是用windows电脑开发，后期转到mac电脑测试时候会有很多坑。建议最好开始就用mac开发。另外，安卓市场发布需要软件版权证书，可以提前申请，因为也挺费时间的。下面开始介绍ios开发打包发布的流程和中间需要注意的点。第一部分：开发测试第二部分：打包发布1、申请钥匙串2、申请证书3、注册Bundle ID4、添加测试设备5、配置证书6、打包ipa7、发布1、申请钥匙串打开mac中的应用程序‘钥匙串访问’保存到电脑就好了，最后是一个这样的文件

2020-10-17 19:17:08 4797 3

原创命令行中flutter doctor正常，pubspec.yaml中flutter doctor则报cocoapods not install（编译报）

（ios 编译报错 CocoaPods not installed or not in valid state）原因是mac中安装了多个cococapod解决方法：gem list 可以查看电脑中的cococapod版本sudo gem uninstall cocoapods后选择要卸载的版本sudo gem install cocoapods如果卸载了所有的cocoapods，则执行附加步骤转到Flutter项目的iOS目录pod install重启软件就好了

2020-10-12 10:16:28 2762

转载 flutter photo_view轮子收藏——转载https://www.jianshu.com/p/74e82fa87174

单图片预览单独写一个页面，作为图片预览的界面：import 'package:flutter/material.dart';import 'package:photo_view/photo_view.dart';class PhotoViewSimpleScreen extends StateleeWidget{ const PhotoViewSimpleScreen({ this.imageProvider,//图片 this.loadingChild,/

2020-09-17 17:22:18 495

原创 flutter 踩坑记录 flutter_swiper报错 ScrollController not attached to any scroll views.Failed assertion: li

报错如下：ScrollController not attached to any scroll views.‘package:flutter/src/widgets/scroll_controller.dart’:Failed assertion: line 112 pos 12: ‘_positions.isNotEmpty’报错位置：就是Swiper插件这，突然就报这样的错啦，导致点击操作也没办发解决方法：在相关位置加key:GlobalKey(),如下：...

2020-09-11 19:29:00 1385 1

原创 flutter打包报错This application cannot tree shake icons fonts. It has non-constant instances of IconData

解决方法在Icon 前面加const修饰

2020-09-09 11:20:44 5407 4

原创 flutter 错误记录键盘弹起收起导致数据初始化

键盘弹起收起会导致页面build，页面build会让widget.data的数据初始化解决：将数据与build的方法放在一起；

2020-09-02 17:59:43 1062

原创记录flutter开发中遇到的问题，实现不返回上个页面，但能返回上上个页面

a->b->c->b,然后b返回会返回到aNavigator.of(context).popUntil((route) => route.settings.name.startsWith('/user/orders/orderComf'));

2020-09-01 13:22:04 840

原创借花献佛 flutter绘制虚线

这个也是看到别人写的借鉴的，可以直接建一个文件夹引入//虚线import 'package:flutter/material.dart';import 'dart:math' as math;class DashedRect extends StatelessWidget { final Color color; final double strokeWidth;//虚线高度 final double gap;//点之间的间隔 DashedRect( {this.co

2020-08-29 13:47:06 621

原创 flutter 使用image_picker上传图片

第一步：封装，可以单独放在一个文件里可以直接复制//选择图片函数 /*拍照*/ HspTakePhoto() async { var image = await ImagePicker.pickImage(source: ImageSource.camera,maxWidth: 640,maxHeight: 480);//限制拍照图片的大小 return image; } /*相册*/ HspOpenGallery() async {

2020-08-27 13:52:48 2417

转载 flutter 禁止应用横屏

在main.dart中引入import 'package:flutter/services.dart';// wait until `setPreferredOrientations` is done and start the app// this works.void main() { SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]) .then((_) { runApp(new

2020-08-26 16:33:08 1087

原创 Flutter text设置行间距

通过设置 StrutStyle 的 leading , 然后利用 Transform 做计算翻方向位置偏移，因为 leading 是上下均衡的，所以计算后就可以得到我们所需要的行间距大小。 (虽然无法保证一定 100%像素准确，你是否还知道其他方法？)Transform.translate( offset: Offset(0, 1 / 2), //1为 StrutStyle 的 leading的值 child:Text( "1

2020-08-10 15:50:43 8050 1

原创 flutter开发之验证码倒计时

源代码是参考https://www.jianshu.com/p/e941fe68694c文章的，但是再运行的时候，只有第一次点击有效，再次点击就不执行倒计时了。上效果图上代码，大家可以直接复制用的//发送验证码倒计时模块import 'dart:async';import '../config/index.dart';import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';class

2020-07-18 17:10:34 1155 1

原创 flutter开发之常用插件（持续更新中。。。）

参考文章：https://github.com/AweiLoveAndroid/Flutter-learning

2020-07-16 21:28:43 1140

原创 Flutter组件学习之AppBar组件

效果图import 'package:flutter/material.dart';void main()=> runApp(new MyApp());class MyApp extends StatelessWidget{ @override Widget build(BuildContext context){ return MaterialApp( title: "Align组件", home:Scaffold( //。。。。。。。

2020-07-11 16:14:42 224

原创 flutter组件学习之对齐组件align

先上代码import 'package:flutter/material.dart';void main()=> runApp(new MyApp());class MyApp extends StatelessWidget{ @override Widget build(BuildContext context){ return MaterialApp( title: "Align组件", home:Scaffold( appBa

2020-07-11 15:44:12 850

原创使用input加ul实现模糊输入（后台返回搜索结果，基于angular ts）

效果图需要后台配合，写一个查询，前端监听输入框每次的输入，同时把输入的值当作参数请求后台，后台把查询的结果返回来，然后显示在ul里，然后点击li获取li里的值，替换input的值html<div *ngIf="key?.config_info.columntype==9"> <label for="name">{{key?.config_info.columntitle}}</label>

2020-07-10 14:26:33 424

原创常用js方法库

import { showModal, navigateTo, paymeng, getCode, hideLoading, downloadFile, saveImageToPhotosAlbum, getLocation, showToast} from "./public.js";import { config} from "config.js";const app = getApp();//获取当前页面urlexport const getUrl

2020-07-10 11:29:57 743

原创 iso微信端input标签的样式显示发白

input type=“submit” 样式发白<input type="submit" class="btn"value="下一步" >在对应的样式文件里添加这样的样式.btn{ cursor: pointer; -webkit-appearance: none; }input type="radio"样式发白 <input type="radio" class="radio">//设置未选中的样式input[type="

2020-06-30 15:49:29 265

转载文本内容超出显示省略号

单行文本<div id="fujian"> <div class="file" *ngFor="let item of activityData?.file"> <span class="title">{{item.file}}</span>//文件名称 <div class="btn1"> <img src="../../../assets/images/052.png" alt=""> <a [hre

2020-06-24 15:30:29 204

移动端微信浏览器使用overflow：scroll属性实现横向滚动没效果

在写公众号网页时候，如果菜单过多的话，要实现左右滚动。然后列表内容实现上下滚动。就用了overflow-x和overflow-y的样式，结果在电脑浏览器测试时候完全没问题，但打包上传后，在微信里看上下是可以滚动的，左右完全没效果。在手机其他浏览器里正常没问题。我是参考了这篇说在苹果浏览器中overflow不起作用的文章解决的，但实际上我的代码只是在微信浏览器上没效果，反而在safari浏览器里没问题。解决方法：A：是父容器，加overflow样式的C：是子容器，是具体显示需要滚动的内容。因为需要它

2020-06-07 23:00:33 1753

空空如也

angular使用ngx-markdown时候markdown文件显示在网页上汉字变问号