- 博客(32)
- 收藏
- 关注
RSS订阅原创 面试细节（JS）
文章目录1.var let constlet 和 var 区别const 和 var2.箭头函数3. map set1.var let constes6 只一个js的规范let 和 var 区别1.let 没有变量提升2.作用域不同 let是块级作用域 var是函数作用域3.在同一作用域内 不能用let 同时声明同一个变量4. let 有严格的作用域const 和 varconst 和let极为相似 所以const 除了以上的几个还有几个特殊的特性1.const 声明之后必须赋值
2021-03-10 11:33:37
172
原创 Vue 相关知识
vuex里的数据全部组件都可以使用1.在组件使用story里的数据在html {{$story.数据名称}}vue.config.js配置服务器代理vue router 传值vue动态权限1.后台传过来不同的url 前端使用 router’.addRoutes(newurl)...
2021-03-10 11:32:39
133
原创 http 相关知识
1.一次完整的http服务过程1.1 DNS怎么找到ip1.2为什么http要基于tcp因为tcp协议是一个端到端可靠的面相连接的协议，http基于tcp传输不用担心数据传输的一些问题。（发生错误时 会重传）2.浏览器缓存在这里插入图片描述2.1强缓存ExpiresCache-Control如果一起出现的话以Cache-Control为准2.2协商缓存Last-modify/if-Modify-Since第一次访问服务器发来的是Last-modify 文件最后修改时间
2021-03-09 19:00:14
129
原创 知识点
1、装饰器装饰器是一个函数他可以给类或者属性方法加上一些其他东西操作实现一些代码的复用大家写习惯之后代码会很简洁function testable(target) {// target就是MyTestableclasstarget.isok = true; //相当于给MyTestableclass.isok=true//console.log('我是testable函数',target)/ / console.logk类调用了')}////在类或者类属性方法前面写上@函数名就相当于要调用这
2021-03-09 15:21:00
119
原创 await + anync理解
一些异步操作 ： 定时器 ajax 事件处理地狱回调//这样子写 无法判断谁先执行谁后执行$.ajax()url: "./php/ok.php",success:function(res)iconsole.log( 'ajax结果111 ' ,res)}$.ajax(){url: "./php/ok.php",success:function(res)iconsole.log( 'ajax结果222 ' ,res)}//只有这样子写 才先执行1 之后在执行2 但是这样的操
2021-03-02 10:47:08
208
原创 ES6 Class
构造函数function Person(){this.name='建林"this.age=18this.say=function(){console.log( " person的say ' )}}let p1=new Person(console.log(p1.name) //person的sayClass(es6新语法本质和构造函数一样 是一个 语法糖)class Person{ constructor({ this.name='建林" this.age=18} say(
2021-02-28 15:30:12
95
原创 重绘和重排以及如何优化
重绘当盒子的位置、大小以及其他属性，例如颜色、字体大小等都确定下来之后，浏览器便把这些原色都按照各自的特性绘制一遍，将内容呈现在页面上。重绘是指一个元素外观的改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。当盒子改变 颜色的时候会引起 重绘重排当盒子改变自己的位置大小时 隐藏改变 display;none 会引起重排触发重排的条件: 任何页面布局和几何属性的改变都会触发重排，1、页面渲染初始化;(无法避免)2、添加或删除可见的DOM元素;3、元素位置的
2021-02-28 15:00:38
437
原创 未创建出来的标签添加事件
下面是jq.on<!DOCTYPE html><html><head><script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){ $("div").on("click","p",function(){ $(this).slide
2020-11-09 08:27:52
194
原创 node服务器使用express框架接收post请求的参数为空
首先下载body-parser模块然后进行配置const bodyParser = require("body-parser");//拦截所有请求// extended: false方法内部使用querystring模块处理请求参数的格式// extended: true方法内部使用第三方模块qs处理请求参数的格式app.use(bodyParser.urlencoded({ extended: false}))app.use(bodyParser.json())之后使用 co
2020-11-08 10:57:08
466
原创 vue打包上线时报错“Error: if there’s nested data, rowKey is required.”
出现这个的原因时你element-ui版本太高 有一个 一劳永逸的方法 就是在index.html中 讲element-ui的版本号手动降低即可
2020-10-19 10:38:33
152
原创 Nprogress 在vue中改变进度条的颜色
引用过之后 在App.vue 的style中添加以下代码background 就是要改变的颜色后面要加上!important<style>#nprogress .bar { background: green !important;}</style>
2020-10-18 15:20:51
1548
1
原创 webpack postcss Error: PostCSS plugin autoprefixer requires PostCSS 8.
出现这种情况是你下载autoprefixer版本不兼容控制下版本就可以了
2020-10-07 17:23:37
1026
原创 Vue前端路由
文章目录1.路由基本实现2.路由的重定向3.路由嵌套4.动态路由的匹配5.命名路由6.编程式导航1.路由基本实现因为是基于vue的前端路由 所以需要先引入Vue 之后再引用vue-router.1.首先要找到示例vue控制的区域 留下一个路由占位符 <router-view></router-view> 显示模板的内容2.在vue中有一个新的标签 <router-link to="/user">User</router-link> 和a标签相似
2020-09-28 21:07:05
109
原创 Vue之前后端交互 （要有node基础） fetch promise axios
首先要了解并可以解决回调地狱可以看我之前博客写的解决方法1.基于promise解决ajax回调地狱的问题1.Promise 是一个构造函数，可以 new Promise() 得到一个 Promise 的实例；2.在 Promise 上，有两个函数，分别叫做 resolve（成功后的回调函数） 和 reject（失败后的回调函数） 在 Promise 构造函数的 Prototype 属性上，有一个 .then() 方法，也就是说，只要是 Promise 构造函数创建的实例，都可以访问到 .then()
2020-09-27 15:29:33
217
原创 Vue组件化 基本知识
文章目录1.组件基本使用2.局部组件的用法3.组件间的传值（父子间 子父间 兄弟间）4.插槽1.组件基本使用1.首先注册一个组件 用 Vue.component 写组件的名字**组件中的数据必须用函数包裹template 里面写的模板methods 写你这个组件要用到的函数到时候直接在页面调用你的组件名字 就可以将模板里的东西显示出来<body> <div id="app"> <button-counter></button-coun
2020-09-25 19:30:28
131
原创 Vue的一些特性
文章目录1.自定义指令2.计算属性3.侦听器4.过滤器5.变异方法和替换数组1.自定义指令1.基础指令v-clock 这个指令的意思是点击就会触发这个指令除了一些vue提供给我们得指令外我们还可以自定义一些指令来方便我们的一些操作Vue.directive(‘focus’, {//inserted是固定的 是vue的apiinserted: function(el){// el表示指令所绑定的元素el.focus();}});<body> <div id="a
2020-09-25 16:22:52
304
原创 Vue基础———模板语法
1.基础模板Vue是一个模板 刚刚接触的时候他可能会让你感觉十分难受 下面是一个最基本的vue模板<body> <div id="msg">{{msg}}</div> </body> <script src="js/vue.js"></script> <script> var newDiv = new Vue({ //el获取的是元素 el: "#msg",
2020-09-22 22:08:17
248
原创 Ajax：表单处理 Serialize 和 FormData
1.Serialize将表单内容拼接成字符串类型的参数 name=张三&age=10 这种形式 <form id="form"> <input type="text" name="username"> <input type="password" name="password"> <input type="submit" value="提交"> </form> //js代码： $('#form').on('s
2020-09-21 15:00:58
198
原创 Ajax非同源服务器请求数据 jsonp和CORS跨域资源共享
文章目录1.通过jsonp2.CORS跨域资源共享Ajax请求限制Ajax只能向自己的服务器发送请求。比如现在有一个A网站、有一个B网站，A网站中的HTML文件只能向A网站服务器中发送Ajax请求，B网站中的HTML文件只能向B网站中发送Ajax请求，但是A网站是不能向B网站发送Ajax请求的，同理，B网站也不能向A网站发送Ajax请求1.通过jsonp将不同源的服务器端请求地址写在script标签的src属性中服务器端响应数据必须是一个函数的调用，真正要发送给客户端的数据需要作为函数调用的参数
2020-09-19 16:42:35
188
原创 Error: Authentication fai1ed.解决办法
1.首先进入你下载数据库文件夹里bin目录下 打开你的数据库2.打开mongo.exe3.输入use admin4.之后输入db.createUser({user:"huguangjing",pwd:"mima",roles:["root"]}) 就创建了自己的管理圆员
2020-09-18 16:39:08
699
原创 Ajax获取node服务器数据
1.准备因为是要将服务器获取的数据放在网页中 所以说对页面的渲染是必要的 这里我准备的是 art-template模板2.服务器的准备服务器要准备好渲染到页面的数据3.页面的操作这里我做的的是一个搜索框提示功能 讲解都在代码注释中服务器代码如下// 输入框文字提示app.get("/searchAutoPrompt", (req, res) => { // 搜索关键字 const key = req.query.key; // 提示文字列表 const list
2020-09-18 09:49:51
263
原创 express 框架 node结合
1.认识expressexpress框架对于我们来说，还是给了我们十分大的便利首先创建服务器有了极大的简便处理各种路由请求 也有很大的便利具体方法如下//引入express框架const express = require("express");//创建网站服务器const app = express();app.get("/", (req, res) => { // send() // 1. send方法内部会检测响应内容的类型 //2.send方法会自动设置http状
2020-09-17 21:34:45
120
原创 template之基础的基础
文章目录1.template用法2.模板内的判断语句3.模版内的循环语句4.模板继承1.template用法1.首先要下载art-template模块并进行引用2.template用法第一个参数填写渲染模板的地址 第二个参数填写渲染的数据const template = require("art-template");const path = require("path");const views = path.join(__dirname, "views", "01.art");const
2020-09-17 20:33:09
130
原创 Ajax和node相结合 1
文章目录1.Ajax入门2.处理Ajax接收的数据3.传递get请求参数给服务器4.传递post请求参数给服务器5.Ajax的状态码6.获取Ajax的错误信息1.Ajax入门ajax其实就是服务器和网页之间的中间人 网页跳转会经过Ajax的处理 服务器返回的信息也会在Ajax中进行处理所以你网页要去哪里怎么去都要通知给Ajax下面就是Ajax最基础的代码<script type="text/javascript"> // 1.创建ajax对象 var xhr = new XM
2020-09-17 20:13:56
223
原创 mongoDB 连接不上总结
一般你的数据库连不上就只有两个问题1.你没有打开数据库 你需要在数据库目录下的bin文件夹下点击mongod.exe 这样就好2. 就是需要在你安装数据库磁盘的根目录下创建data文件夹里面创建db文件夹 ...
2020-09-17 15:21:39
1326
原创 node通过get和post获取数据
1.get我是用的url进行解析req.method可以获取请求方式req.url 获取请求地址req.headers获取请求报文信息例如 url为 localhost:/index?name=zs&age=4 let { query, pathname } = url.parse(req.url, true); console.log(pathname); ///index console.log(query.name);//zs console.log(query.
2020-09-17 15:12:38
211
原创 MongoDB数据库的基本操作方法
1.连接数据库首先引入mongoose模块使用mongoose.connect进行连接 如果是本地就填写"mongodb://localhost 后面的内容是你创建集合的名称如果这个数据库中有这个集合就连接 如果没有就创建{ useNewUrlParser: true,useUnifiedTopology: true, } 这个东西是新版的话可以填写 不妨碍连接const mongoose = require("mongoose");mongoose .connect("mo
2020-09-17 14:56:09
541
原创 node之路由
创建一个简单的路由过程1.引入http模块2.app =http.createServer(); 创建服务器3.//给服务器写内容res是响应 req是请求app.on(“request”, (req, res) => {写一些功能代码}4.app.listen(3000); 监听端口 （记得访问的网址是 localhost:3000）下面我的代码中用到了 url这个包是用来处理url的 url.parse(）这个方法可以将url里的内容变成对象模式 req.ur
2020-09-17 14:37:17
120
原创 node最基础模块
1.引用(require)被引用的文件// 声明一个函数let add = (a, b) => a + b;let sub = (a, b) => a - b;//如果有其他js文件想用这个add函数//首先将add导出//exports.()里面的名字自己起 等号后面是要调用的函数名//exports.add = add;//引用一个函数module.exports = add;//引用多个函数module.exports = {add，sub};//modu
2020-09-17 14:22:55
109
原创 node同步异步：三种解决回调地狱的方式
文章目录1.promisify2.async/await3.generator1.promisifyPromise 是一个构造函数，可以 new Promise() 得到一个 Promise 的实例；在 Promise 上，有两个函数，分别叫做 resolve（成功后的回调函数） 和 reject（失败后的回调函数）在 Promise 构造函数的 Prototype 属性上，有一个 .then() 方法，也就是说，只要是 Promise构造函数创建的实例，都可以访问到 .then() 方法Pr
2020-09-17 09:37:50
322
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人