javascript
文章平均质量分 57
小小小卒
迈小步 不停步
展开
-
React useEffect 两个参数你用对了吗
React useEffect用法原创 2022-11-08 10:37:33 · 689 阅读 · 1 评论 -
js 正则筛选指定字符区间内容并生成新的文件
var path = require("path");var fs = require("fs");//补全地址function resolve (dir) { return path.join(__dirname, "..", dir);}//读取要操作的文件fs.readFile(resolve('./src/services/ipsService/config.ts'), (err,data) => { var file = data.toString(); // .原创 2020-07-23 17:03:40 · 536 阅读 · 0 评论 -
小程序 canvas2d 趟坑记录
一、关于canvas绘图,小程序官方文档目前有新旧两种接口,分别如下:1、Canvas 2D 示例代码<!-- canvas.wxml --> <canvas type="2d" id="myCanvas"></canvas>onReady() { const query = wx.createSelectorQuery() query.select('#myCanvas') .fields({ node: true, siz原创 2020-05-10 12:04:01 · 5878 阅读 · 0 评论 -
随机生成不相同的手机号码
function getPhoneNum(n){ console.time() let arr = []; let computedNum = () => { let randomNum = () => { return ~~(Math.random() * 9 + 1) };...原创 2017-12-31 16:25:36 · 7517 阅读 · 0 评论 -
PC端flex+media媒体查询自适应布局案例
<!DOCTYPE html><html><head> <title>flex</title> <meta name="format-detection" content="telephone=no" /> <meta charset="UTF-8"> <!--&l...原创 2019-12-24 14:55:05 · 1134 阅读 · 0 评论 -
vue拖拽
<div class="img-box" v-if="curPicObject" @click.stop> <img class="img" :src="curPicObject.imageUrl" alt="" style="width: 100%"> <div class="v-move" v-if="curPicObj...原创 2019-11-26 14:14:44 · 156 阅读 · 0 评论 -
输入框显示表情图标-vue篇
1、子组件封装<template> <div> <div class="box text edit" :contenteditable="isLiveEdit" v-html="innerText" @input="changeTxt" placeholder="说的什么.."></div> <...原创 2019-08-30 18:02:03 · 2038 阅读 · 0 评论 -
javascript之奇淫巧技
1、创建过去七天的数组,如果将代码中的减号换成加号,你将得到未来7天的数组集合[...Array(7).keys()].map(days =>new Date(Date.now() - 86400000 * days));2、随机字符串Math.random().toString(36).substring(2);3、获取URL的查询参数function ge...原创 2019-05-08 10:36:53 · 221 阅读 · 0 评论 -
小程序低功耗蓝牙连接打印机
效果打印图打印机型号:TSC Alpha-3RB*****核心代码*********注:打印机接收数据为 gbk转byte数组类型**/** * 传输数据 * @param buffer */ writeBLECharacteristicValue(buffer){ let _this=this; if (th...原创 2019-03-11 09:59:57 · 3672 阅读 · 2 评论 -
ES6 操作数组 方法 区别 map filter reduce find
1. mapmap函数可以看成是一种映射函数,而且是一一映射array.map(function(参数){....函数体......})es6写法: array.map((参数)=>{....函数体......})map适合对一个数组中的每个元素进行相同的操作 2. filterfilter函数可以看成是一个过滤函数,返...原创 2018-07-31 15:57:33 · 228 阅读 · 0 评论 -
数组中对象去重
假设有这样一个数组:let person = [ {id: 0, name: "小明"}, {id: 1, name: "小张"}, {id: 2, name: "小李"}, {id: 3, name: "小孙"}, {id: 1, name: "小周"}, {id: 2, name: "小陈"}, ]我们想去掉数原创 2018-07-20 09:45:15 · 1197 阅读 · 0 评论 -
原生js 组件化 跑马灯抽奖效果
带作弊((;简易原生JavaScript实现跑马灯下过 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>原创 2018-06-11 10:03:00 · 1221 阅读 · 0 评论 -
JavaScript是如何面向对象的
特别声明:本文转自https://www.cnblogs.com/pompey/p/6675559.html一、引言在16年的10月份,在校内双选会找前端实习的时候,hr问了一个问题:JavaScript的面向对象理解吗?我张口就说“JavaScript是基于原型的!”。然后就没什么好说的了,hr可能不知道原型,我也解释不了,因为我也就知道这一点而已,至于JavaScript到底面不面向对象,如何...转载 2018-06-06 15:12:38 · 166 阅读 · 0 评论 -
原生js封装简单模态框
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{font-weight: normal;font-style: normal;} ...原创 2018-05-08 17:48:20 · 2091 阅读 · 0 评论 -
原生js分页组件
原生js封装分页组件废话不多说直接上菜!!!1、js代码/** * Created by chenru on 2018/5/8. */var pageNation=(function(){ function extend(target, source) { for (var obj in source) { target[obj] = so...原创 2018-05-08 17:26:26 · 3421 阅读 · 0 评论 -
js常用方法封装
var Tools = Tools || {};//object to stringTools.ObjectToString = function (obj) { var str = ""; for (var item in obj) { str += item + "=" + obj[item] + "&"; } return st...原创 2018-05-19 09:48:15 · 503 阅读 · 0 评论 -
深入理解 call,apply 和 bind
在JavaScript 中,call、apply 和 bind 是 Function 对象自带的三个方法,这三个方法的主要作用是改变函数中的 this 指向,从而可以达到`接花移木`的效果。本文将对这三个方法进行详细的讲解,并列出几个经典应用场景。1、call(thisArgs [,args...])该方法可以传递一个thisArgs参数和一个参数列表,thisArgs 指定了函数在运行期的调...翻译 2018-05-19 09:13:52 · 141 阅读 · 0 评论 -
原生手写富文本编辑器组件
H5富文本编辑器原理解析: 核心属性: 1、contentEditable="true"; //属性规定是否可编辑元素的内容 2、window.document.designMode = "On";//让整个页面都可以编辑,通常会把要编辑的文档放在一个<iframe>元素中,而这个元素就充当了一个超级的编辑框.3、iframeWindow.document.execCom...原创 2018-05-01 13:39:30 · 3424 阅读 · 0 评论