狗蛋儿的博客

原创 记录项目中常用的问题(仅作为个人笔记)

【代码】记录项目中常用的问题(仅作为个人笔记)

原创 2021最前端最常见的面试题

假如给你一个复杂的功能让你实现，有什么思路写好这个功能？解决问题之前需要理解问题，找出问题的主干要求解的是什么？ 需要实现的复杂功能是什么？已知什么？ 这个功能的实现逻辑什么是什么？要满足哪些条件？ 实现些逻辑需要什么数据结构？形成解决思路根据以往的经验、或者已经掌握的技能和知识构建解决问题的思路。软件开发的各种设计模式和设计原则都是解决类似问题的基本经验。执行按照自己的解题思路，耐心的执行。软件开发过程可以方便的获取结果的反馈，所以可以在执行的过程中不断的

原创 微信小程序和uniapp开发工具

微信开发者工具和文档操作1. 安装扩展复制vscode扩展(路径C:\Users\用户名.vscode\extensions)到微信开发者工具的扩展目录(点击工具栏,编辑->打开编辑器扩展目录)Auto Rename Tag-标签重命名Bracket Pair Colorizer 2-括号颜色区分JavaScript standardjs styled snippets-javascript代码片段Prettier - Code formatter-文件格式化px to rem &amp

原创 uniApp开发的一些配置

uni-app相关开发文档框架组件API编辑器HBuilder X下载文档新建项目文件 -> 新建 -> 项目填写项目基本信息代码组成┌─components uni-app组件目录│ └─comp-a.vue 可复用的a组件├─pages 业务页面文件存放的目录│ ├─index│ │ └─index.vue index页面│ └─list│

原创 跨域请求-服务器反向代理的操作

//1.启动vue-server,开启了一个web服务,服务地址localhost端口号80//2.浏览器访问登录页面// http://localhost:80/hr/login访问登录页面//3.登录的请求路径// baseUrl=/prod-api// apiUrl=/sys/login// 请求路径=baseUrl+apiUrl=/prod-api/sys/login ,它是一个相对路径,相当于基地址(运行服务器的,协议+域名+端口号)// 请求路径=http://localhost

原创 vue组件通信-组件传参的总结

