- 博客(31)
- 收藏
- 关注
RSS订阅原创 算法题 Proxy
/** * 有如下对象data * * 现需要将 data 转换为另一个数据结构 state * * 且满足以下要求 * * 1. state() == { a: { b: { c: 1 } } } * * 2. state.a() == { b: { c: 1 } } * * 3. state.a.b() == { c: 1 } * * 4. state.a.b.c() == 1 * * 5. state.a.b.d() == undefined * * 6. state.
2023-02-19 02:28:18
68
原创 wepy atom 快捷编辑插件
插件路径######################################################### Atom Wepy Snippet ## ######################################################".text.html.vue": "view ->
2021-05-17 17:23:35
85
原创 webpack11.压缩css
const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const MiniCssExtractPlugin = require('mini-css-extract-plugin');const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-webpack-plugin')// 设置nodej
2021-05-05 16:51:06
67
原创 webpack10.css兼容性处理
const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const MiniCssExtractPlugin = require('mini-css-extract-plugin');// 设置nodejs环境变量// process.env.NODE_ENV = 'development';module.exports = { entry: './src/js
2021-05-05 16:50:20
70
原创 webpack09.提取css成单独文件
const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const MiniCssExtractPlugin = require('mini-css-extract-plugin');module.exports = { entry: './src/js/index.js', output: { filename: 'js/built.js', p
2021-05-05 16:49:26
78
原创 webpack07.devServer
const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/index.js', output: { filename: 'built.js', path: resolve(__dirname, 'build') }, module: { rules: [ {
2021-05-05 16:46:41
48
原创 webpack06.打包其他资源
const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/index.js', output: { filename: 'built.js', path: resolve(__dirname, 'build') }, module: { rules: [ {
2021-05-05 16:45:37
41
原创 webpack04.打包html资源
/* loader: 1. 下载 2. 使用（配置loader） plugins: 1. 下载 2. 引入 3. 使用*/const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/index.js', output: { filename: 'built.js', p
2021-05-05 16:43:12
55
原创 webpack03.打包样式资源
/* webpack.config.js webpack的配置文件 作用: 指示 webpack 干哪些活（当你运行 webpack 指令时，会加载里面的配置） 所有构建工具都是基于nodejs平台运行的~模块化默认采用commonjs。*/// resolve用来拼接绝对路径的方法const { resolve } = require('path');module.exports = { // webpack配置 // 入口起点 entry: './src/
2021-05-05 16:41:21
56
原创 处理前端发送字符串参数包含特殊字符
处理前端发送参数包含特殊字符串const matchList = { '<': '\\<', '>': '\\>', '"': '\\"', "'": "\\'"} //需要转义的特殊字符串可以自己添加// 字符过滤器const HtmlFilter = (text:string) => { let regStr = '(' + Object.keys(matchList).toString() + ')' // ↑ ------------【
2021-02-01 18:32:40
1402
原创 node实现cmd弹窗交互——inquirer
实现cmd弹窗交互安装inquirer包npm i inquirer引入inquirer包var inquirer = require('inquirer');// console.log('Hi, welcome to Node Pizza');var questions = [ { type: 'input', name: 'toBeDelivered',//这个参数 message: '请选择文件夹', }];inquirer.prompt(qu
2020-06-16 18:08:53
1257
原创 typescript03——symbol
symbol基础let s0=Symbol('name');console.log(s0);//Symbol(name)Symbol做属性名let symbolObj={ name:'symbol对象', [s0]:'symbol值'}console.log(symbolObj); //{name: "symbol对象", Symbol(name): "sy...
2020-04-08 23:34:25
117
原创 typescript01——环境搭建
搭建开发环境使用npm初始化项目全局安装部分依赖使用tsc初始化项目配置webpack添加开发和打包命令1：使用npm init 初始化项目npm init -y //(默认) 也可以自己配置相关项我的项目文件夹结构2：全局安装部分依赖npm i typescript tslint -g...
2020-03-20 00:38:11
105
原创 js实现复制到剪贴板
通过js复制到剪贴板let aux = document.createElement("input"); aux.setAttribute("value",`复制剪贴板内容`);document.body.appendChild(aux);aux.select();document.execCommand("copy");document.body.removeChild(aux);...
2020-02-20 10:31:34
91
原创 原生js实现网页中图片放大功能
####### 网页中实现点击图片充满全屏const imgClick=(url)=>{ //该点击方法绑定到需要放大的图片上传入图片地址 let divDOM = document.createElement('div'); divDOM.style.cssText='position:fixed;z-index:99999;width:100%;height:100%;left:...
2020-01-16 17:45:02
543
原创 关于正则的复习
js正则复习前言：很多地方都会用到正则，比如字符串的操作，和电话邮箱的判断。正则表达式修饰符修饰符描述i不区分大小写g执行全局匹配m执行多行匹配正则表达式模式表达式描述[abc]查找方括号之间的任意字符[0-9]查找任何从0到9 的数字（x | y）查找任何以 | 分割的选项元字符描述...
2020-01-15 18:43:39
78
原创 node 单点登录
node单点登录实现思路：通过JWT生成Token将Token和用户信息写入cookie后续接口判断Token返回请求信息const http=require('http');var jwt = require('jsonwebtoken');const log=console.log;http.createServer((req,res)=>{ let obj={ ...
2020-01-13 19:00:39
528
1
原创 原生jsDOM拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2020-01-05 12:33:48
314
原创 scratch——项目配置
scratch项目配置scratch项目会打包出多个HTML文件。有首页、播放器、编辑器页面，兼容测试页面对应webpack的配置位置是:wbpack打包的入口文件：webpack的配置项[ { mode: 'development', devtool: 'cheap-module-source-map', devServer: { co...
2019-12-30 11:07:55
1131
原创 scratch预备知识
scratch预备知识自己是个前端小白，最近在做二次开发scratch前端项目,封装出自定义的scratch功能，scratch是使用react前端框架还有redux状态管理器webpack打包的，这个项目很大，所以就想把自己平时学习scratch做一个总结，并分享一下。react 高阶组价(HOC)高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 R...
2019-12-22 16:41:00
460
原创 TypeScript学习——接口
前言TypeScript 的核心原则之一是对值所具有的结构进行类型检查认识接口function fn(e:{target：{value：string}}){ }使用接口重写interface parm { target:{ value：string }}function fn(e:parm){ }可选属性接口里的属性不全是必须的，即给函数传入的...
2019-12-08 18:27:47
147
原创 typeScript02——基础类型
基础类型布尔值let isDone:boolean=false; 数字支持十进制十六进制二进制、八进制字面量let decList:number=6;let hexLiteral: number = 0xf00d;let binaryLiteral: number = 0b1010;let octalLiteral: number = 0o744;字符串let str:...
2019-11-29 11:16:54
111
原创 node处理高并发解决方案
处理前端高并发请求let urlArray=[];let count=0;const maxCount=5;//设置的最大接收处const read = function(url){ //模拟后台异步处理请求 return new Promise((resolve,reject)=>{ setTimeout(()=>{ if (ind...
2019-11-28 19:00:37
3654
原创 webpack插件——uglifyjs-webpack-plugin
该插件用来处理js文件配置test检验文件是否符合JS压缩type：String|RegExp|Array<String|RegExp> Default: /\.js(\?.*)?$/iinclude使用压缩包含的文件type：tring|RegExp|Array<String|RegExp> Default: undefinedexclude...
2019-11-24 17:33:06
963
原创 通过类文件类型实现node文件上传
目的：blog类文件类型实现node文件上传一般的文件上传是同过input文本框通过表单提交上传，可是在实际开发过程中会保存一下类文件类型的数据(这个说法不是很准确)，可以通过其他方式转化问File类型进行上传——比如canvas、Scratch的文件保存Blog转为File将Blog类型转为File类型是通过 File 的构造函数实现语法var myFile = new File...
2019-11-17 19:27:00
288
原创 centos7部署puppeteer
centos7部署puppeteer环境部署nodenode下载地址使用tar -vxf 解压(我是放在home文件夹下jade文件夹中)会默认解压到当前文件夹会默认安装npmtar –xvf /home/jade/node-v12.13.0-linux-x64.tar.xz使用软连接,变为全局ln -s /home/jade/node-v12.13.0-linux-x64/b...
2019-11-12 15:52:09
1866
原创 使用puppeteer进入网站模拟登陆然后抓取特定网页内容
puppeteer爬虫目的：使用puppeteer进入网站模拟登陆然后抓取特定网页内容开发环境windows、npm、nodepuppeteer文档地址puppeteer.launch（）启动 Chromium 实例const puppeteer = require('puppeteer'); //头部引入puppeteer包 const browser = await puppe...
2019-11-10 16:38:34
1634
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人