- 博客(126)
- 收藏
- 关注
RSS订阅
原创 react基础
1.静态页面引入react<!-- 需要先移入react.js核心库 --><script src="https://unpkg.com/react@16/umd/react.production.min.js"></script><!-- 引入react-dom.js 用来控制元素操作 --><script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"&
2021-07-05 18:43:52
313
原创 vue基础
1.挂载点： 1. 通过 el属性设置挂载点： el:'#app' 2. 通过 $mount('#app') 方法设置挂载点 vue 中插值语法： {{data中的属性名}}设置挂载点 <div id="app"> <p>{{msg}}</p> </div> <script src="./js/vue.js"><
2021-05-26 18:40:45
1437
原创 fr插件库
code 插件原生自动对齐：设置emmet.include=>setting.json=>添加, "editor.formatOnType": true, "editor.formatOnSave": trueBracket Pair Colorizer 2 js对应括号显示Highlight Matching Tag html对应标签高亮显示自动对齐 beautify f1自动对齐jQuery Code Snippets js代码提示Auto Rename T
2021-04-25 14:40:49
169
原创 es6基础语法
1.变量let01.变量不能重复声明，会报错02.块级作用域 在{}内执行03.不存在变量提升04.不影响作用域链（函数执行，变量寻找从内到外）
2021-04-17 20:48:23
245
原创 js基础 事件，事件冒泡,事件对象
接触过的事件 click(单击) scroll(滚动) change(改变) load(加载) 事件的分类 1.鼠标事件 2.键盘事件 3.其他事件(触摸事件，input事件) 事件的绑定方式 1.行间绑定(几乎不用) 2.js绑定(on+事件名) 事件绑定，只能绑定一个执行方法，如果绑定多个，那么后面的会覆盖前面的 通过给事件绑定赋值null，来取消事件绑定1.mousedown 鼠标按下去的事件特点：无论鼠标的哪一个键按下都会触发（按下左键，右键，滚轮）2 .
2021-04-08 16:08:49
324
原创 js基础dom
1.节点nodeNamenodeTypeNodeValue元素节点标签名1null属性节点属性名2属性值文本节点#text3文本内容注释节点#comment8-文档节点#document9-文档声明节点-10-2.获取元素获取属性 attributesa.ele.attributes[i].nodevalue,...,;b. getAttribute(属性名) 来获取属性值 注意，获取class的时候
2021-04-06 00:14:48
148
原创 js基础语法
1.命名方法1.小驼峰命名法第一个字母的首字母小写，以后每一个单词的首字母大写 bigBirdAbc2.大驼峰命名法/帕斯卡命名法每个单词的首字母大写BigBirdAbc3.匈牙利命名法属性（s_:静态，g_:全局）+类型（object,i:int,a:array）+描述(对象的名字) g_obj_bird2.变量的命名规范1.见知明意2.变量名只能是数字，字母，下划线，$组成，并且不能以数字开头3.不能使用系统的关键字（var）和保留字(class)作为变量名3. 常量和变量
2021-03-18 20:27:02
176
原创 兼容移动端ios,安卓，web端底部软键盘弹出，输入框被遮挡问题
1.监听键盘高度的变化要监听键盘高度的变化，我们得先看看在键盘展开或收起的时候，分别会触发哪些浏览器事件：iOS 和部分 Android 浏览器 展开：键盘展示时会依次触发 visualViewport resize -> focusin-> visualViewport scroll，部分情况下手动调用 input.focus 不触发 focusin 收起：键盘收起时会依次触发 visualViewport resize -> focusout -> visualViewport scroll。
2025-03-03 17:56:37
507
原创 react+react-router+mobx+element打造管理后台系统---react-amdin-element
react admin
2022-10-21 09:57:47
456
1原创 回调地狱，Promise对象、async函数
// promise function getTea(fn) { setTimeout(() => { fn('奶茶') }, 1000) } function hotPort(fn) { setTimeout(() => { fn('火锅') }, 2000) } // 1.直接执行，先奶茶后火锅 // let tea = getTea(function (...
2022-04-04 17:04:27
251
原创 MYSQL
1.数据库操作2.数据类型3.表操作a.初始化表3.查询数据库order by 对查询内容进行排序desc 降序asc 升序（默认）4.常用函数转小写，大写，截取字符串，转换为长度，null转换为其他5.聚合函数6.关键字limit(分页)6.例子（显示sql查询顺序）...
2022-03-23 23:49:54
162
原创 柯里化函数
<!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>Doc
2022-02-17 11:02:51
302
原创 可选链？.（解决访问一个对象中不存在的属性，而调用该属性时报错的问题）
let user = {}; // 一个没有 "address" 属性的 user 对象console.log(user.address.street); // 当对象中不存在"address" 属性时，//控制台会报Error!而不是undefined//通常我们希望出现的是undefined如何实现这一点？a.使用&&修饰符let user = {}; // user 没有 address 属性alert( user.address && use...
2022-02-16 14:15:32
1146
原创 bug解决使用node express框架 作为中间件，获取不到post body的参数
背景：node 的express框架作为前后端转发请求的中间件，使用过bodyParser.json(),或者express自带的express.json()去获取请求头是application/json 的post body 上的参数，页面请求超时error hang up解决：使用node原生方法去获取post body 的参数解决问题const http=require('http')const express=require('express');const app =express()
2021-12-09 09:09:39
1135
原创 angularjs同页面下不同controller下获取另一controller内部的参数方法
<!DOCTYPE html><html ng-app="myApp" id="myApp"><head> <meta name="viewport" content="width=device-width" /> <title>Test</title> <script src="~/Content/Js/Plugins/AngularJS/angular.min.js"></script>&l
2021-11-18 17:45:06
544
原创 js escape、 unescape、 encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的区别
js 1.5版本之后escape、 unescape（已弃用）尽量不推荐使用1.作用escape是对字符串(string)进行编码(而另外两种是对URL)，作用是让它们在所有电脑上可读2. encodeURI和encodeURIComponent对URL编码是常见的事，所以这两个方法应该是实际中要特别注意的。 它们都是编码URL，唯一区别就是编码的字符范围，其中 encodeURI方法不会对下列字符编码 ASCII字母、数字、~!@#$&()=:/,;?+’ encodeURIC
2021-11-09 11:42:16
2186
原创 webpack基础配置
// webpack 搭建项目// 1.全局安装webpack npm i webpack -g // 2.项目根目录初始化项目 npm init -y // 3.在项目的根目录下面安装webpack 和 webpack-cli (本地安装webpack)// npm install webpack --save-dev// npm install webpack-cli --save-dev// 4. 创建一个webpack.config.js文件 （webpack基于node，so 遵循
2021-09-27 10:31:26
65
原创 websocket
vuedata(){path:'url',socket:''},methods(){ init: function () { if(typeof(WebSocket) === "undefined"){ alert("您的浏览器不支持socket") }else{ // 实例化socket this.socket = new WebSocket(this
2021-09-23 11:42:39
63
原创 老版本富文本编辑器回车出现p嵌套br 问题
解决方法：01. 输入内容换行用shift+enter解决此问题02.实例化配置页面<script type="text/javascript"> //实例化编辑器 // 添加enterTag: 'br' var ue = UE.getEditor('editor', { enterTag: 'br' });</script>...
2021-08-10 23:30:09
535
原创 css 样式 文本自动换行设置 及滚动条设置，省略号设置
1.自动换行设置div{ word-wrap:break-word; word-break:normal;}强制不换行div{white-space:nowrap;}2.设置滚动条div{ overflow-x:hidden; overflow-y:auto;}3.单行文本设置省略号div{ width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsi
2021-08-05 10:16:59
717
原创 angular.js 基础
1.脚手架cli安装npm i @angular/cli -gng v 判断是否安装成功ng new aa 创建项目ng new aa --skip-install创建项目跳过安装依赖cnpm i /npm i 安装依赖创建组件ng g component +（APP下的路径名）或者 ng g c +（APP下的路径名）运行项目ng serve --open ...
2021-07-28 21:35:45
143
原创 前端http缓存
参考缓存http缓存指的是: 当客户端向服务器请求资源时，会先抵达浏览器缓存，如果浏览器有“要请求资源”的副本，就可以直接从浏览器缓存中提取而不是从原始服务器中提取这个资源。常见的http缓存只能缓存get请求响应的资源，对于其他类型的响应则无能为力，所以后续说的请求缓存都是指GET请求。http缓存都是从第二次请求开始的。第一次请求资源时，服务器返回资源，并在respone header头中回传资源的缓存参数；第二次请求时，浏览器判断这些请求参数，命中强缓存就直接200，否则就把请求参数加到requ
2021-07-19 23:00:51
274
原创 封装防抖节流
// 封装防抖 // 原理：通过延时计时器，只执行最后一次事件 function Bounce(fn, delay) { let t = null; return function () { if (t !== null) { clearTimeout(t) } t = setTimeout(() => { fn.call(this) }, delay) } } // 封装节流.
2021-07-16 14:23:34
186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人