组件通信1. 父子组件a. 通过发送和接受消息父组件例如通过v-bind或:实现把父组件的数据传给子组件通过v-on或@,实现监听子组件事件和接收数据<son :uname="uname" @update-uname="uname = $event"></son>子组件例如export default { //通过props接收父组件传过来的数据 props: ['uname'], methods: { handle(){ //通过$emit触发

原创 后台项目增加和删除操作的总结

1.列表在src/views/employees/index.vue中<template> <div> <!-- 员工列表 --> <el-table border :data="list"> <el-table-column prop="username" label="姓名"/> <el-table-column label="操作">

原创 异步代码,回调地狱,promise的总结

异步代码和同步代码执行顺序同步代码优先于异步代码执行例如:setTimeout(()=>{ console.log(1)},0)console.log(2)// 输出结果: 2 1用回调函数接收异步代码的返回值异步代码中retrun 没有意义,例如function fn() { setTimeout(() => { return 1 }, 0) // 没有返回值,等效于return undefined}console.log

原创 vscode编辑器eslint及插件安装

chrome浏览器如何安装扩展1. 拖动安装 推荐绝大部分插件都可以使用本方法安装如图所示以下载安装 Vue Devtools 为例进入 极简插件 首页点击 搜索,输入Vue Devtools点击 推荐下载等待下载完成，找到压缩包 nhdogjmejiglipccpnnnanhbledajbpd.zip右击 - 解压缩到文件夹进入文件夹，有2个文件，名字最长的那个就是安装包 nhdogjmejiglipccpnnnanhbledajbpd_5.3.4_chrome.zzzmh.cn.c

原创 vue中的踩坑和总结

原文链接：http://mrzhang123.github.io/2…项目地址：https://github.com/MrZhang123…vue2.x1.独立构建vs运行时构建在按照vue1.0的配置配置好webpack后，会出现Failed to mount component: template or render function not defined. (found in root instance) 的错误，这里涉及到vue2.0与vue1.0的第一个不同的地方。具体区别独立构建 vs

原创 变量命名及常用属性大全

变量名大全1、test 测验2、demo 演示3、ch 表示单个字符，4、str 表示字符串, 5、n 代表次数,6、reg 表示正则,7、expr 表示表达式,8、lens 表示数组长度,9、count 表示数量,10、p 表示数据的精度,11、q 表示查询(query),12、src 表示数据源(source),13、no 表示数字(number),14、rate 表示比率,15、status 表示状态,16、bool 表示布尔值,17、arr 表示数组值,19、obj

原创 div水平垂直居中的六种方法(绝对经典)

原创 Ajax和跨域方案的总结

报文HTTP协议超文本传输协议(Hypertext Transfer Protocol，简称HTTP)是应用层协议。HTTP 是一种请求/响应式的协议，即一个客户端与服务器建立连接后，向服务器发送一个请求；服务器接到请求后，给予相应的响应信息HTTP请求报文HTTP 请求报文由请求行、请求头部、空行 和 请求包体 4 个部分组成请求行请求行由请求方法字段、URL字段和HTTP协议版本字段3个字段组成，它们用空格分隔如：GET /index.html HTTP/1.1请求方法常用的 HT

原创 字符串的方法

var a = 'lijhsidhhfl' var b = '讨厌' var arr = ['a', 'b', 'c', 'd', 'e'] // 1.0 截取字符串------------------------ // slice（start,end） //（1） 截取字符串时***不包括***下标为end的元素。 // （2）end是可选参数，没有时，默认从start到结束的所有字符串。 .

原创 HTTP这一篇就够了

原创 node.js--day05-跨域和中间件的传参和JSONP

exresss框架express的静态托管//浏览器访问: http://127.0.0.1/index.html,访问文件day2\code\clock\index.htmlapp.use(express.static('./clock'))//带缀的静态托管//浏览器访问: http://127.0.0.1/static/index.html,访问文件day2\code\files\index.htmlapp.use('/static', express.static('./files'))

原创 node.js-day04Express的中间件和路由

模块的加载机制(1)require(模块名称)require('a')//(1.1)内置//(1.2)第三方// 当成文件 a -> node_modules/a.js// 当成文件夹 // 查看package.json里面main属性 ./a->node_modules/a/b.js// 没有main属性指定文件 a -> node_modules/a/index.js(2)require(路径)//(2.1)完整路径require('./a.js')//(

原创 node.js-day3模块化的好处和淘宝镜像

node当中js组成语法var,let,const,if,for,function内置模块(api,了解)fs,path,http第三方模块(掌握安装和使用)moment自定义模块(重点,掌握语法)itheima-tools模块化好处(1)解决全局作用域污染(2)依赖关系清晰模块化规范引入(1.1)require(模块名称)eg:require('fs')(1.2)require(文件路径)eg:require('./06m1.js')导出(2.1)整体导出

原创 node.js-day2-web服务器的组成和req与res

服务器提供服务的电脑web服务器提供网页访问服务的电脑接口服务器提供接口(ajax)访问服务的电脑域名服务器(DNS)把网址(域名)转换成ip服务的电脑协议http://-网页传输协议https://-加密的网页传输协议ip地址电脑四位数字1-255,以.分隔eg:192.168.1.233查看自己ip地址(1)通过控制面板按下window,搜索控制面板,点击网络和共享中心,点击更改适配器设置,选择生效的网卡,点击详情(2)通过终端(推荐)按下window,搜索cmd,输

原创 node.js-day1node的终端的命令

nodejs可以干嘛?(1)ajax的接口服务器(2)前端开发的工具(重点)为什么要学习后端(1)了解后端怎么去做开发,更好和后端配合,对我们职业发展有好处(2)重点掌握的:第2天:nodejs模块化(第2天的18->第3天的15)第4天:ajax跨域(36-48)第9天:js高级,es6当中模块化,异步代码(全天)浏览器当中js语法var,let,const,if,for,functionDOM(操作页面元素)eg:document.getElementById()BO

原创 大事件重要理论

原创 git 图片

原创 Ajax 异步请求

原创 js的新语法

原创 闭包-递归和正则

原创 构造函数-继承-数组方法

原创 类和对象的图解


原创 Git 获取远程的文件

1.git init 初始化本地文件夹2.git clone 加远程地址3.git branch joson(新分支名) 创建新分支4.git push -u origin(远程地址别名) joson分之名5.git branch 查看所有分支6.添加代码,或者修改代码7.git add . 添加到暂存库8.git commit -u’提示信息’ 存储到本地仓库9.git push 把分支的文件push到远程自己创建的分支10.git checkout master 切换到主分.

原创 day04-jsonp-防抖-节流原理

JSONP原理请求报文和响应报文

原创 day03-XMLHttpRequest对象-FormData和上传

原创 day02-ajax-Form表单的基本使用

原创 day01-使用JQuery发送异步请求

原创 js内置对象 API方法最常用的

日期对象Date()构造函数new Date()可以使用任意的时间日期或者获取当前时间var date = new Date(‘2000-11-10 12:00:00’);var date = new Date；日期对象的方法getFullyear() //返回年份，四位数，建议使用getMonth() //返回月份，范围为0~11，使用的时候要加1getDate() //返回日期对象中的一个月中的第几天getDay() //返回星期中的某一天，0~6,星期天为零getHours() /

原创 最全遍历 5种遍历对象和6种遍历数组的方法

一、遍历对象方法1.for…ineg:遍历输出的是对象自身的属性以及原型链上可枚举的属性(不含Symbol属性),原型链上的属性最后输出说明先遍历的是自身的可枚举属性,后遍历原型链上的js var obj = { 'name': "yayaya", 'age': '12', 'sex': 'female' }; Object.prototype.pro1 = function() {};//在原型链上添加属性 Object.defineProperty(obj, 'country', {

原创 day5-ES6语法&新增语法&内置对象拓展

ES6语法什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本**语言的标准化规范。**2015年后的版本都是ES6ES6新增语法let（★★★）语法let关键字就是用来声明变量的使用let关键字声明的变量具有块级作用域在一个大括号中 使用let关键字声明的变量才具有块级作用域 var关键字是不具备这个特点的防止循环变量变成全局变量使用let关键字声明的变量没有变量提升使用let关键字声明的变量具有暂时性死区特性,内部的变量会与块级区域绑

原创 Jquery 常用语法

对象入门1.jq为了 简化 程序员 对 dom操作的 语法！2.jq入口函数为啥要有入口函数？[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-50jfYHYU-1620890052963)(assets/image-20210428102839133.png)]代码：// 入口函数$(function(){ })3.jq对象jquery就是一个函数var version = "3.5.1"var jQuery = func

