09 2020 档案

uni-app开发经验分享五： 解决三端页面兼容问题的方法
摘要：在做uni-app开发的过程中，我们最头疼可能不是开发的过程中的逻辑，而是最后要做的三端兼容测试和修改，在我开发的项目中，这一步都是最头疼和令人头秃的过程，这里总结一些个人开发遇到的问题，希望对大家有所帮助。 三端头部高度兼容 描述：在开发中，原生的标题往往不能满足我们的开发要求，我们需要自己写一个 阅读全文
posted @ 2020-09-30 14:20 林恒 阅读(1977) 评论(0) 推荐(0) 编辑
uni-app开发经验分享四： 实现文字复制到选择器中
摘要：这里分享一个我经常用到的一个方法，主要是用来复制文字内容，具体代码如下： var that=this; if(!document){ uni.setClipboardData({ data:复制的值, success:function(){ uni.showToast({ icon:"none", 阅读全文
posted @ 2020-09-25 15:06 林恒 阅读(582) 评论(0) 推荐(0) 编辑
uni-app开发经验分享三： Vuex实现登录和用户信息留存
摘要：在做用户登录的过程中，其实最重要的是登录成功后的数据要怎么储存，储存到哪里，这里我分享一个利用vuex来实现用户登录和用户数据留存的方法 vuex代码如下： //引入vue和vuex import Vue from 'vue' import Vuex from 'vuex' //H5配置行 impo 阅读全文
posted @ 2020-09-22 18:05 林恒 阅读(1207) 评论(0) 推荐(1) 编辑
CSS实现迷你键盘
摘要：最近做了一个迷你键盘的dome，这里分享给大家 dome下载地址（点击下载） 代码如下： <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>迷你键盘</title> <style> *{margin:0;pa 阅读全文
posted @ 2020-09-21 17:22 林恒 阅读(623) 评论(0) 推荐(0) 编辑
uni-app 开发随笔（踩坑记录）
摘要：这里总结一些uni-app开发时我遇到的坑 uni-app获取元素高度及屏幕高度（uni-app不可使用document） uni.getSystemInfo({ success: function(res) { // res - 各种参数 console.log(res.windowHeight) 阅读全文
posted @ 2020-09-18 13:50 林恒 阅读(952) 评论(0) 推荐(1) 编辑
uni-app开发经验分享二： uni-app生命周期记录
摘要：应用生命周期（仅可在App.vue中监听） 页面生命周期（在页面中添加） 当页面中需要用到下拉刷新功能时，打开pages.json，在"globalStyle"里设置"enablePullDownRefresh":true 此时所有页面都可以完成下拉刷新功能如果想单个页面不能执行刷新功能：在page 阅读全文
posted @ 2020-09-18 13:44 林恒 阅读(408) 评论(0) 推荐(0) 编辑
uni-app开发经验分享一： 多页面传值的三种解决方法
摘要：开发了一年的uni-app，在这里总结一些uni-app开发中的问题，提供几个解决方法，分享给大家： 问题描述：一个主页面，需要联通一到两个子页面，子页面传值到主页面，主页面更新 问题难点： 首先我们需要一个逻辑模型（这里随便画了一个） 通过这个模型，我们可以看到一个问题，子页面的内容怎么传回主页面 阅读全文
posted @ 2020-09-17 11:54 林恒 阅读(1956) 评论(2) 推荐(0) 编辑
JS复习笔记一：冒泡排序和二叉树列
摘要：在这里逐步整理一些JS开发的知识，分享给大家： 一：冒泡排序 使用场景：数组中根据某个值得大小来对这个数组进行整体排序 难度：简单 原理：先进行循环，循环获取第一至倒数第二的范围内所有值，对当前值与下一循环的值进行判断，如果满足条件，直接在循环中进行替换，再重复调用方法本体 案例： var arr 阅读全文
posted @ 2020-09-16 14:38 林恒 阅读(315) 评论(0) 推荐(1) 编辑
jQ实现图片无缝轮播
摘要：在铺页面的过程中，总是会遇到轮播图需要处理，一般我是会用swiper来制作，但总会有哪个几个个例需要我自己来写功能，这里制作了一个jq用来实现图片无缝轮播的dome，分享给大家ヽ(￣▽￣)ﾉ。 dome下载点击这里 具体代码如下： <!DOCTYPE html> <html> <head> <met 阅读全文
posted @ 2020-09-15 14:00 林恒 阅读(552) 评论(0) 推荐(0) 编辑
canvas星空背景特效+CSS旋转相册学习
摘要：今天在看帖子的时候，看到了个有趣的css旋转相册，刚好之前做了一个星空背景dome，这里给大家分享下代码： 旋转相册参考：https://blog.csdn.net/gitchatxiaomi/article/details/108474015?utm_medium=distribute.pc_ca 阅读全文
posted @ 2020-09-14 15:32 林恒 阅读(812) 评论(0) 推荐(0) 编辑
CSS响应式布局学习笔记（多种方法解决响应式问题）
摘要：在做web开发的工作中，会遇到需要我给页面根据设计的要求，进行响应式布局，这里跟大家分享下我对于响应式布局的解决方法： 我主要利用的是CSS3 媒体查询，即media queries，可以针对不同的媒体类型定义不同的样式，从而实现响应式布局 。也可以针对不同的分辨率设置不同的样式。在实际操作中，我们 阅读全文
posted @ 2020-09-13 11:04 林恒 阅读(733) 评论(0) 推荐(0) 编辑
深拷贝学习笔记
摘要：在开发过程中，我碰到了一个问题，让我找了好久问题在哪里，最后我发现是最开始赋值的时候没有深拷贝值，导致了原本值被覆盖污染，这里和大家分享下我的解决方法 var i = 5; var j = i; j=1; console.log(i);//5 console.log(j);//1 我们正常赋值的逻辑 阅读全文
posted @ 2020-09-12 16:00 林恒 阅读(284) 评论(0) 推荐(0) 编辑
两种方式实现水平瀑布流布局
摘要：在实际开发中，经常会遇到图片排序处理的问题，进过多次尝试，我在这里总结两种图片水平排序的方式： 第一种：CSS属性直接设置图片样式 具体是使用CSS中的column-count属性，给图片的外部box设置后，里面的img可以直接根据数量来进行排序 页面效果就是以下这样： html和css代码如下： 阅读全文
posted @ 2020-09-12 15:31 林恒 阅读(896) 评论(0) 推荐(0) 编辑
网页添加 Live2D 看板娘
摘要：参考并转载于https://www.fghrsh.net/post/123.html 个人网站添加Live2D 看板娘的方法： 在页面中加入以下代码（已经全部处理完，可以根据需求适当修改）： <!DOCTYPE html> <html> <head> <title>Live2D 看板娘 测试dome 阅读全文
posted @ 2020-09-11 09:46 林恒 阅读(1303) 评论(0) 推荐(0) 编辑