joken1310 - 博客园

URLSearchParams使用实践，URLSearchParams实现url参数字符转js对象，获取属性等功能

摘要： const params = new URLSearchParams();//实现js参数转urlcode编码，直接可以传到url去请求 params.append('param1', 'value1'); params.append('param2', 'value2'); console.log 阅读全文

posted @ 2024-06-02 18:03 joken1310 阅读(103) 评论(0) 推荐(0)

js生成器使用测试，生成器使用测试

摘要： // 生成多少个yield 就能被for of 遍历多少次 function* mytest() { for (let i = 0; i < 5; i++) { yield Math.random(10) * 1000 } } // for of 会迭代生成器里面所有的yield ，有多少个yiel 阅读全文

posted @ 2024-06-02 17:28 joken1310 阅读(12) 评论(0) 推荐(0)

Object 对象实现for of 迭代遍历

摘要：实现代码 Object.prototype[Symbol.iterator] = function () { let keys = Object.keys(this); let index = 0; return { next: () => { return { value: this[keys[i 阅读全文

posted @ 2024-06-02 16:26 joken1310 阅读(19) 评论(0) 推荐(0)

vue3 vite 项目tsx写法尝试，vue vite 如何实现tsx语法的使用，tsx父子事件和数据传递

摘要： vite配置上面jsx插件搞好就能在vue项目中使用jsx写法了代码尝试 ChildWorld.vue <script lang="tsx"> import { defineComponent, defineProps } from "vue" const childAbc = () => { 阅读全文

posted @ 2024-06-01 23:49 joken1310 阅读(304) 评论(0) 推荐(0)

ts 装饰器测试，ts 4种装饰器的使用，ts 装饰器的使用

摘要： interface mycbdInterface { alert(name: string): void, one?: string } //函数装饰器 const myconsole: MethodDecorator = (...rest) => { console.log(rest, "rest 阅读全文

posted @ 2024-06-01 20:33 joken1310 阅读(41) 评论(0) 推荐(0)

vue3 状态管理库pinia使用测试，pinia数据状态库的基本用法

摘要： Home.vue 组件中使用测试 <template> <div class="home"> <div> fone:{{ fone }} </div> <div> ftwo:{{ ftwo }} </div> <div> ffour:{{ ffour }} </div> <div> ffive:{{ 阅读全文

posted @ 2024-06-01 16:08 joken1310 阅读(68) 评论(0) 推荐(0)

vue3 语法测试，vue3中的常用api hooks等使用

摘要： Home.vue <template> <div class="home"> <div> {{ fone }} </div> <div> {{ ftwo }} </div> <div> {{ ffour }} </div> <div> {{ ffive }} </div> <HelloWorld @ 阅读全文

posted @ 2024-05-31 21:15 joken1310 阅读(48) 评论(0) 推荐(0)

js 原型继承法

摘要：主要是通过子类的prototype直接拷贝一份父类的原型实现继承的方式,这样的优点是简单直接，缺点是多拷贝了一份内存，子类多创建了一份独立内存用于继承父类的原型 function abc(){ this.name="sdlfjslfdjs" } abc.prototype.xx="sdlfsjlfd 阅读全文

posted @ 2024-05-30 18:41 joken1310 阅读(11) 评论(0) 推荐(0)

ts 语法测试，typescript常用语法的使用

摘要： //interface 定义对象结构测试 interface abc { a: string, //基本数据类型声明都是小写开头 b: number, c?: [string] //定义字符类型的数组 cc?: Array<string>, //Array 是泛型类，用于创建数组对象 f?: Obj 阅读全文

posted @ 2024-05-29 16:04 joken1310 阅读(65) 评论(0) 推荐(0)

js原型链测试探索

摘要： function mychild(){ this.x=2342342 } mychild.prototype.y=342342; console.log(mychild.prototype.constructor,"构造函数") console.log(mychild.prototype.const 阅读全文

posted @ 2024-05-28 00:31 joken1310 阅读(21) 评论(0) 推荐(0)

js 函数对象成分分析

摘要： 1、js函数对象有3个主要成分 1、就是js原型，也就是prototype，可以被实例继承过去 2、就是原型链，也就是原型链这个栈指针，指向示例对象本身的父类原型 3、就是私有属性，通过this声明，或者直接附加子属性，实例可以独自开辟一份对象继承这些属性 2、实例new 函数对象是什么 1、实例就阅读全文

posted @ 2024-05-26 00:57 joken1310 阅读(27) 评论(0) 推荐(0)

JavaScript 继承方式：通过原型对象的原型链继承父类原型，也叫寄生组合法继承

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2024-05-26 00:23 joken1310 阅读(13) 评论(0) 推荐(0)

js 前端设计模式：观察者模式和发布-订阅者模式

摘要：观察者模式代码观察者模式就是一对多事件，当事件发生的时候通知到多个观察者，所有观察者进行对应的更新操作update执行事件操作。 // 观察者列表 function ObserverList() { this.observerList = []; } ObserverList.prototype. 阅读全文

posted @ 2020-07-01 22:05 joken1310 阅读(491) 评论(0) 推荐(0)

js 节流防抖代码实现和原理

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-05-30 19:36 joken1310 阅读(2183) 评论(0) 推荐(0)

vue 双向数据流实现原理参考demo

摘要： https://github.com/DMQ/mvvm 阅读全文

posted @ 2020-05-30 18:41 joken1310 阅读(239) 评论(0) 推荐(0)

vue或react多语言自动化实现扫描代码的多语言-i18next-scanner

摘要：实现思路 i18next-scanner 自动扫描代码中的中文中文作为多语言的key，通过crc32转为语音包的key i18next-scanner 使用 package.json写入script自动运行脚本 npm run scan "scripts": { "dev": "node buil 阅读全文

posted @ 2020-04-16 23:28 joken1310 阅读(2640) 评论(1) 推荐(0)

js object 对象数据转formdata格式实现

摘要：目的是为了方便异步提交form表单的数据，尤其是在单页应用中方便实现表单数据的提交。代码如下：本代码可以实现的功能是对js数据对象转formdata数据格式，可以做到对数组的数据处理，可以对filelist文件对象的处理。具体使用，个人可以依据自己的项目情况进行更改或改进。注意：不兼容ie9 阅读全文

posted @ 2019-06-25 20:50 joken1310 阅读(13212) 评论(0) 推荐(0)

ie9 placeholder兼容代码方法

摘要： function guid() { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); retu... 阅读全文

posted @ 2018-07-23 14:21 joken1310 阅读(227) 评论(0) 推荐(0)

ipset hash is full 原因

摘要：如上面会导致提示 ipset hash is full 这是因为hash:ip 只能存储固定ip，这样如果你录入的大量的ip段，那么ipset解析的时固定的一堆大量的ip，无法存储很多的大量固定ip，所以会报ipset hash is full 解决方法是改成hash:net ，这样才能存储ip段阅读全文

posted @ 2018-07-12 21:26 joken1310 阅读(1089) 评论(0) 推荐(0)

国内ip地址生成和ipset 导入

摘要：导入ipset 这里需要用hash：net才能存储ip段，如果时hash：ip则只能存储固定ip，不能存储大量的ip。用net才能存储ip段，才能有效实现录入大量的ip。阅读全文

posted @ 2018-07-12 21:23 joken1310 阅读(1522) 评论(0) 推荐(0)

ipset 教程

摘要： ipset介绍 ipset是iptables的扩展,它允许你创建匹配整个地址集合的规则。而不像普通的iptables链只能单IP匹配, ip集合存储在带索引的数据结构中,这种结构即时集合比较大也可以进行高效的查找，除了一些常用的情况,比如阻止一些危险主机访问本机，从而减少系统资源占用或网络拥塞,I 阅读全文

posted @ 2018-07-12 21:18 joken1310 阅读(2754) 评论(0) 推荐(0)

树莓派centos 扩展存储卡

摘要： rootfs-expand 阅读全文

posted @ 2018-07-03 20:39 joken1310 阅读(172) 评论(0) 推荐(0)

centos7 添加开机启动程序案例

摘要：开机自启以下使用Systemd来实现shadowsocks开机自启。在里面填写如下内容：把/home/xx/Software/ShadowsocksConfig/shadowsocks.json修改为你的shadowsocks.json路径，如：/etc/shadowsocks.json 配置阅读全文

posted @ 2018-07-03 01:15 joken1310 阅读(201) 评论(0) 推荐(0)

raw.xz 镜像写入sd卡方式

摘要： xzcat Fedora-Workstation-28-1.1.aarch64.raw.xz | sudo dd status=progress bs=4M of=/dev/sdb 阅读全文

posted @ 2018-07-02 22:05 joken1310 阅读(667) 评论(0) 推荐(0)

javascript websocket 心跳检测机制介绍

摘要：测试代码： ==index.html ==websocket.js 心跳检测的目的时什么呢？一个是为了定时发送消息，使连接不超时自动断线，可能后端设了超时时间就会自动断线，所以需要定时发送消息给后端，让后端服务器知道连接还在通消息不能断。二来是为了检测在正常还连接着的情况下，判断后端是否正常，如阅读全文

posted @ 2018-06-27 23:05 joken1310 阅读(10142) 评论(0) 推荐(1)

linux 删除U盘分区和格式化

摘要：查看有哪些挂载盘：最后一个一般就是U盘或SD卡了操作SD卡U盘进入了操作u盘的功能的命令菜单输入d代表删除分区操作输入n代表创建新分区操作如果要删除所有分区要重复操作d直到删除了u盘所有分区然后在创建u盘分区，输入n创建分区输入l可以查看有哪些分区最后输入w保存修改最后还要格式化阅读全文

posted @ 2018-06-23 10:01 joken1310 阅读(3694) 评论(0) 推荐(0)

linux 全局变量添加方法

摘要： 1. 在最后一行添加启动命令，比如：这里主要是通过冒号隔开或者多个也可以这样： 2.通过bashrc 添加添加方法如上。阅读全文

posted @ 2018-06-07 21:42 joken1310 阅读(505) 评论(0) 推荐(0)

gogs git添加开机启动方法

摘要：首先到gogs文件的scripts里面找到启动文件 ==然后拷贝到/etc/init.d 上面的gogs是启动文件。内容如下: 修改gogs启动文件里gogs的安装地址: 提交执行权限最后添加到开机启动阅读全文

posted @ 2018-06-07 21:37 joken1310 阅读(1907) 评论(0) 推荐(0)

js图片预览代码案例

摘要： /*@file {dom} 目标文件输入框*/ /*@tar {dom} 预览图片目标*/ /* previewImage(this,'#preview'); //预览图片的功能*/ function previewImage(file,tar) { var MAXWIDTH = 120; // 最大图片宽度 var MAXHEIGHT = 120; // 最大图片高度 ... 阅读全文

posted @ 2018-06-07 18:16 joken1310 阅读(171) 评论(0) 推荐(0)

docker-compose 使用记录

摘要： docker-compose 运行yml文件 docker-compose 查看容器 yml 文件事例这里 linux 添加用户阅读全文

posted @ 2018-06-05 21:21 joken1310 阅读(108) 评论(0) 推荐(0)

nginx 实现api 接口代理到其他公网

摘要： server { listen 80; server_name 127.0.0.1; location / { proxy_pass http://127.0.0.1:3000; } location ~ /api/ { proxy_pass http://172.30.1.123:8081; ... 阅读全文

posted @ 2018-05-30 21:56 joken1310 阅读(2315) 评论(0) 推荐(0)

linux centos 中访问linux 共享文件方法

摘要： mount -t cifs -o 这个就不多说了(照着写吧)。 username="administrator" 访问需要的用户名。 password="" 访问需要的密码(空密码)。 //192.168.1.101/cp 共享机器的IP地址，后面的cp为共享名(非cp命令)。 /mnt/ntfs 阅读全文

posted @ 2018-05-29 21:04 joken1310 阅读(813) 评论(0) 推荐(0)

centos7 安装mysql

摘要：＝＝＝添加源＝＝安装＝＝启动具体查看这篇文章　https://www.jianshu.com/p/7cccdaa2d177 阅读全文

posted @ 2018-05-21 22:44 joken1310 阅读(119) 评论(0) 推荐(0)

gogs安装教程

摘要： ==下载二进制安装文件 https://gogs.io/docs/installation/install_from_binary 从上面的位置获取ｇｏｇｓ最新的版本。 ==解压 ==运行 ==安装mysql 具体参考:https://www.jianshu.com/p/7cccdaa2d177 然阅读全文

posted @ 2018-05-21 17:25 joken1310 阅读(127) 评论(0) 推荐(0)

ubuntu go环境安装搭建

摘要：一、安装必备环境 sudo apt-get install git golang-go vim sublime-text-installer 如果出现安装错误，进行修复安装： sudo apt-get -f install 安装完成后，查看安装版本： go version 二、配置环境变量安装后g 阅读全文

posted @ 2018-05-10 23:00 joken1310 阅读(2337) 评论(0) 推荐(0)

linux ubuntu生成pac文件，实现代理

摘要：基本就是上面的代码去实现。阅读全文

posted @ 2018-05-10 22:13 joken1310 阅读(1688) 评论(0) 推荐(0)

js obj对象转formdata格式代码

摘要：这个方法可以方便的实现对象转formdata格式，有利于文件上传类型的数据格式的转换阅读全文

posted @ 2018-05-09 21:28 joken1310 阅读(1795) 评论(0) 推荐(0)

axios与vue的配合使用事例，实现缓存和重复加载的控制

摘要：以上是本人在项目中使用的ajax部分的代码，在vue项目中能有比较好的性能和使用，可以实现缓存和对重复加载的阻止。具体使用方法，大概是就是调用apiLink这个主要方法实现ajax请求，配置参数可以实现想实现和不想实现的功能，比如开启缓存就多加saved参数。 POST使用事例: 以上代码就是一个阅读全文

posted @ 2018-05-09 21:21 joken1310 阅读(2802) 评论(0) 推荐(0)

linux 终端 pac ssh登录工具使用教程

摘要： 1.下载： 2.安装： 3.安装依赖： 3.重复再安装一次：然后就成功安装了。 4.使用：点笔头编辑新的连接点也就是你的服务器地址密码等的输入。接着保存，点左下角的connect 连接然后成功连接。阅读全文

posted @ 2018-03-28 19:45 joken1310 阅读(419) 评论(0) 推荐(0)

linux拷贝文件夹cp

摘要：方法就是: 如果只是拷贝文件的话直接cp即可阅读全文

posted @ 2018-03-06 21:36 joken1310 阅读(179) 评论(0) 推荐(0)

joken-前端工程师