qq_26144233-CSDN博客

原创 js获取日期格式&textarea高度随内容自适应

function getDateStr(addDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+addDayCount);//获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = (dd.getMonth()+1)<10?"0"+(dd.getMonth()+1):(dd.getMonth

2024-03-10 15:53:48 458 1

原创 react脚手架配置代理总结nginx

# react脚手架配置代理总结## 方法一> 在package.json中追加如下配置```json"proxy":"http://localhost:5000"```说明：1. 优点：配置简单，前端请求资源时可以不加任何前缀。2. 缺点：不能配置多个代理。3. 工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）## 方法二1. 第一步：创建代理配置文件 ``` 在src下创建配...

2022-03-07 15:48:36 350

转载高德地图获取当前定位信息

<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <tit.

2022-02-07 13:17:55 1867

原创 div,contenteditable编辑器之ctrl+enter换行，enter发送

<!doctype html><html lang="en"><head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta charset="utf-8"> <title>contenteditable,Ctrl+Enter换行，Enter发送</title> <meta name="description..

2022-01-20 16:04:07 1354

原创开启本地服务

1.npm i http-server -g。（g全局安装）2.检查是否按照成功：http-server -h3.运行查看项目 http-server . -c-1（-c-1是不需要缓存）

2021-10-08 09:33:11 180

转载对于文件下载总结

1.将base64转换为file格式//将base64转换为文件对象dataURLtoFile(dataurl,filename){letarr=dataurl.split(',');letmime=arr[0].match(/:(.*?);/)[1];letbstr=atob(arr[1]);letn=bstr.length;...

2021-09-27 13:46:45 123

原创用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值

//非递归function getArray(arr, bit) {while (true) {if (arr.length >= bit) return arr;var ele = Math.floor(Math.random() * 30 + 2);if (arr.indexOf(ele) == -1) arr.push(ele)}return arr;}console.log(getArray([]))//递归function getArray(arr) {if(arr

2021-04-15 17:13:04 105

原创实现简单发布订阅模式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do

2021-03-08 16:57:45 382

原创 vue案例

