- 博客(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
原创 从零开始安装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
2020-03-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人