- 博客(41)
- 资源 (7)
- 收藏
- 关注
RSS订阅
原创 PC微信hook学习笔记（二）—— C++语言编写dll
PC微信hook学习笔记（二）——获取微信个人信息本篇笔记学习教程：C语言编写dll
2020-03-30 14:18:35
4818
2
原创 crypto-js加密、解密与node Crypto加解密模块的应用
前端用crypto-js实现加解密，node端用Crypto模块，两者想要相同结果的话，就要保持加密密钥和加密算法一致。
2023-12-07 16:15:10
476
原创 elementUI+vue实现商城分类导航弹出二级菜单悬浮展示（鼠标经过时显示）
效果二级菜单显示是用了elementUI的两个组件：el-tooltip + el-cascader-panelvue代码<!-- 分类 --><div class="category-box"> <span class="category-label">分类</span> <div class="flex-1"> <div class="category-list">
2022-03-09 20:29:58
6758
原创 前端网页兼容电脑笔记本分辨率放大125%、150%的办法
有的电脑就是玩儿，哎非要默认125%或者150%的放大，还特喵的是推荐！css/* 屏幕分辨率放大为 150 */@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) { .app-main { transform: scale(0.665, 0.665); /* 缩放数值需要根据效果调试 */ transform-origin: left top; }}/*
2022-03-09 19:55:14
11235
17
原创 用postMessage与message实现iframe之间跨域通信
子页面（iframe1、iframe2）发送的消息，mian.html可以接收到两个不同域的iframe，可以用父页面做转发，实现消息通信代码main// 3.父页面接收消息，并发送到iframe2window.addEventListener('message',(event)=>{ if(!event.data.from || event.data.from !== 'iframe1'){ return } console.log('%c 2..
2022-01-07 17:38:31
1307
原创 vue3 Teleport的应用示例
首先看下官方文档里Teleport的介绍，Teleport也是一种组件，例如下面的代码，能够将<child-component name="John" />组件传送到#endofbody的标签里去渲染。<teleport to="#endofbody"> <child-component name="John" /></teleport>同时，props参数name="John"可以正常传递，就是说，在代码中Teleport保持原有布局层级、参数传
2021-08-31 20:04:40
678
原创 小程序页面移到vue项目中后使用正则匹配替换字符view、wx:for、rpx等；vsCode使用正则表达式替换字符
最近做得一个需求是，将线上小程序的某部分功能页面，加到APP版本上。幸好APP版本是vue项目，小程序的代码又与h5相似，所以样式结构逻辑直接挪过来再慢慢改也能做。小程序页面挪到vue项目，那就是：.wxss代码放在 <style scoped></style>标签里.wxml代码放在 <template></template>标签里，可能需要加层<div></div>.js里的data、onLoad、properties等放
2021-07-02 11:21:02
1257
原创 移动端h5常用样式（11px文字、文字超出显示...、文字上下左右居中）
11px大小的文字.mini-font{ font-size: 12px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.92); transform: scale(0.92);}文字超出显示…这里超出显示...的文字，与其他文字在同一行，所以用的是flex布局+max-width属性.box{ margin-top: 20px; display: flex; font
2021-04-22 15:29:14
1247
原创 css3实现0.5px边框、圆角渐变色边框+圆角渐变色背景
效果图0.5px边框0.5px边框，可以用伪元素实现，before、after都可以。移动端H5页面用的比较多。圆角渐变色边框+圆角渐变色背景实现外部圆角边框，内部圆角渐变色背景，是用父div + 子div实现的，其中父div和子div用不同的背景颜色，父div的padding大小，就是整体的边框高度。如果内部div不需要圆角，可以参考这篇文章：CSS 巧妙实现带圆角的渐变边框代码<!DOCTYPE html><head> <meta charset=
2021-04-16 15:47:20
1804
1
原创 vue中beforeRouteEnter、beforeRouteLeave的应用场景
每个vue单文件组件中，可以加入三种route navigation guards（导航守卫钩子）：beforeRouteEnter，beforeRouteUpdate，beforeRouteLeave，比较常用的是beforeRouteEnter和beforeRouteLeave，这里总结下项目中遇到的应用场景。beforeRouteEnter比较常见的一种应用场景就是，当前页面是数据列表页并且开启了缓存，跳转到其他子页面再跳转回来时，需要根据不同的页面或参数来判断是否重新加载列表页的数据。有一种方
2021-02-03 14:30:16
16586
原创 css常用样式整理、flex样式整理
css3的flex布局已经是前端必会，想学flex布局的话，推荐大家看阮一峰的网络日志·Flex 布局教程：语法篇，这里只是复习一下flex布局的常用属性：justify-content、align-items、flex、align-content。/** * …………………………flex布局……………………………… * * 常用属性 * * justify-content 属性定义了项目在主轴上的对齐方式，也就是x轴上。 * flex-start：左对齐 | flex-end：右对齐 |
2020-11-14 15:26:57
363
原创 jquery插件easyPieChart简单饼状图的应用、饼状图更新颜色，带有动画效果
jquery.easypiechart.js插件，用来统计新的访问、跳出率、服务器负载、使用的RAM等，带有HTML5的动画效果。下面是简单版的效果图。代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简单饼状图</title> <style> .easypie-chart-wrapp
2020-10-15 17:33:57
1119
原创 js正则表达式 - 验证11位手机号码、邮箱验证、18位身份证号码
可验证：‘xxxxxxxxx@xxx.com’，‘xx@xxx.edu.com’，‘xxxx.xxxxx@xxx.com’，‘xxxx-xxxxx@xxx.com’，‘xxxx.xxxxx@xxx.com.cn’；规则：第一个数字1，第二个数字只能是3,4,5,7,8中的某一个，剩下的号码需要有9个数，范围在0-9之间，即 1+1+9=11,11位手机号码。规则：字母或数字开头，中间可以有-或_或.连接的字母数字组合，@符号，后面可以有-或_或.连接的字母数字组合，最后是域名。
2020-10-13 14:14:45
5891
原创 vue+axios拦截处理、简单二次封装
代码http.jsimport Vue from 'vue'import { Loading,Message } from 'element-ui';// 防止一开始弹出提示框Vue.component(Message.name, Message);//axios 设置import axios from 'axios'axios.defaults.timeout = 180000; //3min超时//默认网关-计划系统网关const BASE_API = "/api/myclient
2020-10-12 18:28:55
217
2
原创 vue+elementui 房贷计算器
loan房贷计算组件<template> <el-tabs type="border-card" v-model="loanType"> <el-tab-pane label="商业贷款" name="1" class="load-card"> <!-- 商业贷款 --> <el-form :model="commercialLoans" :rules="rules" ref="r
2020-10-12 14:13:33
2829
原创 vue 时间线组件（时间轴组件）
效果vue-时间线组件（时间轴组件）代码<template> <ul class="timeline-wrapper"> <li class="timeline-item" v-for="t in timelineList" :key="t.id"> <div class="timeline-box"> <div class="out-circle">
2020-10-09 16:17:49
29025
10
原创 element-ui大图预览el-image-viewer组件，实现图片查看
在不使用Image组件的时候，可以用el-image-viewer组件实现大图预览。<!-- 大图预览 --><el-image-viewer v-if="showBig" :on-close="closeViewer" :url-list="showBigImgList"/>// 仅做示例<script> import ElImageViewer from 'element-ui/packages/image/src/imag
2020-10-09 14:07:50
8396
7
原创 js 判断IE版本、js 关闭页面、js 打印、js 全屏显示、
html页面常用功能整理（js 打印 全屏）打印/** * 打印html的某个元素 * @param id */function printHtmlDom(id) { // 1.获得需要打印的元素HTML var newstr = document.getElementById('printDiv').innerHTML; // 2.打开一个窗口，且内容设置为空...
2020-09-28 10:09:51
549
1
原创 JavaScript进阶（3）——es6实现二叉搜索树、中序遍历、查找
本博客学习书籍：《学习JavaScript数据结构与算法》本博客学习章节：第八章二叉搜索树BST特点二叉搜索树与普通的树结构相比，有以下特点：1. 一个树节点只能有两个子节点2. 左侧子节点的值 < 父节点的值3. 右侧子节点的值 >= 父节点的值节点深度节点的一个属性是深度，节点的深度取决于它的祖先节点的数量。比如，节点3有3个祖先节点（5、7和11），它的深度为3。树的高度树的高度取决于所有节点深度的最大值。一棵树也可以被分解成层级。根节点在第0层，它.
2020-09-04 09:23:09
466
1
原创 JavaScript进阶（2）——js集合与es6的Set类、js字典与es6的Map类
本博客学习书籍：《学习JavaScript数据结构与算法》本博客学习章节：第六章集合集合是由一组无序且不能重复的项组成的。为了更好的贴合这个定义，我们用JavaScript的对象来实现集合。JavaScript的对象不允许一个键指向两个不同的属性，保证了集合里的元素都是唯一的。首先用函数法来模拟实现Set类。function Set(obj) { let items = obj || {}; // 集合里的元素是不能重复的，所以在add、remove的时候需要判断元.
2020-08-30 13:05:30
386
原创 JavaScript进阶（1）——es6实现栈（十进制转换）、队列（优先队列和循环队列）、链表（单向链表和双向链表）
本博客学习书籍：《学习JavaScript数据结构与算法》本博客学习章节：第三章、第四章栈栈是一种遵循**后进先出（LIFO last in first out）**原则的有序集合。新添加的或待删除的元素都保存在栈的同一端，称作栈顶，另一端就叫栈底。比如考试时发考卷，一摞考卷都是从最上面开始发给考生，如果考生没到场也是把该考生的卷子放上面而不是塞最底下。创建栈// es6语法class Stack { constructor(items) { this.items = item.
2020-08-10 18:05:54
311
原创 js常用函数——js 判断变量、js 获取地址栏参数 、js 对象数组去重、js setTimeout
js常用函数获取地址栏参数/** * 获取地址栏参数 * @param name * @returns {*} */function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search...
2020-07-30 18:25:32
339
1
原创 JavaScript 常用的数组函数
本博客学习书籍：《学习JavaScript数据结构与算法》本博客学习章节：第二章常用的数组函数对单个或多个数组元素进行操作的unshift(value) 在数组首位插入元素，插入值会作为数组的第一个元素，返回值为数组修改后的长度shift() 删除数组的第一个元素，返回值为被删除的元素push(value) 在数组末尾插入元素，插入值会作为数组的最后一个元素，返回值为数组修改后的长度pop() 删除数组的最后一个元素，返回值为被删除的元素splice(index, l.
2020-07-29 17:37:53
532
原创 JavaScript 进阶（一）——面向对象编程与原型模式
本博客学习书籍：《JavaScript设计模式与开发实践》本博客学习章节：第一章原型模式与面向对象编程动态类型语言编程语言按照是否定义数据类型大体可以分为两类，一类是静态类型语言，另一类是动态类型语言。JavaScript就是一种动态类型语言，定义到调用都不用管变量的类型。// 定义a时不需要管它的类型// 在 F12-Console 台，依次输入下面每行的代码，都是OK的var a;a = 1;a += '-aaa'a = [1,2,3]a = new Date()静态类型.
2020-07-17 15:53:45
306
原创 js基础总结——js 获取元素节点、js 绑定onclick事件、js 获取属性 修改属性值、js 获取子元素、js 改变css样式
js dom操作js 获取元素节点一份document就是一棵节点树// 1. 根据元素id名称获取dom, return→对象document.getElementById('submit_btn')// 2. 根据元素标签名称获取dom, return→对象数组document.getElementsByTagName ('ul')// 3. 根据元素class名称获取dom, return→对象数组document.getElementsByClassName('menu acti
2020-07-14 15:10:26
2816
原创 js 提高性能
js 提高性能尽量少访问dom，尽量减少标记访问dom的方式会对脚本性能产生非常大的影响，只要是查询dom中的某些元素，浏览器都会搜索整个dom树，从中查找可能匹配的元素。在需要对一个dom对象数组循环时，只调用一次查询dom的方法。var aDomArr = document.getElementsByTagName('a');if(aDomArr.length > 0){ for(var i=0; i< aDomArr.length; i++){ aDomArr[0].h
2020-07-13 10:56:07
140
原创 PC微信hook学习笔记（三）—— 获取登录二维码
PC微信hook学习笔记（三）—— 获取登录二维码基址1. 获取二维码图片中包含的文本内容2. 找到存放二维码内容的基址本篇笔记学习教程：获取微信二维码基址，手动实现hook1. 获取二维码图片中包含的文本内容首先，关于二维码生成原理，大家可看下这位大佬的博客：二维码原理详解。而识别二维码，就是将二进制编码的图片，按编码规则解码出来并解析所包含的内容（可能是字符串、网址等）。怎么找...
2020-04-10 10:51:49
8050
6
原创 canvas绘制基础图形（canvas 气泡框 网格线 三角形 圆角矩形 箭头）
canvas绘制基础图形这两天整理了下项目中用到的函数，学着博客里的方法封装成了一个插件，若有不对的地方，还请不吝赐教，谢谢！javascript立即执行函数怎样用原生JS封装自己需要的插件canvas Two 三角形Canvas学习：绘制箭头功能介绍1.初始化画布 initCanvas2.绘制网格线 drawGridlines3.绘制圆点 drawDot4.绘制圆环...
2020-03-13 15:41:30
1595
原创 css判断浏览器
以下所能判断的有：火狐、IE10+、chrome、IE9和IE10/* 火狐 */@-moz-document url-prefix() { #cfcGzzPlanList_wrapper .dataTables_scrollBody { width: 99.97% !important; }}/* IE10+ */@media screen and (...
2020-03-06 16:54:09
1545
1
原创 js日期处理函数 日期格式化 当前日期 日期相差天数等
所引用的博客：js计算月份代码 上个月-下个月JS中增加日期格式化原型函数之prototype/** * 1.日期格式化 new Date().Format("yyyy-MM-dd"); * * 2.获取两个日期的相差天数 getDateDifference("2020-03-02","2020-07-01"); * * 3.获取指定日期的前一天 getYesterdayDat...
2020-03-06 16:42:15
166
原创 易语言学习笔记（4）
易语言入门教程（4）子程序介绍调用参数返回值实例易模块编译易模块调用易模块DLL命令Windows API子程序介绍将程序分割成较小的逻辑单元就可以简化程序设计任务，这些部件被称为子程序。 子程序可用于压缩重复任务或共享任务，例如，压缩频繁的计算处理等等。子程序可使程序划分成离散的逻辑单元，每个单元都比无子程序的整个程序容易调试及理解；相当于js的函数在同一个程序集中，子程序名不能重...
2019-12-20 18:31:48
1205
原创 易语言学习笔记（3）
易语言入门教程（3）windows动态链接库常数概念及分类常量概念新增常量字节集资源表概念图片资源声音资源文本资源windows动态链接库虽然还没学到windows动态链接库是什么，但先新建一个敲几行代码运行看看。和windows控制台一样，点击小三角就能运行。常数概念及分类常数为可以直接在程序中使用的数据，可以分为以下几种类型：（1）数值型常数。如：1，16，120，0.15等。...
2019-12-19 16:33:07
1953
原创 易语言学习笔记（2）
易语言入门教程（2）编写一个MP3播放器windows控制台程序易语言的命令学会查找命令方法型语句命令型语句命令表（系统核心支持库）数值处理命令判断命令循环命令跳转命令常用命令编写一个MP3播放器打开易语言，点击工具栏的快捷按钮【新建】，并在弹框中选择Windows窗口程序，如图所示在新窗体中画一个编辑框和两个按钮控件。各自选中按钮后，打开属性面板，分别将这两个按钮的标题属性改为“播放M...
2019-12-18 17:26:03
3697
原创 【zTree】将zTree节点前的展开收起图标（加减号）改为三角形图标
zTree是jQuery 树插件，官网地址。新需求：把树节点前的加减号图标，改为三角形图标；去掉图标；去掉连接线；修改前与修改后对比去掉图标；去掉连接线参考地址：http://www.treejs.cn/v3/demo.php#_103按照官网文档在setting里配置就行，代码如下：var setting = { view: { selectedMulti: ...
2019-12-17 13:49:47
6180
2
canvas-basic-graphics.zip
2020-03-24
canvas-basic-graphics.zip
2020-03-13
canvas-basic-graphics.js
2020-03-13
易语言入门教程（2）--命令.e
2019-12-18
variables&constants.e
2019-12-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人