青叶笔记小程序开源项目
自言自语
分享给大家一个微信小程序笔记本,是我自己开发的~ 🙂
开发这个小程序的原因是因为一般的笔记本小程序不支持附加账号密码 而我的笔记一般就是为了存账号密码文本内容都较少 所以我干脆就自己写了一套小程序
账号密码存入数据库都是加密的 只有在前端分享和详情中看到解密内容
源码下载
📑前端源码📑后端源码https://gitee.com/smallfoxi/note-mphttps://gitee.com/smallfoxi/note-admin
青叶笔记小程序特点
支持分享码形式分享给好友看
支持Markdown语法
支持笔记附加账号密码信息可以多个账号
支持微信登录
笔记附加网址
笔记搜索 标签搜索
个人资质也可以上线
分享效果演示
Js数组的reduce常用操作方法
reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
reduce() 可以作为一个高阶函数,用于函数的 compose。
语法
1array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
参数
描述
total
必需。初始值, 或者计算结束后的返回值。
currentValue
必需。当前元素
currentIndex
可选。当前元素的索引
arr
可选。当前元素所属的数组对象。
找最大值
1234// 找最大值const result = [1,2,3,3,2,1,6,5].reduce((x,y) => Math.max(x,y));// 打印结果console.log(result); // 6
数组去重
12345678910// 去重const result = [1,2,3,3,2,1,6,5].reduce((x,y) => { // 检测是否存在 if(x.i ...
Electron-Vue-Sqlite3电脑软件
只会前端技术也可以开发电脑软件
利用Electron即可打包成电脑软件,也可以调用系统API 如打开文件窗口 写入文件等
环境要求:
node yarn(npm也可以) vue electron
Sqlite3是数据库不用安装,如果你的项目用得到就安装
第一步搭建vue
一、全局安装vue/cli
1yarn global add @vue/cli
验证全局是否安装成功
vue -V
二、初始化项目
1、选择自定义
1vue create 项目名
2、使用上下箭头选择,按空格确认选择
根据需求选择
安装electron
123yarn add electron --devyarn add electron-devtools-installer --devyarn add vue-cli-plugin-electron-builder
如果ts-loader报错
12yarn remove ts-loaderyarn add ts-loader@~8.2.0 -D
这只是笔记,详细请看https://zhuanlan.zhihu.com/p/518697714
简单的存档加密方法
方法来自百度 这里只是当作笔记记录
用于Unity游戏存档加密 C#语言
12345678910111213141516171819202122232425262728293031323334353637383940414243444546using System.IO;using UnityEngine; /// /// /// * Writer:June/// /// * Data:2021.11.9/// /// * Function:序列化数据测试类/// /// * Remarks:/// /// public class SerializeDataTest : MonoBehaviour{ private string filePath; private void Start() => filePath = Path.Combine(Application.streamingAssetsPath, "Data.txt"); private void Update() { // ...
移动端页面自适应解决方案rem布局
移动端自适应方案,这里推荐使用网易做法
用上这段代码 就可以根据750设计稿 测量尺寸来精准实现了
网易做法
引入:页面开头处引入下面这段代码,用于动态计算font-size
12345678910111213141516171819202122232425(function(doc, win) { var docEl = doc.documentElement, isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), dpr = isIOS ? Math.min(win.devicePixelRatio, 3) : 1, dpr = window.top === window.self ? dpr : 1, //被iframe引用时,禁止缩放 dpr = 1, scale = 1 / dpr, resizeEvt = 'orientationchange' in window ? ...
教你怎么用JQ写AJAX(详细版)
首先引入JQ才可以用 必须的
jQ的Ajax 设这样写的$.ajax({}); 括号里面是参数
例如下面
1234567891011121314151617$.ajax({ url:'', //请求地址(问号前面就是地址 不需要问号) type:'', //请求方式(可以是POST或者GET) data:{ //请求参数(前面参数冒号后面值 如果是变量不需要引号如果是固定的参数请用引号引起来) id:'58', //列子 }, callback:'callback', //此条用于跨域请求(例如获取别人网站的数据或者远程调用自己的数据 如果是json则本条删掉不需要) dataType:'json', //返回数据格式 (可以是文本可以是网页可以是json数据也可以是jsonp,默认返回json) beforeSend: function()& ...
截取链接中的参数 很实用
一段可以获取链接中任意参数的js
在很多地方你可以用到它 比如webApp 移动端
比如你从首页到内容页必须附带一个参数 你可以这样/index.html?id=5
然后在内容页使用getParam(‘id’)这样就可以获取到5了
第一个参数传入键 第二个参数是可选的 如果不传入会从当前网址获取 如果传入了网址就从传入的网址中获取
123456789101112131415161718192021// 获取参数function getParam(id,_url){ var url =_url||window.document.location.href; var url=url.toString(); var u = url.split("?"); var get = {}; if (typeof(u[1]) == "string") { u = u[1].split("&"); for (var i in u) & ...
封装了一个JQ倒计时功能 使用很简单
代码适用于普通的html页面 别的地方要用可以调整代码
既然是JQ的代码 那么引入JQ那就是必须的了 如果不想用JQ 修改一下返回的方法就好了
123456789101112131415161718<div id="timer1" style="color:red"></div> <script> djs('2017/11/20','#timer1') function djs(sj,div){ //sj格式2017/11/20 传字符串进来 var starttime = new Date(sj); setInterval(function () { var nowtime = new Date(); var time = starttime - nowtime; var day = parseInt(time / 1000 / 60 / 60 / 24); ...
如何利用js替换html页面中的文本或者符号等
找到一个好玩的程序 发现不支持发送表情怎么办或者系统不支持表情
下面我提供一下我的表情支持思路 不需要后端
比如我们把一个表情定义为[emt]16[/emt] 16就代表表情图片名称 这样发布
然后渲染的时候我们就可以用replace替换掉16前后的字符
具体代码贴在下面了
123456789101112<div id="biaoqing">[emt]16[/emt]</div><!--上面是显示区域--><script type="text/javascript">// 替换代码为表情window.onload=function(){ var div = document.getElementById('biaoqing'); var html = div.innerHTML; div.innerHTML = html.replace(/(\[emt])/g,"<img src="+"/img/").r ...