前端
百度一下吧
this or that
展开
-
数据库批量插入数据
【代码】数据库批量插入数据。原创 2024-05-15 15:14:44 · 111 阅读 · 0 评论 -
React开发笔记
该函数默认返回 true。React立意选取最小块设计,元素化每个dom标签,在内存中进行操作,引起Dom的最小render,节约Html的性能,单向数据流自上而下,采用函数化和面向对象思想,给予每个模块最灵活的操作和对开发者极大的便利,React的最大优点并不是继承,而是组合Dom组件。ReactDOM.createPortal ReactDOM.render() 在return中可以使用{this.state.属性 && } {this.state.属性?原创 2023-01-25 19:20:43 · 380 阅读 · 0 评论 -
基于express 使用和api
1、package.json添加依赖/*package.json*/{ "name": "express", "version": "0.0.0", "private": true, "scripts": { "start": "nodemon ./bin/www" }, "dependencies": { "axios": "^0.21.1", "body-parser": "^1.19.0", "connect-timeout": "^1.原创 2021-10-08 14:19:27 · 112 阅读 · 0 评论 -
基于electron的创建桌面应用
electron是一个底层基于c++的应用开发框架,类似于webview+html嵌套,还需要在node的环境中运行,使用之后,发现我打包的应用只有一个html文件,打包后体积远远大于我html文件体积,不太理想,记录下怎么搭建使用。原创 2022-11-14 15:29:03 · 680 阅读 · 1 评论 -
2022基于vue2全家桶环境的vue周边运用和描述
vue全家桶。原创 2022-11-09 13:30:04 · 199 阅读 · 0 评论 -
devServer配置后解决前端跨域问题
前端跨域原创 2022-06-27 11:38:12 · 982 阅读 · 0 评论 -
使用jsonp解决跨域问题
使用jsonp解决跨域问题原创 2022-06-27 09:59:05 · 165 阅读 · 0 评论 -
forEach 跳出循环和throw err 与 throw new Error 的区别
forEach跳出循环和throw err 与 throw new Error 的区别原创 2022-06-10 19:21:10 · 213 阅读 · 0 评论 -
react useState实现原理监听变量变化
函数式编程原创 2022-06-02 13:38:03 · 1087 阅读 · 0 评论 -
防抖和节流
## 防抖和节流1. 防止短时间内执行重复无效操作。2. 只执行一次操作。```javaScript <script> document.querySelector('button').addEventListener('click', 节流(Test, 1000)); function 防抖(go, time) { // 加载执行 console.log(this); let t.原创 2022-05-31 19:29:44 · 70 阅读 · 0 评论 -
webpack5 的最新使用
一、安装最新依赖库版本设定{ "name": "blogs", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "webpack-dev-server --progress --config ./config/webpack.config.dev.js", "dev": "webpack --config ./config/webpack....原创 2022-05-31 16:17:39 · 325 阅读 · 0 评论 -
滚动到页面指定位置
document.getElementById('board7').scrollIntoView({ behavior: 'smooth', block: 'start' })原创 2022-01-29 14:35:46 · 485 阅读 · 0 评论 -
vue制作单向轮播组件
<template> <div :class="{'swiper': true} "> <div class="swiper-frame" @touchstart= "start" @touchmove= "move" @touchend= "end" @mousedown="dragStart" @mousemove="dragMove" @mouseup="dragUp.原创 2022-01-26 17:51:03 · 943 阅读 · 0 评论 -
vue2学习
vue版本vue --version全局安装:vue-clinpm install -g @vue/cli命令行运行单个vue文件:npm install -g @vue/cli-service-global升级全局的 Vue CLI 包:npm update -g @vue/cli创建项目vue create my-projectGUI创建vue uivue3.0使用Element Plus。"element-plus": "^1原创 2022-01-25 16:35:43 · 883 阅读 · 0 评论 -
Object.assign
Object对象:Object.assign()=> 合并对象原创 2022-01-06 09:49:44 · 350 阅读 · 0 评论 -
解决css 文字下划线不齐
对于字符大小参差不齐的css设置下划线要设置边框。英文的四线格是个例子:由于文字不对齐,有的设备的text-decoration-line:默认对单个文字的基准线不同。原创 2021-12-31 10:30:53 · 443 阅读 · 0 评论 -
html input属性拍照视频录制上传文件功能
// capture 媒体类型 // user 视频录制// camcorder// camera// accept 文件类型 video/* image/*//<input type="file" name="video" id="video-input" accept="video/*" capture="user" onchange={} />原创 2021-12-18 16:33:29 · 492 阅读 · 0 评论 -
js剪切板事件
剪切板事件 const oInput = document.createElement('input'); oInput.value = tel; document.body.appendChild(oInput); oInput.select(); document.execCommand('copy'); oInput.remove(); // 移除键盘原创 2021-12-18 15:54:32 · 150 阅读 · 0 评论 -
app和浏览器兼容性问题总结
一、app兼容性处理。①、ios12以后软键盘弹起以后,软盘原占用空白位置遗留,界面不能归位问题。document.body.addEventListener('focusin', () => { // 软键盘弹出 this.isReset = false})document.body.addEventListener('focusout', () => { // 软键盘收起 this.isReset = true setTimeout(() => {原创 2021-10-27 12:06:28 · 534 阅读 · 0 评论 -
递归函数和深浅拷贝
递归:在函数内部自己调用自己function fun(){ fun();}; 深浅拷贝 浅拷贝:只拷贝了地址指针指向,拷贝后,修改时,二者互相影响。 深拷贝:完全独立的另一份数据。浅拷贝var obj = {name:1age:1}var obj1 = obj;深拷贝function deepCopy(newObj,oldObj){ for(var k in oldObj){ var item = oldObj[k]; if(item instanceof Array原创 2021-10-08 18:05:18 · 84 阅读 · 0 评论 -
HTML5新增
一、HTML5新增标签属性section、header、nav、footermark、time、meter、progressaside、figureinput:type=> email、url、number、range、date、month、week、time、datetime、datetime-local、searchinput: autocomplete、autofocusform:action、enctype、method、novalidate、target、input、image原创 2021-10-08 14:16:28 · 128 阅读 · 0 评论 -
css背景图片设置
background-size:100%;总是X轴100%铺满整个容器,Y轴可能被裁剪会出现空白填不满部分,图片不变形。background-size:100% 100%;图片不保持比例放大或缩小使X轴与Y轴都铺满整个容器,图片可能会变形。background-size:cover;图片保持比例放大或缩小使X轴与Y轴都铺满整个容器,但图片超出容器部分会被裁剪掉,图片不变形。backgr...原创 2021-07-22 10:52:22 · 450 阅读 · 0 评论 -
promise异步执行原理探究
```javascript<!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"> &l原创 2021-10-08 14:20:17 · 121 阅读 · 0 评论 -
前端笔记之apply、this、bind、call
// ES6写法:function f(x, y, z) { // ...} let args = [0, 1, 2]; f(...args);//ES5写法: function f(x, y, z) { // ...} let args = [0, 1, 2]; f.apply(null,args);原创 2021-07-22 10:32:44 · 73 阅读 · 0 评论 -
前端笔记之react之redux
//store.jsimport { createStore } from 'redux'import { reducer } from './reducer'//存储空间,必须是唯一export const store = createStore(reducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_...原创 2021-07-22 14:09:52 · 49 阅读 · 0 评论 -
eggjs
<form method="POST" action="http://localhost:7001/upload?_csrf={{ ctx.csrf | safe }}" encType="multipart/form-data"> title: <input name="title" /> file: <input name="file" t...原创 2021-07-22 14:25:10 · 132 阅读 · 0 评论 -
使用git修改远程地址
git 提交分支本地分支和远程仓库分支git init 初始化git status 查看哪些文件处于什么状态git clone + 远程仓库地址 +本地仓库名字 :将仓库内容下载到本地git branch 查看本地分支 git branch +本地分支名字 :创建本地分支untracked 未追踪unmodify 取消修改staged 上演使用命令 git add 开始跟...原创 2021-07-22 11:29:11 · 5204 阅读 · 0 评论 -
鼠标遮罩点击事件pointer-events
如何让被遮挡层可以进行事件点击外层(被遮挡的层){ pointer-events: none; }内层(要发生事件的层){ pointer-events: auto; }pointer-events属性本身有很多取值,但只有none和auto可以用在浏览器上,其他都只能应用在SVG上取值none:元素永远不会成为鼠标事件的target取值auto:与pointer-even...原创 2021-07-22 13:28:27 · 127 阅读 · 0 评论 -
前端笔记之css文字限制行数
.box{ width: 200px; white-space: normal; border: 1px solid #000; overflow : hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; /* 设置超出多少行隐藏 */ -w...原创 2021-07-22 13:33:13 · 370 阅读 · 0 评论 -
react快速复习
一、主要依赖react、react-dom、react-router,react-router-dom、react-redux、redux、mobx、axios、promise、fetch、babel、es6、node、二、使用方式使用jsx主要依赖于babel、es6、react、react-dom三大类组件:函数式组件hooks、类组件、jsx类组件:在...原创 2021-09-24 18:23:59 · 214 阅读 · 0 评论 -
create-react-app 基础上配置优化
版本详情:{ "name": "react-study", "version": "0.1.0", "private": true, "dependencies": { "@babel/core": "7.12.3", "@pmmmwh/react-refresh-webpack-plugin": "0.4.3", "@svgr/webpack": "5...原创 2021-08-20 11:10:50 · 367 阅读 · 0 评论 -
面向对象:类的继承和原型链
面向对象:类的继承和原型链Babel转码器:Es6 => Es5polyfillBabel 默认只转换新的 JavaScript 句法,全局对象的方法都不会转码。例如:Iterator、Generator、Set、Map、Proxy、Reflect、Symbol、Promise <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> class Person{原创 2021-09-30 15:07:34 · 76 阅读 · 0 评论 -
nodejs使用笔记
一、http-errors制造错误信息返回给前端var createError = require('http-errors');createError(401, 'Please login to view this page.')express制造服务const express = require('express');const app = express(); app.get('/', function (req, res) { res.send('Hello World')}) ap原创 2021-09-29 17:10:31 · 185 阅读 · 0 评论 -
trao笔记二
import {Component} from "react"import {View,Text,Image} from '@tarojs/components'import KeFuImg from '../../imgs/icon_8423s1j69pf/a.png';import Taro from '@tarojs/taro'import './index.scss'export default class Person extends Component { constructor(原创 2021-09-29 17:09:02 · 361 阅读 · 0 评论 -
trao+react笔记之Map组件的使用
import { CoverView, Map, View } from '@tarojs/components'import { Component} from "react";import Taro from "@tarojs/taro";const normalCallout = { id: 1, latitude: 32, longitude: 122, callout: { content: '位置', color: '#ff0000', fontS原创 2021-09-29 17:07:33 · 793 阅读 · 0 评论 -
trao+react导航栏和轮播图的使用
import { Component } from "react"import {View,Swiper,SwiperItem} from '@tarojs/components'import './index.scss'export default class Order extends Component{ constructor(props){ super(props) this.state = { menus:[ { id:0, value:'原创 2021-09-29 17:03:14 · 239 阅读 · 0 评论 -
javascript类型检测
new Date()new Date()获取到的是系统时间,以服务器时间为准。类型判断var data = “”;//获取数据的类型var type = Object.prototype.toString.call(data).slice(8,-1);instanceof 对象let a = {}a instanceof Array// falsea instanceof Object// true数组[] instanceof Array// true[] i原创 2021-09-29 11:13:55 · 140 阅读 · 0 评论