自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 资源 (1)
  • 收藏
  • 关注

原创 基于nodejs与Selenium&Puppeteer实现爬虫

爬虫是一种自动化程序,用于在互联网上收集信息。它可以模拟人类用户的行为,访问网页并提取其中的数据,这些数据可以用于分析、展示或其他应用。可以把互联网比做成一张“大网”,爬虫就是在这张大网上不断爬取信息的程序。

2024-05-31 16:23:38 1473

原创 基于vue开发浏览器插件

Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件,它其实就是一个由HTML、CSS、JS、图片等资源组成的一个.crx后缀的压缩包.

2024-04-08 18:54:10 1571

原创 前端 -- angular快速入门

Angular 是一个由 Google维护的开源JavaScript框架,用于在HTML和JavaScript中构建Web应用程序。Angular CLI 可以快速搭建框架,创建module,service,class,directive等;具有webpack的功能,代码分割,按需加载;代码打包压缩;模块测试;热部署,有改动立即重新编译,不用刷新浏览器;而且速度很快有开发环境,测试环境,生产环境的配置,不用自己操心;

2023-05-06 23:02:13 3443

原创 前端 -- vue3快速入门

基本类型数据。对象(或数组)类型数据。备注:ref也可以用来定义对象(或数组)类型数据, 它内部会自动通过reactive转为代理对象。setup() {console . log('sum变化了' , newValue , oldValue) } , {需要注意:watch监视的是reactive定义的响应式数据,强制开启了深度监视 deepconsole . log('info的name变化了' , newValue , oldValue) } , {

2023-04-20 19:46:04 319

原创 前端 -- Typescript快速入门

TS 采用的是结构化类型系统,也叫做 duck typing(鸭子类型),类型检查关注的是值所具有的形状。也就是说,在结构类型系统中,如果两个对象具有相同的形状,则认为它们属于同一类型。比如,类型 PropKeys 有 x/y/z,另一个类型 Type1 中也有 x/y/z,并且 Type1 中 x/y/z 的类型相同,像这种情况,就可以使用映射类型来进行简化。typeof 操作符,用来在 JS 中获取数据的类型,TS 也提供了 typeof 操作符:可以在类型上下文中引用变量或属性的类型(类型查询)。

2023-04-11 17:39:20 523

原创 vue项目实践常用代码

父子通信语法糖1、子组件传值(布尔值)使用场景:当子组件向父组件传值时,传递布尔值,就没必要定义事件复杂代码了使用方法:子组件a:this.$emit('input',false)父组件b:<a v-model="isShow"></a>这样当子组件触发this.$emit('input',false)时,isShow就为false当然this.$emit('input',false)这里的false可以写其他值代表你想传的布尔值。2、父子间双向绑定使用场景

2020-09-09 18:01:00 110

原创 前端 -- 微信小程序快速入门

1、全局配置app.jsonapp.json 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。普通快速启动项目里边的 app.json 配置{//这里是新建页面 "pages": [ "pages/index/index", "pages/search/index", "pages/goods_detail/index...

2020-03-18 17:46:03 1226 1

原创 前端 -- VueX快速入门

1、新建仓库文件在store的文件夹中新建一个模块,比如user.js。模块由3个部分组成:state, mutations, actions。export const state = { name: "123"};export const mutations = {};export const actions = {};2、获取仓库数据获取vuex的数据通过this...

2020-03-17 21:01:20 110 1

原创 前端 -- Vue2快速入门

1、MVC、MVP与MVVM模式MVC是应⽤最⼴泛的软件架构之⼀,⼀般MVC分为:Model( 模型 )、Controller( 控制器 )、View( 视图 )。这主要是基于分层的⽬的,让彼此的职责分开。View ⼀般通过 Controller 来和 Model 进⾏联系。Controller是 Model 和 View 的协调者,View和Model不直接联系,基本联系都是单向的。1...

2020-03-11 14:44:34 706 1

原创 前端基础 -- Ajax快速入门

1、HTTP 状态消息 200 302 304 403 404 500200:请求已成功,请求所希望的响应头或数据体将随此响应返回302:请求的资源临时从不同的 URL 响应请求.由于这样的重定向是临时的,客户端应当继续向原有地址发送以后的请求,只有在Cache-Control 或 Expires 中进行了指定的情况下,这个响应才是可缓存的.304:如果客户端发送了一个带条件的GET请求且...

2020-03-10 00:57:59 144 1

原创 前端基础 - jquery快速入门

1、this指向this 执行调用该函数的那个对象,构造函数中的 this 指向构造函数的实例,在 jQuery 的事件处理函数内部,需要写成 $(this)const $div = $('div'); $div.on('click', function () { $(this).css('width', '+=10px'); });...

2020-03-06 21:16:42 198 1

原创 前端基础 -- WebAPI快速入门

1、开关思想 let bl = true; btn.onclick = function () { // 三元表达式: 条件 ? true执行1 : false执行2; // console.log(bl, bl ? '隐藏密码' : '显示密码'); btn.value = bl ? '隐藏密码' : '显...

2020-03-06 16:34:50 225 1

原创 前端基础 -- JavaScript入门

1、五种基本数据类型字符类型‘11’被引号引起来的数据 ---- string数值型 123 正数、负数、小数、NaN ---- number布尔型 只有true和false ---- boolean空值型 只有null ---- ...

2020-03-05 00:17:28 141 1

原创 前端基础 -- html和css快速入门

1、css常见选择器:1.id 选择器( # myid)、2.类选择器(.myclassname)、3.标签选择器(div, h1, p)、4.子选择器(ul > li)、5.后代选择器(li a)、6. 通配符选择器( * )、7.属性选择器(a[rel = “external”])、8.相邻选择器(h1 + p)、9.伪类选择器(a: hover, li: nth - child)2...

2020-03-04 18:25:09 196 1

原创 从零开始搭建vue-route路由

vue路由router的创建1、首先用脚手架搭建一个项目2、使用npm下载包npm install vue-router(不清楚的小伙伴看我前面的文章)npm install vue-router3、src目录下新建一个router文件夹,文件夹中新建index.js4、在main.js文件中导入文件import router from '@/router/index.js'i...

2019-12-10 21:34:17 437 1

原创 axios在vue框架中的get请求和post请求

axios在vue框架中的get请求和post请求1、首先用脚手架搭建一个项目2、使用npm下载包npm install axios(以上两个步骤不清楚可以看我前面的文章)3、在components文件夹中新建文件4、注意要引用axiosimport axios from 'axios'5、以下是代码(get的url地址是后台提供的接口)<template> &...

2019-12-10 21:06:51 494

原创 从零开始搭建vue脚手架

重0开始搭建vue脚手架简单来说***vue是一个前端框架***脚手架

2019-12-10 16:00:48 667

原创 从零开始安装npm以及如何下包

npm的安装npm其实是node的一个包管理工具所以要使用它,我们先下载node.js。1、直接百度node.js,下图这个就是,点进去根据你自己的系统选择下载,我是windows64位2、下载完就这个东西,点下一步下一步安装就可以了,最好别改它安装路径3、安装完成要先检查一下是否安装成功win+R打开命令行窗口输入node -v 检查node版本号,输入npm -v检查n...

2019-12-10 15:03:59 10909

原创 跨域报错解决方法

Access to XMLHttpRequest at ‘http://127.0.0.1:4444/api/v1/index/search’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the r...

2019-12-10 11:37:21 2986

原创 前端程序员必备软件

前端程序员必备软件推荐几个方便前端程序员工作和学习的软件vscode 首先是前端敲代码的软件 – https://code.visualstudio.com/git 开源的分布式代码版本管理工具,用命令行使用 – https://git-scm.com/GitHub Desktop 这个是git的桌面图形化软件,非常方便 https://desktop.github.com/...

2019-11-19 23:45:20 1683

jquery.my.js

用JavaScript原生封装的一个jQuery库,可供大家学习底层封装原理。有addClass 添加类,removeClass 删除类,toggleClass 切换类,each 遍历函数,show() 显示, hide() 隐藏,toggle() 切换, html() 获取或设置html内容,text() 获取或设置text内容,parent() 父级关系, // children() 子级关系,// siblings() 兄弟关系,eq() 是根据传入的索引获取到某个元素,index() 获取元素在父级中排第几索引, on() 给实例绑定事件用的核心方法

2020-03-07

空空如也

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

TA关注的人

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