自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

徐同保的专栏

主要分享web前端方面的知识,微信:xu1183391880(入群)

  • 博客(326)
  • 资源 (47)
  • 收藏
  • 关注

原创 如何通过cdn方式使用阿里巴巴矢量图字体文件

2021-04-14 18:31:55 4

原创 vue工作记录

一、watch在选项参数中指定 immediate: true 将立即以表达式的当前值触发回调:var unwatch = vm.$watch( 'value', function () { doSomething() if (unwatch) { unwatch() } }, { immediate: true })二、混入混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。普通混入:var

2021-04-12 11:48:22 13

原创 js数组去重

限ES6最简洁 let arr = [0, 1, 1, '1', 2] let newArr = [...new Set(arr)] console.log(newArr)

2021-04-02 22:07:12 8

原创 使用fetch请求数据

第一种写法: getData() { fetch('/api/list_all').then(res => { return res.json() }) .then(res => { if(res.code === 200) { } }) .catch(err => { console.log(err) }) }第二种写法: async getData() {

2021-04-01 10:13:51 13

原创 react项目添加代理解决跨域

在src文件夹下添加setupProxy.js文件setupProxy.js:const proxy = require('http-proxy-middleware')module.exports = function(app) { app.use( proxy('/api', { target: 'http://localhost:85', secure: false, changeOrigin: true, pathRewrit

2021-03-31 13:58:53 12

原创 js 控制 HTML5 audio标签 播放音频文件

<!DOCTYPE html><html lang="en"><head> <title>js 控制 HTML5 audio标签 播放音频文件</title></head><body> <button onclick="play()">播放音频</button> <button onclick="pause()">暂停音频</button> &lt.

2020-06-10 20:34:19 853

原创 1801A React 学习资料

一、环境yarn设置淘宝镜像源:yarn config set registry https://registry.npm.taobao.orgyarn查询镜像源:yarn config get registrynpm查询镜像源:npm config listnpm设置镜像源:npm set registry https://registry.npm.taobao.org/清缓存:npm cache clean --forceyarn cac...

2020-05-16 14:02:49 312

原创 1801A React

初识React课程目标React简介脚手架hello worldJSX语法知识点1.React简介React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站(https://www.instagram.com/)。做出来以后,发现这套东西很好用,就在2013年5月开源了(https://github.com/facebook/react)。由于 React 的设计思想极其独

2020-05-16 10:20:00 358

原创 TS入门课程资料

初识TS课程目标TS简介安装typescript包TS之hello world,类型检查学习资料介绍知识点1.TS简介TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法,生成纯粹的 JavaScript 代码。TypeScript 是 JavaScript 的超集,这意味着他支持所有的 JavaScript 语法。强类型语言的优势在于静态类型检查。TypeScript是微软开发的语言。vue3.0使用TS开发。是github开

2020-05-12 16:32:38 685

原创 TS入门

一、装包装包:yarn global add typescript检查版本: tsc -V

2020-04-15 13:18:07 1666

原创 vue3.0

一、vue3.0尝鲜<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue-next尝鲜</title> <script src="https://s1.zhuanstatic.com/...

2020-04-13 10:12:01 643

原创 项目实战【vue,react,微信小程序】(1710C)

一、严格模式(Strict Mode)StrictMode 是一个用以标记出应用中潜在问题的工具。http://react.html.cn/docs/strict-mode.html

2020-03-31 13:25:57 166

原创 课程资料

登录页课程目标复习vue脚手架搭建vue大型项目框架制作一级路由页面登录页面知识点1.v-model登录页有两个输入框,分别是用户名和密码。用户在输入框里输入的内容可以通过v-model指令和data进行双向数据绑定。可以带着学生回忆一下在没有vue的时候怎么做这个功能。在react里没有v-model指令,是通过受控组件来做的,两者有什么区别?能否在vue里用受控组件代替v...

2020-03-31 12:00:50 229

原创 项目实战【vue,react,微信小程序】(1708E)

目录一、Promise二、swiper三、$event四、transition 过渡动画五、toast组件六、解构并不能实现对象的深拷贝七、修改脚手架默认包管理工具八、redux九、react组件props类型检查和默认值十、使用webpack搭建react开发环境github源码:...

2019-12-30 10:00:58 410

原创 项目实战【vue,react,微信小程序】(1705E)

目录一、git1、git简介2、github简介3、在github上创建项目4、克隆代码5、提交代码6、git工作区7、分支8、对比分支9、生成ssh key10、安装git11、安装小乌龟12、忽略提交.gitignore13、git配置用户名和邮箱14、git免密参考链接二、MySql1、安装mys...

2019-12-30 07:52:58 1254

原创 项目实战【vue,react,微信小程序】(1707B)

目录一、transition过渡动画二、比较两个对象是否相等三、图片懒加载使用gif图做loading四、图片懒加载使用动画做loading五、forEach六、vuex getters七、详情页对象变更检查注意事项八、对话框组件九、自定义alert,全局函数使用十、瀑布流十一、reduce和immutable.js十二、使用immutable实现对...

2019-11-29 08:37:16 399

原创 项目实战【vue,react,微信小程序】(1706C)

目录一、接口封装二、vue图片懒加载三、书城后端接口四、登录、注册、修改密码后端接口五、时间戳转日期六、文件上传单个文件七、上传多个文件八、设置淘宝镜像九、yarn和npm清缓存十、react图片懒加载十一、yarn十二、react路由懒加载十三、让所有接口延时返回十四、前端使用代理解决跨域问题十五、mock很多数据、分页查找十六、...

2019-11-01 09:49:49 719

原创 node入门

目录一、什么是npm二、命令行程序三、commander.js四、npm包管理五、node提供一个链接可以下载图片六、使用node原生http模块写接口七、使用node原生http模块实现购物车所有接口(不需要装包,不需要中间件)八、node原生写接口,搭建静态web服务器,处理前端history路由九、安装FileZilla服务端十、安装...

2019-10-23 20:56:30 529

原创 使用react hook做一个小型完整项目(包括二级路由,动态路由,redux,tab切换,列表跳详情,登录, 守卫)

Hook是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。项目源码:https://github.com/baweireact/m-app-1705E/tree/master/16%E4%B9%A6%E6%9E%B6%EF%BC%88hook%E7%89%88%EF%BC%89参考链接:htt...

2019-10-16 09:07:05 1841 2

原创 chrome 突然出现 ERR_PROXY_CONNECTION_FAILED

2019-10-11 17:38:17 777

原创 Vue(1706E)

目录一、webpack相关1、最简单的配置2、最简单的vue环境3、vue+devserver4、html-webpack-plugin插件5、使用babel-loader将js文件里的ES6语法转换为ES5语法6、devtool7、style-loader、css-loader8、sass-loader9、url-loader和file-loader...

2019-08-31 08:00:54 825

原创 加入购物车动画(css)

<!DOCTYPE html><html><head> <style> html { height: 100%; } body { height: 100%; margin: 0; } .m-fly-wrap { position: fixe...

2019-08-26 11:42:00 529 2

原创 React从入门到精通(1704B)

目录一、React简介二、React的背景和原理三、JSX简介四、React组件五、脚手架六、快捷方式七、state和props八、组件九、todo list小练习十、生命周期十一、路由十二、使用 PropTypes 进行类型检查十三、refs 和DOM十四、ReactDOM十五、Mock数据十六、antd十七、Context...

2019-07-30 10:40:05 985

原创 React(1702H)文章管理-cms系统

一、GIF图1、效果图2、上传图片和创建文章3、编辑文章4、添加带文章的banner二、使用到的npm包1、pug参考链接:https://pug.bootcss.com/api/getting-started.htmlpug示例代码:...

2019-07-29 09:09:15 388

原创 React(1702H)文件上传和分页查找

1.上传dom: <div className="m-upload-input-wrap"> <input type="file" value="" onChange={this.handleUpload.bind(this)}/> </div>接口: handle...

2019-07-25 14:38:16 166

原创 React (1702H) 点击复制、滚动条、图形验证码、ridis、密码rsa加密、token、发邮件、文件上传、sql语句

一、使用到的npm包1.clipboard-polyfill复制到剪切板示例代码:import * as clipboard from "clipboard-polyfill" <Button onClick={this.handleCopy.bind(this, record)} >复制链接</Button> handleCopy(record...

2019-07-23 11:48:53 366

原创 React(1702H)搭建架构,包裹redux、路由、api、拦截器、国际化

一、使用到的库1.react-redux库,使用了两个apiProvider组件:import { Provider } from 'react-redux';ReactDOM.render( <Provider store={Store}> <BrowserRouter> <Routers /> </Br...

2019-07-21 10:40:14 386

原创 小程序购物车和搜索(1702H)

gif:一、相关文档组件-》表单组件-》checkbox:https://developers.weixin.qq.com/miniprogram/dev/component/checkbox.html组件-》视图容器-》swiper:https://developers.weixin.qq.com/miniprogram/dev/component/swiper.h...

2019-07-18 14:48:57 297

原创 小程序(1702H)

gif:1.运行请求本地连接2.wx:for<view wx:for="{{navTitle}}" wx:key="{{index}}" wx:for-index="i" wx:for-item="myItem" data-temp-index="{{i}}" bind:tap="handleNavClick"> <button cl...

2019-07-16 08:50:05 510

原创 node + vue 实战项目(包含登陆、注册、找回密码、密码rsa加密、多语言、图形验证码、redis、路由、vuex、列表页、列表页内容动态添加、删除等等)

node,github地址:https://github.com/xutongbao/m-vue-servervue,github地址:https://github.com/xutongbao/m-vue3/tree/feature_language

2019-07-13 21:08:41 469

原创 实训项目(1702H)

1.GIF:2.技术栈:Vue + vue-router + vuex3.路由:http://localhost:8080/home调用后端接口登陆,把token保存到localStorage里4.路由:http://localhost:8080/home登陆后跳转到这个页面,顶部三个tab页,分别是待处理,已发起,已处理每个tab页下面都包含两个tab页,分...

2019-07-05 14:40:18 500 2

原创 主流浏览器及其内核

浏览器 内核 Chrome 统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核 Firefox Gecko内核,俗称Firefox内核 Safari Webkit内核 Opera 最初是自己的Presto内核,后来是Webkit,现在是Blink内核 IE Trident内核,也是俗称的IE内核 ...

2019-06-27 11:57:44 182

原创 redux中间件redux-thunk的作用

redux的dispatch默认只能传一个对象参数:dispatch({ type: 'CHANGE_COLOR', themeColor: color })redux-thunk的作用就是使dispatch支持传函数参数:dispatch(changeColorAsyn(color))给redux配置thunk也很简单:import { createStore, a...

2019-06-26 19:06:07 1935

原创 js sleep函数

function sleep(delay) { var start = (new Date()).getTime(); while ((new Date()).getTime() - start < delay) { continue; } }

2019-06-14 16:17:00 682

原创 基于react使用swaggerUI创建高质量的API文档

现在多数的项目开发中,网站和移动端都需要进行数据交互和对接,这少不了使用REST编写API接口这种场景。 特别是不同开发小组协作时,就更需要以规范和文档作为标准和协作基础。良好的文档可以减少沟通成本,达到事半功倍的效果。有时对一些API说明的理解比较模糊,总想着能直接验证一下自己的理解就好了,而不是需要去项目写测试代码来验证自己的想法。 即API文档应具备直接执...

2019-06-13 17:42:56 1085

原创 js正则表达式验证合法的IP地址

function isValidIP(ip) { var reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/ return reg.test(i...

2019-06-10 16:15:41 8118

原创 前端使用jsencrypt.js做RSA加密

<!doctype html><html> <head> <title>JavaScript RSA Encryption</title> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <...

2019-06-06 18:50:47 12690 3

原创 JavaScript 执行机制(宏任务和微任务)

1. setTimeout(function() { console.log('1') }); new Promise(function(resolve) { console.log('2'); resolve(); }).then(function() { console.log('3') }); ...

2019-05-20 19:08:17 1480 4

原创 一行代码把网站变成黑白色调

html {filter: grayscale(1);}

2019-05-07 12:42:41 1422 3

原创 NPM依赖包版本号~和^的区别

~会匹配最近的小版本依赖包,比如~1.2.3会匹配所有1.2.x版本,但是不包括1.3.0^会匹配最新的大版本依赖包,比如^1.2.3会匹配所有1.x.x的包,包括1.3.0,但是不包括2.0.0...

2019-05-06 19:17:34 2083

基于Quartus II的数字系统Verilog HDL设计实例详解

基于Quartus II的数字系统Verilog HDL设计实例详解 很经典的书籍!高清!

2013-12-18

JAVA图形用户界面设计与实例 陈家兴等 2004年.pdf

JAVA图形用户界面设计与实例 陈家兴等 2004年.pdf 很经典的书籍!高清!

2013-12-17

IBM Rational Software Architect建模

IBM Rational Software Architect建模

2013-12-06

MSP430系列超低功耗16位单片机原理与应用(华中科技大学)

MSP430系列超低功耗16位单片机原理与应用(华中科技大学) 很经典的书籍!高清!

2013-12-18

React Developer Tools

欢迎下载react developer tools.crx,亲测好用!支持csdn!

2018-05-29

高质量C++编程指南.doc

高质量C++编程指南.doc 很好的学习资料!高清!

2013-12-19

[精通Spring.MVC].(Pro.Spring.MVC.With.Web.Flow).英文版

[精通Spring.MVC].(Pro.Spring.MVC.With.Web.Flow).英文版,很不错的书,2012年出版的

2015-01-26

UML基础与Rose建模案例.pdf

UML基础与Rose建模案例.pdf 很经典的书籍!高清!

2013-12-17

Java Swing图形界面开发与案例详解.part1.rar

Java Swing图形界面开发与案例详解.part1.rar 需要同时下载:Java Swing图形界面开发与案例详解.part2.rar,然后解压。很经典的书籍!高清!

2014-01-02

ssh后台管理(zTree)

这是我自己写的ssh后台管理工程,使用全注解的方式。

2014-06-23

机电一体化系列教材 模拟电子技术 318页 7.2M.pdf

机电一体化系列教材 模拟电子技术 318页 7.2M.pdf 很经典的书籍!高清!

2013-12-19

IBM Rational Software Architect建模.pdf

IBM Rational Software Architect建模.pdf 很经典的书籍!高清!

2013-12-17

Java编程思想第4版.pdf

Java编程思想第4版.pdf 很经典的书籍!高清!

2014-01-08

Java Swing图形界面开发与案例详解.part2.rar

Java Swing图形界面开发与案例详解.part2.rar 需要同时下载:Java Swing图形界面开发与案例详解.part1.rar,然后解压。很经典的书籍!高清!

2014-01-02

JAVA核心技术:卷Ⅰ基础知识.pdf

JAVA核心技术:卷Ⅰ基础知识.pdf 很经典的书籍!高清!

2013-12-17

JavaScript语言精粹.pdf

JavaScript语言精粹.pdf 很经典的书籍!高清!

2013-12-19

Navicat_for_MySQL_10.0.5.0_XiaZaiBa(win8下以管理员身份运行)

Navicat_for_MySQL_10.0.5.0_XiaZaiBa(win8下以管理员身份运行) 亲测!很好!安全可靠!

2013-12-18

DTLite4471-0333(虚拟光驱)

DTLite4471-0333(虚拟光驱) 亲测!很好!安全可靠!

2013-12-18

标准建模UML教程

标准建模UML教程.pdf 很经典的书籍!高清!

2013-12-18

深入浅出Struts2

深入浅出Struts2 很经典的书籍!高清!

2013-12-18

从零开始学CPLD和Verilog.HDL编程技术.pdf

从零开始学CPLD和Verilog.HDL编程技术.pdf 很经典的书籍!高清!

2013-12-19

MSP430 FLASH型超低功耗16位单片机_胡大可

MSP430 FLASH型超低功耗16位单片机_胡大可 很经典的书籍!高清!

2013-12-18

汇编语言 王爽著.pdf

汇编语言 王爽著.pdf 很经典的书籍!高清!

2014-01-03

UML基础及Visio建模

UML基础及Visio建模 很经典的书籍!高清!

2013-12-18

FoxitReader_Setup(福昕阅读器)

FoxitReader_Setup(福昕阅读器) 亲测!很好!安全可靠!

2013-12-18

屏幕录像专家V7.5(完美破解版).rar

屏幕录像专家V7.5(完美破解版).rar 很好的软件!亲测!很好!安全可靠!

2014-01-03

PHP和MySQL WEB开发(4th).pdf

PHP和MySQL WEB开发(4th).pdf 很经典的书籍!高清!

2013-12-19

HTML5.and.CSS3).Brian.P.Hogan.文字版.pdf

HTML5.and.CSS3).Brian.P.Hogan.文字版.pdf 很经典的书籍!高清!

2013-12-19

mysql-5.0.18-win32.

mysql-5.0.18-win32 亲测!很好!安全可靠!

2013-12-18

Embedded System Design using MSP430

Embedded System Design using MSP430 很经典的书籍!高清!

2013-12-18

Linux与unix shell编程指南.pdf

Linux与unix shell编程指南.pdf 很好的学习资料!高清!

2014-01-03

鸟哥的Linux私房菜 基础学习篇(第三版).pdf

鸟哥的Linux私房菜 基础学习篇(第三版).pdf 很经典的书籍!高清!

2014-01-03

Verilog HDL程序设计与实践.pdf

Verilog HDL程序设计与实践.pdf 很经典的书籍!高清!

2013-12-16

PHP高级程序设计_模式、框架与测试.pdf

PHP高级程序设计_模式、框架与测试.pdf 很经典的书籍!高清!

2014-01-08

jre-7u7-windows-i586

jre-7u7-windows-i586 亲测!很好!安全可靠!

2013-12-18

JDK_API_1_6_zh_CN

JDK_API_1_6_zh_CN 亲测!很好!安全可靠!

2013-12-18

微软C编程精粹.doc

微软C编程精粹.doc 很好的学习资料!高清!

2013-12-19

C专家编程.pdf

C专家编程.pdf 很好的学习资料!高清!

2013-12-19

系统集成项目管理工程师课件和考题

系统集成项目管理工程师课件和考题 很经典的书籍!高清!

2013-12-18

AccessPort 专业的串口调试工具

AccessPort 专业的串口调试工具 亲测!很好!安全可靠!

2013-12-18

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除