- 博客(60)
- 收藏
- 关注
RSS订阅原创 vue3 生命周期
1、理解生命周期：首先new vue() 初始化事件还有生命周期，初始化完后就到 beforeCreate ，就初始化注入，响应式，data就是这里注册完了，create 执行，看有没有el属性，看下vue 的option里面有没有传template，如果有模板的话，编译模板，用render函数，没有就去取outHtml作为模板。...
2021-03-04 22:22:50
4736
原创 webpack项目搭建（三）
配置 devServernpm install -D webpack-dev-serverconst path = require('path')//const HtmlWebpackPlugin = require('html-webpack-plugin')// 导入loader插件const VueLoaderPlugin = require('vue-loader/lib/plugin')// 用于热部署const webpack = require('webpack')mod
2020-08-27 14:43:39
100
原创 学习搭建项目流程记录（二）
其他loader一般来说, 一个前端项目除了 js 文件外, 还有一些常用的文件, 如图片文件css 文件对于这些文件, webpack 都不会打包, 需要我们安装对应的 loader 帮助 webpack 打包打包图片文件使用插件file-loader...
2020-08-26 15:15:55
104
原创 学习搭建项目流程记录（一）
初始化npm init -y安装webpacknpm install webpack webpack-cli -D // D是--save-dev 的简写创建项目入口创建一个HTML文件，并且创建根节点，id为app安装vuenpm install vue创建项目根实例main.jsimport Vue from 'vue'// 创建实例new Vue({ el: '#app'})挂载App组件App.vue<template> <div
2020-08-25 17:18:22
199
原创 手写简单promise
第一天，主要实现new promise类的时候，执行resolve和rejected的状态改变调用这个类 let p = new myPromise((resolve, reject) => { resolve('成功啦') reject('失败啦') }) p.resolve()封装的类class myPromise { // 下面这些是定义到对象里使用的变量 static pending = 'pending' static full = 'full
2020-08-23 21:39:01
162
原创 js补充6
异步promise.all then和catch出来都是解决状态的promise.allSettled 拿到的是所有状态的promise.race()里面是promise对象数组，哪有promise请求成功快就用哪个promise队列原理，就是在then里面再new 一个promise然后只有设置resolve的时候，后面的then才可以用 function query(num) { let promise = Promise.resolve('你好') cons
2020-08-21 17:31:54
154
js补充5
导入导出在script标签内使用import的时候，必须在script标签加上type = “module”当使用script标签加上type = "module"的时候，是当所有模块都加载进来才进行工作的，也就是如果html在script标签下面也是可以正常运行的，他是后解析的当使用script标签加上type = "module"的时候，script标签里面的内容都是默认使用严格模式的当使用script标签加上type = "module"的时候，script标签里面的内容是拥有独立作用域的，每
2020-08-20 16:26:07
154
原创 class类的使用
类的使用类的基本语法class User{ // 声明类 constructor(name){ // 构造函数，new的时候会自动执行 this.name = name // 此处的this，一般是new出来的对象 } getName(){ return this.name // 此处的this，一般是new出来的对象 }}let my = new User("大傻逼")console.log(my.name);console.log(
2020-08-19 17:10:35
610
原创 js补充3
JSON格式的使用，作为各开发语言沟通的桥梁let aa = { name:'xiaming', age:10}// 转换成JSON格式 ， JSON格式的类型是字符串// 第二个参数是数组的时候，数组内的值代表转换成json格式的属性// 第三个参数代表返回的json格式前面带有几个空格console.log(JSON.stringify(aa,['name'],2));// {// "name": "xiaming"// }// 这个方法还可以对数组进行JSON格式的转
2020-06-08 13:19:45
145
原创 JS补充1
Object.freeze() 冻结对象 let obj={ a:99, name:'小明' }; Object.freeze(obj) obj.a = 100 console.log( obj); // /输出99，因为冻结之后对象的内容无法改变null，undefind的使用// 定义默认值的时候let a = n...
2020-04-30 13:59:28
166
原创 less与sass学习笔记
less使用less// rel需要修改 stylesheet/less<link rel="stylesheet/less" type="text/css" href="styles.less" />// 这里为编译less文件的js文件 <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.10.0-beta...
2020-04-02 14:55:05
244
原创 vue实现原理笔记
<script type="text/javascript"> class Vue{ constructor(options){ this.$el = document.querySelector(options.el) this.$options = options // 代理options的data数据 ...
2020-04-01 14:14:56
186
原创 vue学习之（socket）
实现简单的socket通信服务器端// 创建服务器let app = require('http').createServer()// 通关服务器生成socket对象let io = require('socket.io')(app)app.listen(80,(req,res)=>{ console.log('链接成功'); })// 实时通信// 监听连接事件...
2020-03-28 13:05:02
361
1
原创 puppeteer使用笔记
puppeteer的作用1、生成页面的屏幕截图，和PDF。2、爬取SPA（单页应用程序）并生成预渲染的内容（即“ SSR”（服务器端渲染））。2、自动执行表单提交，UI测试，键盘输入等。4、创建最新的自动化测试环境。使用最新的JavaScript和浏览器功能，直接在最新版本的Chrome中运行测试。5、捕获站点的时间线跟踪以帮助诊断性能问题。6、测试Chrome扩展程序。初次使用，打...
2020-03-28 13:00:58
565
原创 nodejs学习笔记之（文件上传，下载）
文件上传上传单个文件ejs模板 <!-- enctype="multipart/form-data" 表示定义表单的上传类型是文件类型 --> <form action="/imgUpload" method="post" enctype="multipart/form-data" > <input type="file" name="imgfi...
2020-03-14 11:46:20
198
原创 express学习笔记之（cookie，session）
cookiecookie就是储存在用户本地终端上的数据**1. cookie保存在浏览器本地，只要不过期关闭浏览器也会存在。2. 正常情况下cookie不加密，用户可轻松看到3. 用户可以删除或者禁用cookie4. cookie可以被篡改5. cookie可用于攻击6. cookie存储量很小，大小一般是4k7. 发送请求自动带上登录信息**开始使用设置cookie基础设...
2020-03-13 18:46:29
221
原创 express学习笔记（get，post请求,中间件,路由， app.js页面解释与理解）
获取get请求下面代码就是设置一个get请求，当输入内容到input框，就会把输入的值作为input框name属性的值，并且把这个name的值当成参数，发送网络请求// jsapp.get('/',(req,res)=>{ res.render('index.ejs')})// ejs <form action="/search"> <i...
2020-03-12 22:42:50
600
原创 express学习笔记之（生成项目，路由，路线处理程序，使用mysql，ejs模板）
生成项目先生成一个package.jsoncnpm initnode_modules文件夹，里面是node.js为我们提供的模块cnpm install安装Express脚手架cnpm i express-generator安装express**cnpm install express --save**创建了一个名为 myapp 的 Express 应用，并使用ejs模板...
2020-03-12 13:16:23
231
原创 nodejs学习之（服务器搭建，封装服务器）
服务器搭建let http = require('http')// 调用createServer方法创建实例let server = http.createServer()// 绑定一个request事件处理函数// 这个函数得作用就是处理接收请求，并且根据url进行不同得处理// 接收到请求，后面有两个回调函数得参数，分别是请求得信息，和响应得信息server.on('requ...
2020-03-08 23:07:13
468
原创 es6学习之（代理proxy，模块化，promise）
代理得demo// 代理是什么呢?// 比如下面，通过proxy这个中间人来获取对象里的内容，中间人就是代理let user={ name:"小明", age:10}// 下面就是使用代理// 首先 let a = new Proxy(obj,{}) obj代表代理得目标对象// 后面得对象代表得是使用get方法和set来获得值和设置值let a = new Proxy...
2020-02-24 16:26:09
309
原创 node学习第二天(node事件,路径模块和系统模块)
node事件事件驱动模型node里面使用事件的原理let fs = require("fs")let w1 = fs.readFile("./aa.txt",{flag:"r",encoding:"utf-8"},function( err,data ){ if (err) { }else{ // 假设要在读取文件成功后进行一系列的操作 ...
2020-02-21 22:02:05
133
原创 利用nodejs简易爬虫（url，正则，cheerio）
首先是两个url上的东西let url = require("url")let request = require("request")let tarUrl = "https://www.bilibili.com/video/av88369894?p=9"// 查询url上的信息，包括query，端口，协议等等let objUrl = url.parse(tarUrl)// 对u...
2020-02-21 16:23:53
986
原创 nodejs学习第一天（文件的导入导出,读写文件,流）
文件的导入导出nodejs使用的commonjs规范**导出 module.exports **let a = 1let b = "b"console.log("王王王") exports.b=b; // 使用exports只能导出一个module.exports.a = a // 这个和上面的一样// 或modu...
2020-02-15 23:38:12
1294
原创 利用ts写一个简单爬虫
第一步，分析项目//首先需要有一个大类，包裹住所有内容，然后new一下这个大类就可以实例化这个类（就是把constructor方法执行一遍）claa 大类{ //类里面需要有属性： url(爬的位置) data(存放爬过来的数据) //需要有方法： init：(初始化，运行项目所有的方法) getHtml：(获取url里面数据的方法) getJsonInfo：(获取到的数据放到j...
2020-02-06 01:32:56
1054
原创 html之伪类的学习
目标伪类的使用就是**:target{}** ，上面图片的效果是在点击a标签的时候，在弹向下面h2内容的时候，还会把h2内容变成红色，就是对活跃的对象进行修改。状态伪类的使用如图，就是按钮的disable属性，使用给这个属性加上伪类就可以修改它的状态动态伪类的使用:nth-child() 和 :nth-of-type()伪类的使用也可以使用 :nth-of-last...
2019-12-21 16:55:59
322
原创 前端知识体系之ajax网络请求与jsonp与cors解决跨域问题
ajax理解快速上手//创建对象var xhr = XMLHttpRequest()//准备连接xhr.open('get','xxx.json')//发送请求xhr.send()//监听请求,与接收数据xhr.onreadystatechange = function (){ if (xhr.readyState ===4){ console.log(this) //...
2019-12-07 23:22:23
134
原创 前端学习知识体系（new，闭包，内存溢出和内存泄露）
一、new操作符首先对new操作符进行后的操作进行一个简单的了解。当使用new来创建对象时，该函数就是构造函数，JS将新对象的原型链指向了构造函数的原型对象，于是就在新对象和函数对象之间建立了一条原型链，通过新对象可以访问到函数对象原型prototype中的方法和属性。首先来看一段代码function Animal(name){ this.name = name;} ...
2019-12-06 13:41:34
271
原创 前端知识体系（this指向）
this指向对于普通函数，this指向全局对象window对于构造函数，this执行指向新创建的对象对于方法，this指向调用该方法的对象另外下面了解一下函数自执行的call，apply，bind一、call方法这个方法可以传多个参数，第二个参数是参数列表，代表传进去的参数第一个参数是this指向，这个参数可以是四种情况1不传，或者传null,undefined， 函数中的 th...
2019-12-06 00:08:27
225
原创 前端知识体系（函数原型链，函数作用域）
认识原型链首先要认识原型的对象JS中的对象有两个，一个普遍对象（Object），另一个是函数对（Function）。而普通对象是通过对象字面量和使用new来创建对象的一般来说，通过 new Function 产生的对象是函数对象，其他的都是普通对象。举例 说明：function f1() { //函数声明 // todo}var f2 = function () { //函...
2019-12-05 20:36:45
129
原创 前端知识体系学习(正则表达式)
正则表达式正则表达式的结构var expression = / pattern / flagspattern 就表示要写的表达式flags 就表示标志，下面就是flags的几个用法g： 表示全局（global）模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止；i ： 表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写；...
2019-12-05 16:09:31
177
原创 前端知识体系学习（声明变量，数据类型（数组常用的操作方法））
一、Javascript篇声明变量有6种方式，var，let，const，function，import，class首先var如果现在调用再var声明变量并且赋值，会输出undefined。可以重新声明var变量提升，即提前声明let与const变量不会提升不可重复声明并赋值，无论是var先声明的变量还是let声明的，都不能使用let再次声明，SyntaxError错...
2019-12-05 12:30:44
309
原创 微信小程序学习第8天（登录流程，页面跳转）
一、登录流程首先再小程序里面调用login api，然后再生成一个code，然后使用网络请求发到服务器，
2019-11-18 15:11:45
774
原创 微信小程序第七天（封装请求网络请求，弹窗与分享）
一、发送网络请求再页面加载完成后回调发送网络请求，也就是再Onload方法里面 onLoad: function (options) { wx.request({ url: 'http://106.54.54.237:8000/api/v1/home/data?type=sell&page=1', success: function(res){ ...
2019-11-18 00:24:19
289
原创 微信小程序学习第六天（使用组件，组件内外样式，父传子，父传子，插槽，component组件）
一、创建了组件，然后使用组件再home里使用，那么就要在home.json里面的useingcomponent里面参数说明 第一个是使用这个组件时的标签名 第二个是组件的路径，比如下面这个再component目录下有my-cpn目录里面的my-cpn使用的时候直接用标签名<my-cpn></my-cpn>四、组件内外样式会不会被影响如果想要别影响呢再...
2019-11-17 15:07:10
316
原创 微信小程序学习之第六天(事件的一些特性)
一、常见的事件tao是点击时间过短（不超过300豪秒），超过就只执行longpress二、触发事件产生的event参数，到底是什么我们再触发点击事件的时候，会产生一个参数，就是event参数，那这个参数里面到底有什么呢其实target和currentTarget很多时候都是一样的，那什么时候不一样呢，比如下面使用了事件冒泡，在点击子盒子的时候，父盒子也会触发，但产生事件的是子盒子，...
2019-11-14 15:23:24
167
原创 微信小程序学习之第五天（scroll-view，rpx，block标签， for循坏，模板，WXS语言）
一、实现局部滚动scroll-view首先实现水平和垂直拖动 使用scroll-x和scroll-y就可以了<scroll-view class="container1" scroll-x> //使用scroll就可以了 <view wx:for="{{10}}" class="item1" >{{item}}</view></scroll-v...
2019-11-14 13:49:23
322
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人