<div id="app"> <ul> <li v-for="(m, index) in movies" @click="changeColor(index)" :class={is

2021-01-25 11:50:18 250 2

原创 js实现深度优先与广度优先

深度优先遍历(Depth First Search, 简称 DFS) 与广度优先遍历(Breath First Search)是图论中两种非常重要的算法，生产上广泛用于拓扑排序，寻路(走迷宫)，搜索引擎，爬虫等，也频繁出现在 leetcode，高频面试题中。深度优先遍历(1)递归实现主要思路是从图中一个未访问的顶点 V 开始，沿着一条路一直走到底，然后从这条路尽头的节点回退到上一个节点（看该节点是否还有除该子节点以外的节点，没有继续回退到父节点，有则遍历该子节点之外的其他节点），再从另一条路开始走

2021-01-22 09:38:39 1895

原创虚拟节点-vnode与真实节点-node转化

2021-01-15 11:11:41 894 1

原创 sass

1.变量1-2. 变量引用;（1）凡是css属性的标准值（比如说1px或者bold）可存在的地方，变量就可以使用。（2）scss中变量存在作用域，在不同{}中变量作用域不同。（3）可以在一个变量中引用另一个变量。$highlight-color: #F90;$highlight-border: 1px solid $highlight-color;.selected { border: $highlight-border;}//编译后.selected { border: 1

2021-01-09 23:19:39 202

原创 js实现队列

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> //队列 FIFO function Queue() { this.items = []; } //1.将元素加入到

2020-12-02 22:26:25 167

原创 js实现优先级队列

<head> <meta charset="UTF-8"> <title></title></head><body> <script type="text/javascript"> //封装优先级队列，priority越小，优先级越高 function PriorityQueue() { //存放每一个插入元素QueueElement this.items = []; //定义内部类..

2020-12-02 22:24:31 298

原创 js实现哈希树

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> function HashTable() { this.storage = []; //当前数组存放元素 this.count

2020-12-02 22:22:47 176

原创 js实现二叉搜索树

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> // 二叉搜索树 function BinarySearchTree() { function Node(key1) {

2020-12-02 22:21:27 157

原创 es6总结第六篇

一.module1.export// profile.js 写法一export var firstName = 'Michael';export var lastName = 'Jackson';export var year = 1958;它与前一种写法（直接放置在var语句前）是等价的，但是应该优先考虑使用这种写法。因为这样就可以在脚本尾部，一眼看清楚输出了哪些变量。// profile.jsvar firstName = 'Michael';var lastName = 'Jac

2020-11-24 14:25:58 206

原创拖拽Drag 和 Drop 事件

DataTransfer 对象所有 drag 和 drop 事件的事件监听器都接收一个 Event 对象作为参数，它有一个叫做 dataTransfer 的只读属性。event.dataTransfer 返回与事件相关的 DataTransfer 对象，DataTransfer 对象持有 drag 和 drop 操作相关的数据。可以检索这些数据以及设置 DataTransfer 对象相关联的各种属性，正如下面所阐述的<!DOCTYPE HTML><html><he

2020-11-24 11:41:54 1163

原创 js实现表格中最多显示两行，超出使用省略号

//HTML: { field: 'Description', align: 'left', title: '描述', width: 239, templet: function (d) { return '<span class="description">' + d.Description + '</span>' } .

2020-11-11 14:49:59 3551 2

原创 js实现单向链表与双向链表

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> //封装单向链表 function LinkedList() { //内部类，节点类 function Node(dat

2020-10-11 23:22:39 251

原创 css实现两侧内容高度自适应

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ padding: 0; margin: 0; } .left,.right,.middle{ width: 260px; margin-left: 10px;

2020-09-14 21:54:23 537

原创 jquery中done与then方法区别

jquery的deferred对象的done方法和then方法都能实现链式调用，但是他们的作用是有区别的，then方法中如果你传递的方法有返回值，那么他会传递给下一个链式调用的方法。而done方法与此相反，你传递的方法就算有返回值，done方法也不会把你的返回值传给下一个链式调用的方法的。var defer = jQuery.Deferred(); defer.done(function (a, b) { console.log("a = " + a + "b =

2020-07-10 15:09:36 721

原创 es6总结第四篇

es6总结四一.Iterator遍历器与for...of...(1)默认Iterator接口一.Iterator遍历器与for…of…ɪtəˈreɪtə是一种统一的接口机制，来处理所有不同的数据结构Iterator 的作用有三个：一是为各种数据结构，提供一个统一的、简便的访问接口；二是使得数据结构的成员能够按某种次序排列；三是 ES6 创造了一种新的遍历命令for…of循环，Iterator 接口主要供for…of消费。Iterator 的遍历过程是这样的。（1）创建一个指针对象，指向当前数据结

2020-07-08 14:11:00 119

原创基本的排序算法

排序算法1.冒泡排序2.选择排序3.快速排序1.冒泡排序数组中的元素两两比较如果第一个值比第二个值大，交换位置，每一轮使得最大值排在最后； function bubbleSort(arr){ //外层循环控制轮数 for(var i = 1; i <= arr.length-1; i++){ //内层循环控制次数 for(var j = 0; j <= arr.length -i -1; j++){ if(arr[j]>arr[j+

2020-07-07 09:46:52 107

原创 es6总结第二篇

es6总结二一.对象的扩展（1）对象的定义(2)可枚举性enumerable(3)super一.对象的扩展（1）对象的定义JavaScript 定义对象的属性，有两种方法。// 方法一用标识符作为属性名obj.foo = true;// 方法二用表达式作为属性名obj['a' + 'bc'] = 123;上面代码的方法一是直接用标识符作为属性名，方法二是用表达式作为属性名，这时要将表达式放在方括号之内。ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式

2020-07-01 16:08:49 178 2

原创 vue与react比较总结二

1.React 列表 & KeysKeys比方说，如果你提取出一个 ListItem 组件，你应该把 key 保存在数组中的这个元素上，而不是放在 ListItem 组件中的元素上。当你在 map() 方法的内部调用元素时，你最好随时记得为每一个元素加上一个独一无二的 key。function ListItem(props) { // 对啦！这里不需要指定key: return <li>{props.value}</li>;}function N

2020-06-19 13:22:42 165

原创 vue与react比较总结一

1.样式(1)React 推荐使用内联样式。我们可以使用 camelCase 语法来设置内联样式. React 会在指定元素数字后自动添加 px 。以下实例演示了为 h1 元素添加 myStyle 内联样式：var myStyle = { fontSize: 100, color: '#FF0000'};ReactDOM.render( <h1 style = {myStyle}>菜鸟教程</h1>, document.getElementBy

2020-06-18 13:17:49 245

原创 es6总结第一篇

1.babelBabel 转码器(1)babel-node@babel/node模块的babel-node命令，提供一个支持 ES6 的 REPL 环境。【注】Node.js给我们提供一个交互式运行环境——REPL，在这个环境中我们可以做一些简单的应用程序的测试或调试。进入命令行窗口，输入”node”命令并按下回车键，即可进入REPL运行环境。参照：https://es6.ruanyifeng.com/#docs/intro...

2020-06-11 10:37:40 536

原创 vue案例与知识点总结

1.路由器对象router路由配置信息route中prop属性使用 props 将组件和路由解耦：多个不同格式的路径对应同一个组件对象。<div id="app"> <h1>Route props</h1> <ul> <li> <router-link to="/">/</router-link> </li> <li> <router-link t

2020-05-22 15:51:22 112

原创小程序开发注意事项

页面样式与布局背景图片tips:小程序不支持在css中使用本地文件;需以base64方式方可使用。本地背景图片的引用路径推荐使用以 ~@ 开头的绝对路径; .test2 { background-image: url('~@/static/logo.png'); }字体图标tips小程序不支持在css中使用本地文件，包括本地的背景图和字体文件。需以base64方式方可使用。网络路径必须加协议头 https。从 http://www.iconfont.cn 上拷贝的代码，默认是没

2020-05-09 17:07:51 294

原创 css中单位总结与flex布局

uni-app中的rpxrpx 即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx 实际显示效果会等比放大。rem 默认根字体大小为屏幕宽度/20（微信小程序、字节跳动小程序、App、H5）.开发者可以通过设计稿基准宽度计算页面元素 rpx 值，设计稿 1px 与框架样式 1rpx 转换公式如下：设计稿 1px / 设计稿基准宽度 = 框架样式 1rpx / 750rpx换言之，页面元素宽度在 uni-app 中的宽度计算公式：

2020-05-09 16:19:50 296

原创 css中background背景总结

css中background总结CSS1 background-attachmentCSS1 bakcground-positionCSS3 background-originCSS3 bckground-clipCSS1 background-attachmentbackground-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。值描述scroll默认值。背景图像会随着页面其余部分的滚动而移动。fixed当页面的其余部分滚动时，背景图像不会

2020-05-09 11:48:33 126

原创 js中继承

1.原型链继承利用prototype可以保存那些共享的数据和⽅法，实现****数据复用以及减少内存占用****，这也是为什么我们需要继承的原因。弊端：原型链继承：对于引用类型，引用类型值的***原型属性***会被所有实例共享。解决：借用构造函数继承2.构造函数继承开发人员借用构造函数（constructor stealing）的技术, 别称伪造对象或经典继承弊端：只...

2020-04-22 15:03:58 122

原创支付宝小程序中自定义组件

1.popover气泡弹框1.index.axml <view class="demo-popover">  <popover position="{{position}}" show="{{sho...

2020-04-22 10:51:36 2272

原创使用js操作数组

Array.prototypeArray.prototype.sort()1.实现按照拼音排序--元素string2.实现按照拼音排序--元素k-vArray.prototype.sort()1.实现按照拼音排序–元素string2.实现按照拼音排序–元素k-v<html><head></head><body> <script&g...

2020-04-20 11:32:04 124

原创页面距离兼容写法

1.scrollTop获得滚动条高度var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;2.bodyHeight获取文档高度var bodyHeight=document.body.scrollHeight || document.d...

2020-02-27 16:23:43 94

原创 jquery的cookie插件进行封装

cookie概念客户端的会话跟踪技术cookie属性path：设置cookie路径expires: 设置cookie过期时间domain: 设置cookie所在域名cookie的方法addCookie(): 添加cookiegetCookie(): 获取cookiedelCookie():删除cookiecookie封装;(function($, w) { //添加j...

2020-01-26 19:27:21 184

原创 js 控制按钮在倒计时时间内不可操作

html中layui<div class="layui-inline"> <a class="layui-btn layui-btn-normal searchBtn layui-bg-green" id="searchBtn">搜索</a></div>js操作$('#searchBtn').on('click', func...

2020-01-23 16:56:37 987

原创 3.vue过滤器

过滤器概念Vue.js允许你自定义过滤器，可被用作一些常见的文本格式化，过滤器可以用在两个地方：mustache 插值和 v-bind 表达式过滤器应该被添加在JavaScript表达式的尾部，由“管道”符指示过滤器中的 function，第一个参数是管道符前面传递过来的数据过滤器调用时候的格式：{{value| 过滤器的名称}}全局过滤器Vue.filter(‘过滤器的名称’，f...

2020-01-19 10:35:14 297

原创 es6中箭头函数总结

1.箭头函数绑定父上下文☆☆☆☆☆如vue中，不要在实例属性或者回调函数中（如 vm.$watch(‘a’, newVal => this.myMethod())）使用箭头函数。

2020-01-17 17:36:32 107

nginx.conf

n-jquery5.js

空空如也