- 博客(106)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 全自动爬虫，你爱了么
目标知道什么是Selenium会使用Selenium了解反爬机制会使用Selenium抵制反爬Selenium反爬案例1. 什么是SeleniumSelenium是一个用于Web应用程序测试的工具它可以真实的模拟浏览器，为爬虫开辟了良好的环境2. Selenium的基本使用根据平台下载需要的webdirver(此处以chrome为例，注意两者版本号最好一致)项目根目录安装selenium-webdirver包将下载的包进行解压，把.exe文件放入项目根目录依据官方文档写
2020-06-17 22:27:27
23901
14
原创 拿下Mockjs 要了解下嘛
目标懂得什么是mock明白mock的基本用法了解json5的作用会使用mock和vue-cli结合会把mock应用于原生、jquery中的ajax请求1. Mock1.1 Mock简介Mock.js，生成随机数据，拦截Ajax请求Mock官网http://mockjs.com/1.2 Mock实战作用当前端工程师要独立于后端并行开发时，后端接口还没有完成（只有后端提供参考的接口文档），那么前端怎么获取数据。前端自己搭建web server自己模拟假数据，为了使数据更接近于实际需
2020-06-13 21:10:59
12784
2
原创 给自己的无知记一次过（jsonp的跨域请求）
写在前面：最近在回顾ajax请求时，对跨域数据请求产生了极大的兴趣，奈何刚开始自己天真的以为jsonp无敌到可以跨域拿到任何开放接口的数据，于是开启了自己的踩坑之路。最先是顺利的用jsonp拿到了淘宝的搜索框提示，以为“就这”。谁曾想痛苦来的那么突然，接着在请求一些网上免费接口时便陷入深渊，那么来分享一下我的爬坑之路。入坑1. 用jsonp请求淘宝搜索框提示原提示框：打开开发者工具，找到搜索接口，自己用jsonp请求此接口：示例代码: $.ajax({
2020-06-07 21:48:21
14316
9
原创 最全面的无缝滚动轮播图（只为解放你的双手）
文章目录1. 轮播图效果展示2. 轮播图剖析2.1. 原理简介2.2. 功能需求3. 代码分析3.1. HTML代码分析3.2. JavaScript代码逐步引导写在前面：最近在给自己的二手网页添加动画时发现轮播图还真是无处不在，样式也是五花八门。于是手写轮播图的想法涌上心头，经过一番折腾之后，它诞生了。优化了些内容，对无js基础的小伙伴也很友好（只需改动样式，js动态变化）。1. 轮播图效果展示2. 轮播图剖析2.1. 原理简介2.2. 功能需求3. 代码分析3.1. HTML代码分析3.
2020-05-30 19:34:27
15527
原创 webpack实现vue-cli（ToDoList）
用你的webpack实现vue-cli本文围绕前端工程化，用webpack从零搭建一个完整项目的过程本文核心知识点：webpack的使用vue组件化思想Element-UI的使用别走别走，迫不及待看结果了吧：想学吗，来俺教你（献丑，哈哈）实现步骤：写在前面：此案例用于强化你的webpack使用（须对webpack有一定的了解），若本文有错误以及运行出错，欢迎随时来扰我这只：爱学习的小白创建项目文件夹（vue_todo）生成项目描述文件（npm init -y）在项目根目录下创
2020-05-17 09:57:27
12711
原创 在android-studio通过命令打包flutter-apk
1. 将android文件夹放在android-studio中，2. 将jks文件放在app/src文件夹下，3. 在build_gradle文件中的buildTypes上面写入：signingConfigs{ app_key{ storeFile file("applyrealsmart.jks") //jks文件路径 storePassword "123456" //默认 keyAlias "applyr
2021-06-29 18:30:55
543
1
原创 vue项目中纯前端Excel文件(.xlsx)的导入导出
目录应用场景Excel文件导入Excel文件导出应用场景在需要展示大量数据的表格中，一条条插入显然有些鸡肋。此时我们会想到使用文件的形式插入。Excel表格的插入方式往往是种不错的选择。如果当Excel文件上传时后端无暇解析怎么办。此时我们就需要在前端进行Excel文件的解析，用后端容易接收的形式进行添加。那么如果这个Excel文件的添加面向用户，用户不清楚添加模板怎么搞，此时我们就需要为用户提供一套模板，可以导出Excel文件（模板）。Excel文件的导入/导出1. 此处封装了导入、导出
2021-06-10 20:57:04
2339
原创 【typescript】全程干货，淦
内容typescript 概述typescript 变量与数据类型typescript 运算符typescript 语句 与 数组
2020-10-11 20:53:55
7787
1
原创 【Grid布局】让你5分钟拿下
内容Grid 布局基本介绍Grid 布局属性展示1. Grid 布局Grid 布局（网格布局）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。此图使用其他布局做起来着实磨人，但这正是 Grid 布局的杰作Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。Grid 布局远比 Flex 布局强大。了解 Fle
2020-09-22 15:56:05
10412
1
原创 【原生js】好玩的瀑布流
内容原生的瀑布流思路分析以及具体实现屡屡思路①：何为瀑布流：②：需求：图片不变形、展示区域不留白③：需求分析：图片都遵循等宽不等高的样式注意：第一排图片可不做处理（让css 操作其样式），从第二排开始，每张图片都需要遍历追加，追加的位置是每一次高度最低的位置（凹陷处。示例实现js 代码块（保姆级注释）window.addEventListener('load', () => { var boxWidth = document.querySelector('.box')
2020-09-20 15:11:53
11190
2
原创 【React】从入坑到跑路：Ant Design of React 的使用
内容了解 Ant Design of React 组件库的基本使用
2020-08-30 22:25:02
10706
原创 【React】实时疫情数据展示
内容React 组件化思想React 中使用 axios 请求ECharts 中国地图的应用效果预览样式可忽略，主聊 React 。实现步骤React 核心思想组件化，此处就把页面分为5个不同的组件：根组件（index.js）、头部组件（header.js）、搜索组件（search.js）、数据表组件（form.js）、地图组件（map.js）。大大提高了项目的可扩展性1. 根组件（index.js）主要用于渲染，数据传递，和承载各个根组件import React from 're
2020-08-26 18:16:13
10904
原创 【React】从入坑到跑路：插槽、路由、redux
内容清楚React 插槽弄明白React 路由会使用 redux 及 react-redux1. React 插槽2. React 路由3. redux4. react-redux
2020-08-26 06:29:08
10399
原创 【React】从入坑到跑路：生命周期
内容记住 React 常用的钩子函数关于input 表单实现 数据->视图，视图->数据React 中的网络请求1. React中的钩子生命周期即是组件从实例化到渲染到最终从页面中销毁，整个过程就是生命周期，在这生命周期中，我们有许多可以调用的事件，也俗称为钩子函数生命周期的3个状态：Mounting:将组件插入到DOM中Updating:将数据更新到DOM中Unmounting:将组件移除DOM中生命周期中的钩子函数（方法，事件）CompontWillMount:
2020-08-25 19:18:58
10427
原创 【React】从入坑到跑路：组件化
内容父组件向子组件传值子组件向父组件传值React 事件React 条件渲染React 列表渲染1. 父组件向子组件传值父组件传递给子组件数据，单向流动，不能子传递给父。props的传值，可以是任意的类型。Props可以设置默认值：组件名.defaultProps = { key:”React”，msg：“cool” }示例（父组件改变子组件的显示/隐藏）：class FatherCom extends React.Component{ constructor(props
2020-08-23 18:25:06
10431
1
原创 【React】从入坑到跑路：基本语法
内容了解 ReactReact 元素 渲染React 中的JSXReact样式和注释React 组件React 状态写在前面我也在反复问自己 Vue 它不香么，可久而久之就觉得：也许是 Vue 太香了，让自己有点处于舒适圈的紧迫感。于是热爱学习的我准备开启React 的征程。谈谈自己对于学习 React 的看法：1：React 相较于 Vue 学习门槛更高，但同时又能让自己对于原生的东西更有体会；2：即使 Vue 目前大火，但对于一些一直使用 React 的公司，还是在沿用React。3
2020-08-21 17:49:00
10563
1
原创 【node】node+短信api 实现验证码登录
内容node 服务器登录接口用真实的短信验证登录1. node服务器搭建+数据库的连接此处操作比较简洁易懂，可参考：node服务器快速搭建2. 短信api的使用对于短信api ，此处以 阿里云的短信服务为例（只要是有短信服务的平台皆可使用）2.1 登录平台进行参数配置1. 进入短信控制台，对要发送的短信格式进行配置，如果没有签名，需要申请签名后操作2. 点击查看 API Demo 进入配置生成的api；此时选择 Node.js2.2 根据生成的api 在项目中使用代码注释详尽c
2020-07-29 19:35:51
12935
原创 【node】理论+实践让你拿下session、cookie
内容了解 session、cookie用 node 服务器实现 session、cookie前端实战演示
2020-07-29 18:21:18
10518
原创 文件小能手---multer
目标掌握multer 模块的用法multer一个非常好用的文件上传模块，官方地址：https://www.npmjs.com/package/multer1. 用法此处对项目中比较常用的用法做下总结：首先安装 multer 模块npm install --save multer导入此模块并进行基础配置const multer = require('multer');const upload = multer({ dest: './public/uploads' }).sin
2020-07-27 19:48:50
10331
1
原创 让你轻松上手【uni-app】
目标uni-app 的基本使用环境搭建 + 页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯，及组件的生命周期uni-app中使用uni-ui库1. uni-appuni-appuni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/
2020-07-17 21:43:09
13395
原创 Vuex + Mockjs = ToDoList
目标对Vuex、mockjs、Element_UI进行强化练习拿下Vuex写在前面写在前面：本 demo 为Vue脚手架搭建的简洁版的ToDoList；主要用到技术栈：Vuex、mockjs、Element_UI。希望有能对大家有用的地方。
2020-07-13 16:48:44
10744
原创 【Vuex】核心概念解读
目标知道什么是Vuex掌握Vuex的基本使用掌握Vuex的核心概念及其用法1. Vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。了解更多——传送官网：https://vuex.vuejs.org/zh/1.1
2020-07-11 20:55:29
11054
原创 这个【vue】项目，让我明白了…
写在前面写在前面：最近一直感觉对vue好像没有想象中的那么熟悉，对vue底层原理的理解还是若隐若现，于是模糊的自己上手了个vue项目，还别说，对vue底层理解还是作用甚微。不过也算是复习下vue项目的业务逻辑，特在此记录一下。关于项目关于项目：电商后台管理：管理用户账号（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息，订单），数据统计，采用典型的前后端分离的开发模式。前端项目是基于Vue的SPA（单页应用程序）项目。后端技术栈（Node.js,Express,Jwt(模拟se
2020-07-09 19:05:32
11305
原创 都前后端分离啦，还不看看注意点
目标能说出常见的开发模式及其优劣对前后端分离的开发模式着重展示对自己在还原项目时觉得值得注意的地方进行记录1. 开发模式1.1 web开发模式的变化最早，混合开发，由后端主导，前端写的代码，会交给后端，后端将自己写的代码与前端代码混合在一起，拼接成模板字符串，也称为后端渲染。这样的话，前端代码和后端代码融合在一个文件中，前端代码会被破坏，分工也不明确，代码多，很难排错，花费时间长，效率不高；在这样的情况下，出现一种mvc开发模式，前后端分离，前端代码不会被破坏，而是在视图环节参与进
2020-06-25 18:13:01
12871
原创 模板引擎，让交互变得优雅
目标了解模板引擎会使用模板语法写在前面写在前面：在我们拿到服务器响应的数据时，我们会用何种方式对其渲染呢，当然我觉得机智的你们指定用模板引擎。唉（我也不想再吃模板字符串的苦啦），模板引擎用途十分广泛，其可进行后端渲染（npm安装），也可进行前端渲染（本文以前端渲染为例）。当然不管是哪种渲染方式，其模板语法一致。1. 模板引擎本文着重对模板引擎常用语法进行描述，更多语法使用技巧，请以官方文档为主文档：http://aui.github.io/art-template/zh-cn/Githu
2020-06-19 13:00:30
11643
原创 【node】快收下爬虫，我们不再为数据发愁
目标明白什么是爬虫知道爬虫的意义会写简单的爬虫1. 什么是爬虫可以把互联网看做是一张大网，爬虫就是在这张大网上不断爬取信息的程序（爬虫是请求网站并提取数据的自动化程序）1.1 爬虫的基本工作流程向指定的URL发送http请求获取响应（HTML、XML、JSON、二进制等数据）处理数据（解析JSON、DOM等）将处理好的数据进行存储2. 爬虫的意义2.1 爬虫的作用爬虫是一种探测程序，它基本功能就是模拟人的行为去各个网站转悠，点按钮，找数据，或把看到的信息背回来，就行虫子在
2020-06-17 22:29:00
11993
无缝滚动轮播图.zip
2020-05-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人