一叶知秋9307-CSDN博客

原创小明从家去学校上学，每分钟走 50 米，走了 2 分钟后，发觉按这样的速度走下去，到学校会迟到 8 分钟．于是小明开始加快速度，每分钟比原来多走 10 米，结果到达学校时离上课还有 5 分钟．

1): 已知家到学校的距离固定，设为 s;距离上学时间也是固定的，设为 t；可以反过来看成是追击问题，那么相遇时间 = 路程差 / 速度差，就很容易算出了。相遇时间（也就还有多少时间就上课了）：700 / 10 = 70。分钟后，发觉按这样的速度走下去，到学校会迟到 8。分钟．于是小明开始加快速度，每分钟比原来多走。路程差：50*8 + 60*5 = 700。米，结果到达学校时离上课还有 5。小明从家去学校上学，每分钟走 50。(2):根据题目可以得到下面的式子。分钟．则小明家离学校的距离为？...

2022-08-05 10:04:49 1209 1

原创简单的模拟node的require

实现读取文件、导入、执行```const fs = require('fs');const vm = require('vm');const wrapper = [ '(function(exports){', '})'];function myRequire(filePath) { let fileStr = fs.readFileSync(filePath); let content = wrapper[0] + fileStr + wrapper[1];...

2022-03-16 16:23:46 511

原创 procreate怎么画圆形

设备：ipad 画一个闭合圆形，画完后别移动笔，放一会，头部就会弹出椭圆已创建，然后点击编辑形状。圆形，三角形，正方形，多边形都类似操作，画一个，停一会，弹出选择。

2021-08-24 13:02:03 3435

转载 js 数组转树

转载自等风来的博客：https://www.cnblogs.com/mengff/p/13142128.html数组结构如下const arr = [ {id:1, parentId: null, name: 'a'}, {id:2, parentId: null, name: 'b'}, {id:3, parentId: 1, name: 'c'}, {id:4, parentId: 2, name: 'd'}, {id:5, parentId: 1, n

2021-07-22 02:27:40 480

原创 vue作用域插槽，使用子的值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./vue.js"></script></head><body><div id="app"> <tt> <tem.

2021-07-21 15:08:37 99

原创获取元素高度出错

#### 1. 问题如下今天别人的项目遇到一个问题，有一个数字滚动组件，强刷界面时候数字错位。滚动组件实现是将获取到的数字拆分，每一个数字为一列，都由0到9还有一个.组合数字滚动到需要的数字。然后发现强刷界面列的值不对有时779，有时880.#### 2. 解决思路1. 刚开始以为是 $().html() 绘制界面需要一段时间，然后紧跟着的获取高度时候还没绘制完成就出错了，然后就给他加了定时器，100毫秒后执行 html() 后的操作。然后也成功了。。。2. 后来想想不对，...

2021-06-24 11:56:23 736

原创 axios基本使用封装

封装成一个函数 httpimport Axios from 'axios';import cookie from '@/lib/cookie';// 下面的路径来自 .env 文件export const baseUrl = process.env.VUE_APP_URL;// 基本的 axios 配置let axios = Axios.create({ baseURL: baseUrl, timeout: 30000, headers: { 'Co

2021-06-13 09:34:56 109

原创富文本中＜script＞标签转义

使用的是正则的方式，代码如下：let str = '<h1 id="title">XSS Demo</h1><script>alert("xss");</script>'function scriptTransfer(str) { let reg = /(<)([\/]?script)(>)/g // abc分别对应上面正则中第一二三括号内的匹配 return str.replace(reg, function (

2021-06-11 13:36:14 545 1

原创 str = “2[a]1[bc]“, 返回 “aabc“

//str = "2[a]1[bc]", 返回 "aabc".// str = "2[e2[d]]", 返回 "eddedd".// str = "3[abc]2[cd]ff", 返回 "abcabcabccdcdff".实现代码ru

2021-06-10 14:25:08 231

原创比较两个值是否相等

可以比较任何值，可以使基本数据类型和引用数据类型，代码如下function ifEqual(target1, target2) { let t1Type = Object.prototype.toString.call(target1) let t2Type = Object.prototype.toString.call(target2) if (t1Type !== t2Type) { return false } if (t1Type ==

2021-06-10 12:23:24 191

原创 vue刷新界面

有时候界面要添加重置事件，有的界面非常多数据，一个个改太麻烦了，这是就可以将整个界面使用 v-if 消失在显示。这时候可以全局添加一个reload事件，哪里都可以调用，给 rou

2021-06-09 11:24:05 60

原创模拟forEach实现

直接上代码Array.prototype.myForEach = function (fn, self) { if (typeof fn !== 'function') { throw new TypeError(fn + 'is not a function') } for (let i = 0; i < this.length; i++) { if (self) { fn.call(self, this[i],

2021-06-09 00:11:07 195

原创 js深拷贝

function deepCopy(target) { function handle(obj) { let newObj = new Object(null) Object.keys(obj).forEach(key => { let type = Object.prototype.toString.call(obj[key]) if(type === '[object Object]'){ .

2021-06-08 15:18:35 52

原创函数柯里化

2021-06-08 07:26:34 99

原创写个转换函数，把一个 JSON 对象的 key 从横杠形式转换到小驼峰形式

function convert(obj) { let reg = /_([a-zA-Z])/g; function handle(oldObj){ let temp = {} Object.keys(oldObj).forEach(key => { let result = key.replace(reg, function (a,b) { return b.toUpperCase()

2021-06-07 20:43:58 868

原创 node入门搭建基本服务器

1. 介绍用node搭建一个本地的服务器，然后将 vue 项目打包后，使用这个服务器打开。2. 搭建步骤(1) 创建文件夹并初始化mkdir node-servercd node-serveryarn init -y(2) 安装依赖 expressyarn add express(3) 根目录下创建核心文件 app.jsconst path = require('path')const express = require('express')const app = express

2021-03-17 14:10:45 153

原创创建多页面VUE项目

2021-03-16 17:10:07 165

原创 window电脑一般常用设置

一、删除软件本人电脑 window10.1. 设置里应用程序管理// 01 window + i 打开设置（鼠标右下角：窗口图标 > 设置）// 02 应用程序里面鼠标单击，然后选择卸载2. 控制面板// 01 window + r // 02 输入 cmd 打开命令行// 03 输入 control 打开控制面板// 04 选择程序 > 卸载二、加速启动这个在：设置 > 应用 > 启动将一些你不需要启动电脑时一起启动的软件关了就可以了.

2021-03-07 21:31:27 552

原创 vue中实现文本超过指定行省略显示组件

废话不多说，直接上代码<template> <div class="text-limit"> <span class="hide-text" ref="onlyOne">{{value ? value.slice(0, 2) : "中国"}}</span> <span class="hide-text" ref="hideText"></span> {{resultStr}} </div>

2021-03-02 09:53:43 623

原创 ESLint couldn‘t find the plugin “eslint-plugin-vue“

ESLint couldn't find the plugin "eslint-plugin-vue".(The package "eslint-plugin-vue" was not found when loaded as a Node module from the directory "/Users/zhangqi/Desktop".)It's likely that the plugin isn't installed correctly. Try reinstalling by runn

2021-02-24 17:16:09 4366 1

原创 macOs svn基本使用

1. 拉去代码svn checkout 地址然后输入账号密码2. 清除账号// 打开文件 $cd .subversion/auth/ // 删除所有 $rm -rf *

2021-01-28 17:00:19 283

原创 mac右键文件夹，选择打开方式

选择文件打开方式，本人macOs版本Big Sur 11.11 启动台自动操作2 如果是上面这样，点击新建文稿，选取快速操作3 将打开访达拖动到右侧4 打开方式选择你想要的，command + s 命名并且保存，我这里命令open in webStorm5 完成，现在右键文件夹，服务，就可以选择打开方式了...

2021-01-20 13:22:16 1343

原创尾递归优化 - 尾递归优化

原理调用一个函数时，就会形成一个调用帧；在A函数内部执行B函数：当调用A函数时形成一个A的调用帧，在A函数内部调用B函数，在A调用帧上又会生成B调用帧，B执行完毕时B调用帧消失，A完毕后A调用帧消失；如果B是在A函数最后执行，那么A调用帧就可以直接消失。function A(){ function B(){} return B(); // 要有return这个才是最后}注意一点，这时B函数不能使用A函数内部的变量，下面这个就不行。function A(){ let one

2020-11-24 14:32:47 830 1

原创 webpack-dev-server启动报错Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

这个错误可能最近你们都会看到，那很大原因就是你们看的是中文官网，你可以看看英文官网。之前package.json配置如下"script": { "start": "webpack-dev-server --open"}然后执行就报错了，英文官网配置如下"script": { "start": "webpack serve --open"}...

2020-11-13 14:21:46 332

原创 vuecli项目打包时压缩图片image-webpack-cli

1 安装安装前最好往hosts文件添加一条记录：199.232.68.133 raw.githubusercontent.com。因为GitHub的raw.githubusercontent.com域名解析可能因某些原因给临时污染了导致你下载image-webpack-loader失败（我就失败了好多回）。上面的IP你可以通过查询真实IP，输入raw.githubusercontent.com查找获取。npm install --save-dev image-webpack-loader2 v

2020-11-04 10:29:23 1164

原创函数式编程初探

1 文章目标为什么要学习函数式编程以及什么是函数式编程函数式编程的特性（纯函数、柯里化、函数组合等）函数式编程的应用场景函数式编程库Lodash2 什么是函数式编程阮一峰老师的函数式编程入门教程：http://www.ruanyifeng.com/blog/2017/02/fp-tutorial.htmlFranklin Risby 教授的函数式编程指北：https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/

2020-08-24 15:37:34 179

原创模拟Promise实现

1. promise核心// 封装promise// 1. Promise 就是一个类，在执行这个类的时候，需要传递一个执行器进去，执行去会立即执行// 2. Promise 中有三个状态，分别为：成功(fulfilled)、失败(rejected)、等待(pending)；一旦状态确定就不可更改// 3. resolve和reject函数用来更改状态// 4. then 方法内部做的事情就是判断状态，根据状态调用不同的回调函数(成功失败)// 5. then 成功回调有一个参数，表示成功之后的

2020-08-24 15:21:30 544

原创 promise的一些面试题

题目1console.log("AAAA");setTimeout(() => console.log("BBBB"), 1000);const start = new Date();while (new Date() - start < 3000) { }console.log("CCCC");setTimeout(() => console.log("DDDD"), 0);new Promise((resolve, reject) => { console.

2020-08-24 15:20:58 280

原创过桥问题的解题思路

题目有5个人过桥,桥上有一个火把燃烧时间为30秒,桥一次只能过两人,过去还要把火炬送回,这六人走过一次桥的时间分别是6,1,3,12,8秒,应该怎样走才能保证到桥对面?答案1，3过桥1回来；用时41，6过桥1回来；用时78，12过桥，3回来；用时15思路耗时最多的两个肯定是一起过最省时间回来最多躺的一定是用时最少的有一趟是用时第二少的去接用时最少的...

2020-07-27 11:08:42 970 1

原创倒水问题解题思路

题目：有3个杯子，容量分别是19L，13L，7L；目前13L和7L的杯子都装满了水，19L的杯子是空的；怎么通过三个杯子倒来倒去获得两杯子10L的水？答案7L的导入19L的13L的导入19L的19L的导入7L的7L的导入13L的19L的导入7L的7L的导入13L的13L的导入19L的7L的导入13L的19L的导入7L的7L的导入13L的19L的导入7L的7L的导入13L的13L的导入19L的7L的导入13L的操作规律：小杯倒入大杯，中杯导入大杯，这时中杯肯定有剩下

2020-07-27 11:06:07 6436

原创 webpack使用观察模式watch是，修改发现index.html消失了

从webpack英文文档可以看出，正确使用方式要给webpack.config.js中CleanWebpackPlugin一个参数；具体代码如下plugins: [ new CleanWebpackPlugin({cleanStaleWebpackAssets: false}), new HtmlWebpackPlugin({ title: 'Development' }) ]官方描述：Change your confi

2020-05-28 11:50:41 743

原创 vue cli 环境变量和模式

官网地址： https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F1. 为什么要使用我们在开发中，要调用本地服务，测试服务，demo服务，线上服务。之前的操作都是在一个js重全部定义了，用哪个放开哪个，其余注释掉。代码如下：// let url = "127.0.0.1:8090/project";// let...

2019-12-31 11:19:07 218

转载深入浅析正则表达式捕获组（转载）

原文地址： https://www.jb51.net/article/160517.htm() 捕获组( ?: ) non capturing group( ?= ) positive lookahead( ?! ) negative lookahead( ?<= ) positive lookbehind( ?<! ) negative lookbehind( ?=...

2019-12-20 10:00:02 173

原创 echarts 地图和地图上的散点图

实现地图使用echart.js和china.js;这两个东西使用npm installecharts 安装的包里可以找到；1 地图 var data = [ {name: '北京',value: 100}, {name: '天津',value: 100}, {name: '上海',value: 100}, {name: '重庆',value: 100}...

2019-08-05 17:14:05 928

原创 vue项目基本操作

1 安装npm install -g @vue/cli2 创建一个项目vue create project-name选择时CSS Pre-processors忘记安装了，以下操作npm install -D sass-loader node-sass3 外部框架的使用常用外部框架有element ui, swiper, echarts3.1 elemen...

2019-07-31 15:23:41 514

原创蛇形排序

要实现如下代码如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale...

2019-07-05 16:40:30 1685

原创 base.css

基础的css样式*,*::before,*::after { box-sizing: border-box;}html,body{ height: 100%; width: 100%;}body{ margin: 0; line-height: 1.5; font-family:"微软雅黑","黑体","宋体";}/*语义化标签*/articl...

2019-06-17 15:06:03 1191

原创 js数字千分位表示

以下几个方法在ie，谷歌，火狐下都有效方法1：let num = '89689678578';let reg = /\d{1,3}(?=(\d{3})+$)/gconsole.log(num.replace(reg,function (match) { return match + ','}))方法2：let num = 89689678578;console...

2019-06-13 14:03:51 1189

原创 vue .sync 用法

在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。也就是想实现在子组件中改变值，父组件中的值也能随着变化不用sync的父组件<template> <div id="app"> <blog :num="d" @change="d = $event"></blog>{{d}} </div>&l...

2019-05-28 13:18:14 5698 3

原创 Promise 用法

1.单个请求时let p = new Promise((resolve,reject)=>{ setTimeout(function () { if (true) { resolve('xx') } else { reject('yy') } },100)})p.then() .catch()2.多个请求时（各个请求没...

2019-05-27 13:53:55 127

空空如也

空空如也