- 博客(15)
- 收藏
- 关注
RSS订阅
原创 前端学习常用网址导航
前端学习常用网址1.综合性网址2.分类学习3.杂文日志4.个人链接5.打包工具1.综合性网址 1. w3cschool 2. 菜鸟教程 3. 印记中文2.分类学习 1. react中文网 1. react-router中文文...
2019-09-23 18:02:59
524
1原创 常用方法 utils
日期前后比较 function compareDate(t1,t2){ return (Date.parse(t1) < Date.parse(t2)) } eg: Date.parse('2020-12-12') < Date.parse('2020-12-11') //false
2021-04-02 16:00:22
136
原创 canvas与图片互转
使用JavaScript将图片拷贝进画布function convertImageToCanvas(image) { var canvas = document.createElement("canvas"); canvas.width = image.width; canvas.height = image.height; canvas.getContext("2d").drawImage(image, 0, 0); return canvas;}用JavaScript将画布保持成图片
2020-11-26 08:43:40
178
原创 js中new的作用
js中new的作用仿写new合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入1.在堆中开辟对象内存空间, 记为obj2.在obj 中添加__proto__属性并指向 构造函数.prototype3.将构造函数中的this 指向obj4
2020-11-23 08:55:07
796
原创 封装post
import axios from "axios";import Vue from 'vue'import { storage, isEmpty } from "@/utils";import store from "@/store";// import { noAuthHttp } from './index'const that = store;Vue.prototype.$st...
2019-12-21 19:52:31
436
原创 chrome浏览器的跨域设置
chrome浏览器的跨域设置做前后分离的webapp开发的时候，出于一些原因往往需要将浏览器设置成支持跨域的模式，好在chrome浏览器就是支持可跨域的设置，网上也有很多chrome跨域设置教程。但是新版本的chrome浏览器提高了跨域设置的门槛，原来的方法不再适用了。下面笔者简单介绍一下新版本chrome的跨域设置方法。版本号49之前的跨域设置先介绍一下老方法，参考了一些网上的教程，其实直...
2019-12-14 21:00:21
181
原创 深拷贝 Object.assign() Object.entries()
深拷贝// Deep Clone obj1 = { a: 0 , b: { c: 0}}; let obj3 = JSON.parse(JSON.stringify(obj1)); obj1.a = 4; obj1.b.c = 4; console.log(JSON.stringify(obj3)); // { a: 0, b: { c: 0}}Object.assign() 方法...
2019-10-29 17:56:32
216
原创 webpack第三天/多页面打包/ 配置source-map/watch的用法/小插件 plugins:/webpack 跨域/resolve/定义环境变量/区分不同的环境
webpack 多页面打包module.exports = { //多入口 entry:{ home:'./src/index.js', other:'./src/other.js' }, output:{ //[name] 代表home 或other filename:'[name].js', ...
2019-10-22 10:15:09
181
原创 webpack学习第二天 /es6 转为 es5 / js检验 Eslint/全局变量引用问题/webpack打包图片/添加公共路径
第二天将es6 转为 es5 转化高级语法查Babel安装 yarn add babel-loader @babel/core @babel/preset-env -Dyarn add @babel/plugin-proposal-class-properties -D配置：{ test: /\.js$/, use: { lo...
2019-10-22 09:42:01
319
原创 webpack学习1 html插件 css样式处理
webpack学习：html插件、css样式处理webpack英文网址:中文好多东西都被删除了，可是还在，心累！！！webpack安装本地webpackwebpack webpack-cli第一步 yarn initial-y 自动生成package.json文件第二步 yarn webpack webpack-cli -Dwebpack 可以进行0配置打包工具-》输出后的文件（j...
2019-10-14 18:23:03
309
原创 webpack打包的出口文件bundle.js解读
webpack打包的出口文件bundle.js解读webpack中文网地址打包生成的文件： (function(modules) { //webpackBootstrap //模块缓存 var installedModules = {}; // The require function |require函数 function __webpack_...
2019-10-12 16:38:19
595
转载 一个Promise实例！！！！！（带完整代码）
promise实例Promise 对象用于表示一个异步操作的最终完成 (或失败), 及其结果值.（其他就不解释了）；点击学习 Promise学习地址目录结构：html文件：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="...
2019-10-11 15:20:07
1238
翻译 React-router/react-router-dom学习指南（附代码）
React-router/react-router-dom学习指南（附代码）1. 快速入门2. 基本组件3. 服务器渲染4. 代码拆分5. 滚动恢复6. 原理（动态路由/静态路由）7. 测试8. Redux 融合9. 静态路由1. 快速入门...
2019-09-19 13:16:40
708
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人