- 博客(52)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 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
424
1
原创 react脚手架配置代理总结nginx
# react脚手架配置代理总结## 方法一> 在package.json中追加如下配置```json"proxy":"http://localhost:5000"```说明：1. 优点：配置简单，前端请求资源时可以不加任何前缀。2. 缺点：不能配置多个代理。3. 工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）## 方法二1. 第一步：创建代理配置文件 ``` 在src下创建配...
2022-03-07 15:48:36
303
转载 高德地图获取当前定位信息
<!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
1821
原创 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
1284
原创 开启本地服务
1.npm i http-server -g。（g全局安装）2.检查是否按照成功：http-server -h3.运行查看项目 http-server . -c-1（-c-1是不需要缓存）
2021-10-08 09:33:11
133
转载 对于文件下载总结
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
86
原创 用递归算法实现，数组长度为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
79
原创 实现简单发布订阅模式
<!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
350
原创 vue案例
<!--作业需求: 点击列表中的哪一项, 那么该项的文字变成红色--> <!-- 列表中其余的项，文字还是原来的颜色。 ===> 思路：当点击项的索引与遍历列表所在列的索引一致时，该项的文字变色 --> <div id="app"> <ul> <li v-for="(m, index) in movies" @click="changeColor(index)" :class={is
2021-01-25 11:50:18
160
2
原创 js实现深度优先与广度优先
深度优先遍历(Depth First Search, 简称 DFS) 与广度优先遍历(Breath First Search)是图论中两种非常重要的算法，生产上广泛用于拓扑排序，寻路(走迷宫)，搜索引擎，爬虫等，也频繁出现在 leetcode，高频面试题中。深度优先遍历(1)递归实现主要思路是从图中一个未访问的顶点 V 开始，沿着一条路一直走到底，然后从这条路尽头的节点回退到上一个节点（看该节点 是否还有除该子节点以外的节点，没有继续回退到父节点，有则遍历该子节点之外的其他节点），再从另一条路开始走
2021-01-22 09:38:39
1745
原创 虚拟节点-vnode与真实节点-node转化
<script> // <div id="outer" class="border">I am your father</div> // => （转化为虚拟dom） // {tag:'div',data:{id:'outer',class:'border'},children:[],value:'I am your father'} class VNode{ /*tag:标签名，..
2021-01-15 11:11:41
788
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
154
原创 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
130
原创 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
266
原创 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
153
原创 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
134
原创 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
160
原创 拖拽Drag 和 Drop 事件
DataTransfer 对象所有 drag 和 drop 事件的事件监听器都接收一个 Event 对象作为参数，它有一个叫做 dataTransfer 的只读属性。event.dataTransfer 返回与事件相关的 DataTransfer 对象，DataTransfer 对象持有 drag 和 drop 操作相关的数据。可以检索这些数据以及设置 DataTransfer 对象相关联的各种属性，正如下面所阐述的<!DOCTYPE HTML><html><he
2020-11-24 11:41:54
1106
原创 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
3367
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
208
原创 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
501
原创 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
655
原创 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
104
原创 基本的排序算法
排序算法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
90
原创 es6总结第二篇
es6总结二一.对象的扩展（1）对象的定义(2)可枚举性enumerable(3)super一.对象的扩展（1）对象的定义JavaScript 定义对象的属性，有两种方法。// 方法一 用标识符作为属性名obj.foo = true;// 方法二 用表达式作为属性名obj['a' + 'bc'] = 123;上面代码的方法一是直接用标识符作为属性名，方法二是用表达式作为属性名，这时要将表达式放在方括号之内。ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式
2020-07-01 16:08:49
160
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
131
原创 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
189
原创 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
455
原创 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
87
原创 小程序开发注意事项
页面样式与布局背景图片tips:小程序不支持在css中使用本地文件;需以base64方式方可使用。本地背景图片的引用路径推荐使用以 ~@ 开头的绝对路径; .test2 { background-image: url('~@/static/logo.png'); }字体图标tips小程序不支持在css中使用本地文件，包括本地的背景图和字体文件。需以base64方式方可使用。网络路径必须加协议头 https。从 http://www.iconfont.cn 上拷贝的代码，默认是没
2020-05-09 17:07:51
232
原创 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
260
原创 css中background背景总结
css中background总结CSS1 background-attachmentCSS1 bakcground-positionCSS3 background-originCSS3 bckground-clipCSS1 background-attachmentbackground-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。值描述scroll默认值。背景图像会随着页面其余部分的滚动而移动。fixed当页面的其余部分滚动时，背景图像不会
2020-05-09 11:48:33
103
原创 js中继承
1.原型链继承 利用prototype可以保存那些共享的数据和⽅法，实现****数据复用以及减少内存占用****，这也是为什么我们需要继承的原因。弊端：原型链继承：对于引用类型 ，引用类型值的***原型属性***会被所有实例共享。解决：借用构造函数继承2.构造函数继承开发人员借用构造函数 （constructor stealing） 的技术, 别称伪造对象或经典继承弊端：只...
2020-04-22 15:03:58
99
原创 支付宝小程序中自定义组件
1.popover气泡弹框1.index.axml <view class="demo-popover"> <!-- show属性控制弹框popover显示与隐藏 showMask属性控制蒙版的显示与隐藏 onMaskClick控制图标的显示与隐藏 --> <popover position="{{position}}" show="{{sho...
2020-04-22 10:51:36
2183
原创 使用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
105
原创 页面距离兼容写法
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
73
原创 jquery的cookie插件进行封装
cookie概念客户端的会话跟踪技术cookie属性path： 设置cookie路径expires: 设置cookie过期时间domain: 设置cookie所在域名cookie的方法addCookie(): 添加cookiegetCookie(): 获取cookiedelCookie():删除cookiecookie封装;(function($, w) { //添加j...
2020-01-26 19:27:21
164
原创 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
946
原创 3.vue过滤器
过滤器概念Vue.js允许你自定义过滤器，可被用作一些常见的文本格式化，过滤器可以用在两个地方：mustache 插值和 v-bind 表达式过滤器应该被添加在JavaScript表达式的尾部，由“管道”符指示过滤器中的 function，第一个参数是管道符前面 传递过来的数据过滤器调用时候的格式：{{value| 过滤器的名称}}全局过滤器Vue.filter(‘过滤器的名称’，f...
2020-01-19 10:35:14
249
原创 es6中箭头函数总结
1.箭头函数绑定父上下文☆☆☆☆☆如vue中，不要在实例属性或者回调函数中（如 vm.$watch(‘a’, newVal => this.myMethod())）使用箭头函数。
2020-01-17 17:36:32
83
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人