原创 JavaScript高级第04天笔记

JavaScript高级第04天笔记1.正则表达式概述1.1什么是正则表达式正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等 。其他语言也会使用正则表达式，本

原创 JavaScript高级第02天笔记

JavaScript高级第02天笔记1.构造函数和原型1.1对象的三种创建方式–复习字面量方式var obj = {};new关键字var obj = new Object();构造函数方式function Person(name,age){ this.name = name; this.age = age;}var obj = new Person('zs',12);1.2静态成员和实例成员1.2.1实例成员实例成员就是构造函数内部通过this添加的

原创 JavaScript高级第03天笔记

JavaScript高级第03天笔记1.函数的定义和调用1.1函数的定义方式方式1 函数声明方式 function 关键字 (命名函数)function fn(){}方式2 函数表达式(匿名函数)var fn = function(){}方式3 new Function()var f = new Function('a', 'b', 'console.log(a + b)');f(1, 2);var fn = new Function('参数1','参数2'..., '

原创 JavaScript高级第01天笔记

JavaScript高级第01天笔记1.面向过程与面向对象1.1面向过程面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。1.2面向对象面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。1.2.1 封装每一个对象都是独立存在的，有其独有的属性和方法，必须通过调用的方式来使用。保证了对象内部属性和方法的安全性1.2.2 继承子类可以通过extends关键字继承父类的属性和方法。减少了代码的冗余，