- 博客(48)
- 资源 (3)
- 收藏
- 关注
原创 JavaScript 入门基础篇总结
一、Javascript 基础Javascript 简称 JS是一门语言一门计算机语言一门计算机脚本语言一门运行在浏览器当中的脚本语言,可以让网页更加的生动活泼,更具有交互性。二、Javascript的用途去进行表单的验证制作网页动画读写html当中的内容操作cookie判断浏览器运行在服务器端……三、Javascript的发展历史1992 NomBas...
2019-10-14 10:51:21 1072 1
原创 Vscode编译器使用常识
一、快捷键命令行 ctrl+ ~新窗口打开新项目 ctrl+shift+n二、汉化快捷键 ctrl+shift+pctrl+shift+p 输入 lang 找到 configlanguage更换 "locale":"en" "locale":"zh-CN"三、自动保存左上角 首选项(preferences-setting)输入autosave ...
2019-10-12 15:56:01 1716
原创 iframe嵌套页面 拒绝访问 X-Frame-Options配置
deny 表示该页面不允许在 frame 中展示,即便是在相同域名的页面中嵌套也不允许。sameorigin 表示该页面可以在相同域名页面的 frame 中展示。allow-from uri 表示该页面可以在指定来源的 frame 中展示。
2024-04-19 11:34:01 294
原创 mac指定node版本 mac node版本降级 mac切换node版本 nvm ls-remote N/A
关于mac切换node版本问题,mac指定node版本,mac中node版本降级问题,
2023-08-22 09:34:19 1801
原创 css 实现上下、左右、左上、左下、右上、右下和对角线移动动画
简单的css 实现上下、左右、左上、左下、右上、右下对角线移动动画,内容简单容易上手,记得点赞关注+评论
2022-07-05 09:46:25 5831
原创 前端接口处理图片流转化为Base64
一、声明接口export function getQrCode(params) { return request({ url: '/api/qr-code', method: 'get', params, responseType: 'arraybuffer' })}注意需要增加responseType: 'arraybuffer'设置该值能够改变响应类型(关键这句话),是告诉服务器期望的响应格式。二、方法引用ge
2021-09-02 10:21:17 975
原创 Vue antd formModal 表单循环渲染 && React antd form 表单循环渲染
vue antd formModal 表单循环渲染 && react antd form 表单循环渲染vue antd formModal官方文档地址: https://www.antdv.com/components/form-model-cn/ <a-form-model :hideRequiredMark="true" :model="serviceForm" ref="servi
2021-09-01 11:36:11 2609 2
原创 VUE项目中高德地图选择坐标和输入搜索功能
插入高德地图的过程:1.在HTML 页面中引入高德地图 JS API 的 JS文件2.获取到 DOM 元素3.将其作为容器,连同其它参数,传递给 new AMap.Map,创建一个地图实例5.往地图里加入更多的元素官方JS API文档地址 https://lbs.amap.com/api/javascript-api/summary/官方JS API实例地址 https://lbs.amap.com/demo/javascript-api/example/marker/custom-icon-
2021-07-05 10:38:16 1241
原创 常用FTP客户端工具
一、FileZillaFileZilla 下载地址或电脑软件管家。打开站点管理器新建站点协议选择 SFTP - SSH File Transfer Protocol;主机地址xx.xx.x.xxx端口 默认不选择(或选用:21.22)登录类型 正常输入用户密码点击连接链接成功后如下图所示:蓝色站点表示本地站点 红色区域表示远程站点选中蓝色区域上传文件右键上传即可上传文件到xx.xx.x.xxx服务器最底部操作台会显示上传状态和已完成成功的传输二、xshell地址
2021-05-31 19:01:23 659
原创 前端模拟发布调试环境软件phpstudy
一、phpstudy_pro打开phpstudy_pro 启动Apache。点开网站 -> 创建网站 - > 输入域名 -> 选择根目录 -> 点击确认将要发布的项目文件复制到根目录下 -> 重启phpstudy_pro -> 访问配置的域名就可以了。...
2021-05-31 18:29:20 681
转载 node搭建服务器
nodejs搭建本地http服务器node执行下面这个文件,我命名为http.js,它将创建一个httpServer并监听3000端口。var PORT = 3000;var http = require('http');var url=require('url');var fs=require('fs');var mine=require('./mine').types;var path=require('path');var server = http.createServer(fu
2021-04-28 19:53:54 611
原创 前端面试题
踩过的坑绝对不能再踩1.什么是盒子模型:在网页中,一个元素占有空间的大小由几个部分构成,其中包括:元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。2.行内元素有哪些 块极元素有哪些 空元素有哪些:行内元素:a、b、span、img、input、strong、select、lab
2020-12-15 15:11:43 1796
原创 React应用react-color
一、 安装与引入 安装: npm install react-color --save 引入: import React from 'react' import { SketchPicker } from 'react-color' class Component extends React.Component { render() { return <SketchPicker />
2020-08-09 15:52:17 4964
原创 React Hooks 随笔
通过文档可以看出,React Hooks被开发出来主要是这三个理由:难以复用类组件之间的逻辑生命周期中经常包含一些莫名其妙的不相关逻辑类组件难以被机器和人理解
2020-07-23 14:53:40 659
转载 前端面试汇总
css相关:三栏布局二栏布局移动端rem 如何设置的,position 几个值? 分别 相对谁BFC 布局 原理CSS 选择器优先级垂直居中? 尽可能多的方法?flex 相关? flex布局 以及属性实现一个三角形 或者一个扇形 和梯形物理像素说一下用到的布局实现一个css 动画js 基础相关es6 知道的有哪些let const var 区别js 执行机制页面dom 渲染流程简单说下箭头函数 和普通函数区别闭包 应用场景构造函数 和原型链 以及继承的方式 和优
2020-07-18 15:36:07 766
转载 开发中常用的正则表达式
校验数字表达式1. 数字:^[0-9]*$2. n位的数字:^\d{n}$3. 至少n位的数字:^\d{n,}$4. m-n位的数字:^\d{m,n}$5. 零和非零开头的数字:^(0|[1-9][0-9]*)$6. 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$7. 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$8. 正数、负数、和小数:^(\-|\+)?\d+(\.\d+)?$9. 有两位小数的正实
2020-07-17 15:39:38 648
原创 FireBase无需管理基础架构
Firebasefirebase 是一家实时后端数据库创业公司,它能帮助开发者很快的写出Web端和移动端的应用。2014年10月,Google收购Firebase。一、特点1. 无需管理基础架构,快速构建您的应用。2. Google 提供支持,受到众多热门应用的信赖。3. 一个控制台,其中各种产品配合使用。二、缺点vpn 翻墙开发难度大,对新手不太友好三、Hosting部署操作* 安装 npm install -g firebase-tools* 初始化 firebase ini
2020-07-14 19:34:37 860
原创 React+umi增加路由权限
一、配置路由权限key在资源文件 config/route.ts 配置只有拥有了HOME(在 src/access.ts 中定义)权限,用户才可以访问该页面。export const routes = [ { path: '/home', component: '/home', access: 'HOME', // 权限定义返回值的某个 key }]二、启用插件 @umijs/plugin-access@umijs/plugin-access启用方式: 创
2020-07-14 15:03:31 8460
原创 微信小程序组件化便捷开发
一、wxml文件组件根据父组件传参来判定当前template name<template name="goods-1"> <view class="goods-1"> <image class="goods-img" src="http://nengliang-shop.oss-accelerate.aliyuncs.com/2020/04/16/f4e3ff0f-7fb8-4c16-8bca-a40b8331f475.jpg!260x260"></
2020-07-09 10:30:11 724
原创 微信小程序 动态渲染
一、 xml文件<import src="./components/goods/index.wxml"/><import src="./components/icon/index.wxml"/><import src="./components/img/index.wxml"/><import src="./components/label/index.wxml"/><import src="./components/placeholder/
2020-07-09 10:21:22 2234 3
原创 npm install 报错汇总
npm安装的时候报-4048npm ERR! errno -4048npm ERR! syscall scandir// 解决方法 是缓存的问题,清理下缓存就行了。控制台输入: npm cache clean --force
2020-07-08 11:08:05 1394
原创 Vue动态配置路由权限
import Vue from 'vue'import Vuex from 'vuex'import permission from './modules/permission'Vue.use(Vuex)const store = new Vuex.Store({ modules: { permission, },})export default store动态获取后台参数并渲染import { constantRoutes } from '@/router'i
2020-07-07 15:12:45 1263
原创 Vue中的动态渲染
介入一个中间组件动态渲染,根据接口返回变量type 对应查找当前组件为什么组件如: 接口返回: data = [ { type:1,name:'分类组件'}, { type:5,name:'标签组件'}, { type:6,name:'标题组件'}, { type:2,name:'Icon组件'}, ]页面渲染结果就为: 我是分类组件 我是标签组件 我是标题组件 我是Icon组件<template>
2020-07-07 10:28:51 2712
原创 React Hooks+Typescript 中 父组件调用子组件方法.
父组件import React, { useState, useRef } from 'react';import { Table, Card, Button, } from 'antd';import ChildComp from './child';const FComp: React.FC<any> = (props) => { let child = useRef();; let [text,setText] = useState<string>
2020-06-26 13:10:22 3334
原创 utils——实际开发中的公共类(封装的通用方法)
import moment from 'moment';import { parse, stringify } from 'qs';import { message } from 'antd';import { baseImgUrl, server } from '@/config';import Author from '@/common/author'/* eslint no-useless-escape:0 */const reg = /(((^https?:(?:\/\/)?)(?:[-
2020-06-05 10:38:28 1398
原创 CSS——自定义个性化滚动条scrollbar
&::-webkit-scrollbar { display: block; height: 6px; background: #eee; } &::-webkit-scrollbar-track { border-radius: 0; } &::-webkit-scrollbar-thumb {
2020-05-27 19:23:05 855
原创 React图片拖拽排序
import React, { Component, } from 'react';import { _Get, _Post, _Put, _Delete } from '@/common/request'import API from '@/common/api';import configBase from '../../../config';import Author from '...
2020-05-05 19:13:02 1723
原创 React+Antd中日期时间禁用(RangePicker)
//不可选日期export function disabledDate(current) { return current && current < moment().subtract(1, "days");}//不可选时分秒const range = (start, end) => { const result = []; for (let i =...
2020-04-20 15:56:32 3801
原创 为什么选择 Typescript
为什么选择TypeScript 增加了代码的可读性和可维护性TypeScript文档官方文档TypeScript 编译tsc编译器会从当前目录开始去查找tsconfig.json文件,逐级向上搜索父目录。且使用命令行参数--project(或-p)指定一个包含tsconfig.json文件的目录。当命令行上指定了输入文件时,tsconfig.json文件会被忽略。TypeSc...
2020-04-20 13:35:27 756
原创 Git基本操作维护线上Bug——小白专用
// 修改线上或者其他分支内容 在当前分支下 创建新分支 hotfix[修改内容] eg:pre内容出现bug git checkout pre // 切换到pre分支下 git pull // 更新为最新代码 git checkout -b fix/route // 创建并切换到fix/route...
2020-03-17 14:55:26 994
原创 React项目中复制(react-copy-to-clipboard)
react复制内容到剪贴板 ---- 依赖包react-copy-to-clipboard一、安装插件依赖包(react-copy-to-clipboard)npm install --save copy-to-clipboard二、引用插件import copy from 'copy-to-clipboard';三、实际项目应用import React, { Component ...
2020-02-20 17:47:59 7267
原创 FZ(File Zilla)服务发布
File Zilla 简单粗暴, 照猫画虎。一、 版本选择 // 一个免费开源的FTP软件,分为客户端版本和服务器版本,具备所有的FTP软件功能。 FileZilla Client二、 配置服务器 1. 打开站点管理器 2. 新建站点 3. 协议选择 SFTP - SSH File Transfer Protocol; 4. 主机地址xx.xx.x.xxx 5. 端口 默...
2019-12-27 15:29:42 1411
原创 React项目中的倒计时功能
React项目中的倒计时 简单粗暴,照猫画虎, CV大法无所不能。一、 html布局 <em> <span>{this.state.day}天</span> <span>{this.state.hour}时</span> ...
2019-12-27 15:15:47 1520
原创 JavaScript基础篇之对象理解
对象所有客观存在的事物和抽象的规则计划或者事件等。属性的无序集合体(代码的角度)一、 一切皆对象数组 函数 字符串 数值 布尔值…二、属性属性: 可以用值来描述的属性方法: 用函数来描述的属性三、类对于具有相同或者相似属性的对象的抽象描述。类的具体化(实例化)就是对象。在js当中通过构造函数来实现类的。在js当中得到对象就可以通过实例化构造函数。四、语法...
2019-12-13 15:09:46 606
download.js
2020-06-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人