- 博客(73)
- 收藏
- 关注
RSS订阅原创 前端网络必备知识
www(万维网)Internet提供了很多的服务，其中包括www(网页服务)、FTP(文件传输)、E-mail(电子邮件)、Telnet(远程登陆)等等，www是用浏览器访问网页的服务，所以网站主页的域名前需要加www。而随着网站服务类型的增加，不同的二级或三级域名对应不同的业务，而业务的处理任务会分配到多个服务器，所以，不再需要使用www来标注主页，很多网站都还会做DNS解析www，原因是尊重用户习惯。DNS解析DNS：Domain Name Server (域名服务器)作用：使域名与对应的IP
2021-07-07 11:22:22
164
原创 项目常用配置(慢慢更新)
Vue3中保存自动格式化代码在eslint的setting.json中添加/* *这一段是Vue3的配置，勿删！！！ */ "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatter.html": "js-beautify-html", /* *eslint是JavaScript的语法规则校验器！ */
2020-12-10 15:40:17
129
原创 工作常用工具(方法)
方法数组方法Promise方法数组方法es5// 几个超级简单的就不解释了(push,pop,shift,unshift,sort,reverse,join,toString,concat)自己常忘了的两个： slice, spliceslice(index, length) // 从第index位置开始截取length个元素，不改变原数组splice(index, length, value1, value2, ...)// 从index位置开始，删除length个元素，插入...va
2020-12-08 11:01:39
396
原创 总结CSS常用
常用样式flex布局箭头css选择器flex布局flex布局 (阮一峰教程语法)(阮一峰实战)父元素设置flex-direction: 设置主轴的方向 row: 主轴为水平方向，起点在左端(默认) row-reverse: 起点在右端 column: 主轴为垂直方向，起点在上沿 column-reverse: 起点在下沿 flex-wrap: 设置子元素是否换行及换行的风格 nowrap: 不换行(默认值) wrap: 换行 wrap-reverse: 换行并且新的一行在上 f
2020-11-13 14:03:21
303
原创 移动端布局配置rem
在普通浏览器下配置;(function(psdWidth,dividendFontSize,maxRootFontSize){ // 为了代码更短 var d = document var de = d.documentElement var w = window var on = 'addEventListener' var gbcr = 'getBoundingClientRect' var ps = 'pageshow' var head = d.h
2020-10-21 22:44:10
199
原创 小程序(基础)
首先需要一个,可以先去下面的这个网站注册一下https://mp.weixin.qq.com/注册好以后进入页面 》开发 》设置 里面拿到 id(使用微信开发者工具需要使用)...
2019-12-29 21:30:23
113
原创 axios的使用
在vue中使用axios需要先下载npm install axios在vue项目中使用需要导入一般在main.js文件中导入import axios form 'axios因为axios不是vue的插件，所以不能使用Vue.use()的方式来挂载，把axios放到Vue的原型上，方便将来所有的Vue实例都能使用Vue.prototype.axios = axio初始化一些常用的...
2019-10-26 19:44:57
341
原创 使用vue-cli搭建一个vue项目
1.首先需要下载vue 和vue-cli到全局npm i vue vue-cli -2.开始搭建，并使用webpack进行管理vue init webpack projectName //开始搭建// 在搭建的过程中，它会询问以下问题? Project name projectName //项目名是否为projectNam? Project description(A Vue....
2019-10-26 19:10:48
123
原创 SPA单页面应用开发
SPA概念SPA就是单页的web应用，简单理解为：仅仅在web页面初始化时加载相应的HTML，JavaScript，CSS，一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转，而是利用JavaScript动态的变换HTML的内容(采用的是div切换和隐藏)，从而事件UI与用户的交互优点和缺点优点: 由于避免了页面的重载，SPA可以提供较为流畅的用户体验，得益于Ajax，我...
2019-09-21 17:52:27
457
原创 vue组件之间的传值
组件之间的传值分为3种：父 —>子 父组件给子组件传值子 —>父 子组件给父组件传值非父子组件传值方法：父—>子//父组件通过给子组件定义属性传值<div id='app'> //通过绑定属性的方式，money是你自己定义的，msg是要传给子组件的值 <son :money='msg'></son></di...
2019-09-21 11:18:58
83
原创 js中的节流与防抖
防抖总结：只会在最后一次触发的时候去执行 <script> var btn=document.querySelector('button'); var time=null; btn.onclick=function() { if(time)clearTimeout(time); time...
2019-09-20 19:13:52
127
原创 vue中动态添加属性与复杂类型数据更改的更新检测
vue中动态添加属性如果一个属性是通过后期动态添加的，那么这个属性将不是响应是的，也就是说如果它发生了改变或者你添加上去了，页面中也是不知道的，因为在vue中，响应式的属性都在vue的生命周期中通过Object.defineProperty修饰过的，所以它是响应式的，如果在后期你要添加一个属性，它还要是响应式的，那么需要使用Vue.set(vm,属性名,属性值)方法进行添加//比如说在某个方法...
2019-09-20 15:03:41
716
原创 Vue.js基础
vue 的使用1，(1)可以使用npm下载vue包，npm install vue (2)，也可以去官网下载，https://cn.vuejs.org/v2/guide/installation.html ，有生产版本和开发版本，初学和开发中建议使用开发版本，因为它会提示你某些错误和警告，在生产版本中删除了一些常用的错误和警...
2019-09-20 14:40:46
118
原创 Vue的生命周期与钩子函数
生命周期1，new Vue() 第一步会先创建一个vue实例2，开始初始化事件，同使vue的生命周期就开始了3，初始化数据，把data中所有的数据都通过Object.defineProperty添加到vm身上4，判断vue的监管范围，判断是否指定了el属性；//如果指定了，el中的html就是它的监管范围//如果没指定，等待vm.$mount(el)添加监管范围//如果一直没有添加，...
2019-09-20 11:21:54
106
原创 Ajax跨域登录功能案例
1，在客户端向非同源的服务器端发出登录请求，在发送跨域请求时，需要携带cookie信息2，服务器端设置允许跨域请求，服务器端进行用户名密码验证，验证成功还需要将登录状态保存到session中，这样客户端每次的请求如果需要进行登录才能操作的话就可以先进性查看在做处理的客户端代码 // 获取登录按钮 var loginBtn = document.getElementById('login...
2019-08-23 18:43:45
613
1
原创 Ajax跨域访问资源
使用jsonp请求非同源资源是不属于Ajax请求的，但是它可以模仿Ajax，下面是使用Ajax实现跨域资源共享客户端访问非同源资源在客户端中只需要在Ajax请求中的url中写上你所要访问第地址就行了但是在服务器端需要设置是否接受非同源的请求示例：//首先可以设置拦截所有请求 app.use((req, res, next) => { // 1.设置允许哪些客户端访问 //...
2019-08-23 18:33:30
177
原创 JSONP基础与封装
由于游览器的同源政策的原因，Ajax只能向同源的服务器进行访问，如果访问游览器就会报错，所以使用JSONP解决同源限制问题jsonp不属于Ajax请求，但它可以模仿Ajax请求使用方法：1，在客户端中，将不同源的服务器端请求地址写在script标签的src属性中 <script src='www.xxx.com'></script>2，但是在服务器端响应数据必须是一...
2019-08-22 23:07:47
117
原创 FormData表单对象
在开发中，处理表单的场景非常多，提交数据的操作如果还使用传统的方式，先获取表单元素，在提交就会显得非常的繁琐，所以使用FormData对象来处理，就会简单的许多；方法解释new FormData(ele)创建一个formData对象，传入一个表单元素，返回一个表单对象get(‘key’)获取表单中对应name的value值set(‘key’,‘value’)...
2019-08-22 19:58:48
292
原创 Ajax函数封装与$.Ajax的使用
在开发中如果每次使用ajax就要手动去写一边流程，那样就太麻烦了，我把Ajax创建到响应结束的流程封装了一遍，代码如下function ajax(options) { //创建一个默认的请求设置,这样调用就可以传递你需要的改变的参数就行了 var defaults={ type: 'get', ...
2019-08-21 21:55:57
270
原创 Ajax基础知识
首先Ajax的运行环境必须实在服务器下的Ajax使用步骤首先需要创建一个Ajax对象 var xhr = new XMLHttpRequest()告诉Ajax对象以什么方式发送请求，要想哪发送请求 xhr.open('get',url)发送请求 xhr.send()获取服务器端响应客户端的数据xhr.onload=()=>{ xhr.responseText }向服务器端发送...
2019-08-21 21:50:02
114
原创 博客案例开发流程
1，创建项目的一些分类目录2，下载package.json文件，记录文件的相关信息3，下载项目依赖，此处博客所需的(express,mongoose,art-template,express-art-remplate)，具体看项目的需求，可以先下载一些预知的，别的可以临时在下载4，将一些项目所需要的网页放入相对应的文件夹中，方便调用5，项目开始：引入express框架，创建基础服务器与...
2019-08-20 17:14:08
157
原创 node常用的第三方模块
1，nodemon模块，只需要调用一次nodemon filname，就可以让代码于界面实时更新，不用手动调用node filename；安装方式npm install -g nodemon2，gulp模块，它是一个自动化构建工具，可以省去一些对文件的处理的时间，比如果压缩文件，合并公共部分等；安装方式npm install gulp，在这个插件中还有许多的小插件需要安装,查看更多请前往：gul...
2019-08-20 16:44:46
772
1
原创 node的express框架的使用
使用框架需要先下载插件， npm install express1，引入express框架const express=require('express')2，创建网站服务器const app=express(),这样子服务器就创建好了3，添加监听端口app.listen(3000)4，添加路由功能，很简单，和使用router模块一样添加app.get('/',(req,res)=>...
2019-08-17 22:07:37
123
原创 异步函数的解析
这篇博客偏向我个人的理解，如果又不对的地方请指出，谢谢1，使用async声明一个异步函数，就是在一个普通函数定义前面加async，不同函数变成异步函数2，一个异步函数默认返回的是一个promise对象，在异步函数内部使用return返回结果，这个结果会在promise对象中，相当于使用原来的resolve函数返回结果，在这个函数内部使用throw关键字抛出程序异常3，调用异步函数就相当于使用...
2019-08-16 14:22:36
282
原创 MongoDB的基本使用
1，启动数据库服务：net start mongodb2，终止数据库服务：net stop mongodb3，再js文件中导入模块：const mongoose=require('mongoose');4，创建数据库连接mongoose.connect('mongodb://localhost/dejin',{useNewUrlParser:true }) .then(()=>...
2019-08-15 16:27:02
595
1
原创 http基础知识
在node中创建一个服务器步骤const http=require('http'); 导入http模块const app=http.creatServer();创建服务器对象app.on(event,(req,res)=>{})添加事件，request请求事件，后面的回调函数，req就是request缩写，res就是respones缩写，在回调函数内可以写一系列相关的响应app.l...
2019-08-14 18:50:35
444
原创 gulp的使用
准备gulp1，首先使用npm下载gulp，在命令中输入npm install gulp,然后就会安装到你所执行这个命令的文件夹下2，在项目根目录下简历gulpfile.js文件，必须的3，重构项目文件夹的结构，src目录放置源代码文件，dist目录放置构建后文件4，在gulpfile.js文件中编写任务5，在命令行工具中执行gulp任务需要现在js文件中引入gulp插件const ...
2019-08-14 10:04:45
109
原创 node开发基础
学习node开发需要准备node环境，具体可以百度学习node开发的好处1，可以使用JavaScript语法开发后端应用2，一些公司需要前端工程师掌握node开发3，生态系统活跃(使用者较多)，有大量的开源库可以使用4，前端开发工具大多基于Node开发Node.js基础语法所有的ECMAScript语法(DOM和BOM不算)再Node环境都可以使用再node环境下执行代码，使用No...
2019-08-13 17:46:41
145
原创 ES6中的Set()
set是一种数据结构，也是一个构造函数，再set里面的数据是唯一的，大多用来储存数据 const s1 = new Set(); //声明一个set数据类型 console.log(s1.size) //不传参它的长度为0 const s2 = new Set(["a", "b"]); console.log(s2.size)...
2019-08-13 13:24:24
131
原创 ES6新增的字符串方法
startsWith方法和endsWith方法用于检查某段字符串是否以xx开头或结束let str = 'Hello ECMAScript 2015';let r1 = str.startsWith('Hello'); //true ，检查是否以hello开头console.log(r1);let r2 = str.endsWith('2016'); //false，因为不是以201...
2019-08-13 13:13:18
232
原创 ES6中的模板字符串
所谓的模板就是将原来的+变量改为了${变量}使用方法如下：let name = `张三`;let sayHello = `Hello, 我的名字叫 ${name} `; console.log(sayHello); //Hello, 我的名字叫张三 let result = {name: "zhangsan",age: 20};let html = `<d...
2019-08-13 13:08:25
175
原创 ES6剩余参数的接收于使用
通常再一个函数中要接受多个参数，可能是已知的个数，可能是为止的个数，所以再写形参的时候会比较麻烦，再ES6中有新的方式来写这个形参使用格式 …name name自定义名字//格式function fn(a,b,...arr){//表示前面两个形参接受相对应位置的实参，然后剩下的实参都有 ...arr来接收 console.log(a+b,...arr) //3 3 4 5 6 7 8...
2019-08-13 12:04:44
861
原创 ES6中对let cons的解释
let ：代码块内有效，相当于{}内有效，使用let声明的不存在变量声明提升，所以不能再定义前使用，即使再代码块外部有相同名的变量，也无法再里面提前使用比如：var one=10;if(true){ console.log(one); //会报错，因为再这个代码块中，下面有let 声明one这个变量，所以不能这样用 let one=20; console.log(one) //...
2019-08-13 10:47:53
184
原创 js闭包和递归函数解释加案例
闭包的概念：在一个作用域里调用另外一个作用域的局部变量闭包的作用：扩大局部变量的使用范围闭包的缺点：使用过多可能会造成内存的泄露，因为原来函数内部的变量使用完后就应该被销毁，释放内存，但是由于闭包里的函数还得要继续使用某一些变量，所以这些变量不会被销毁，闭包使用过多的话就会导致内存的泄露了总结：闭包不一定是好的，使用前要考虑好是否有必要使用闭包...
2019-08-12 18:55:15
219
原创 ES5新增的严格模式
严格模式的作用1， 消除了 Javascript 语法的一些不合理、不严谨之处，减少了一些怪异行为。2， 消除代码运行的一些不安全之处，保证代码运行的安全。3， 提高编译器效率，增加运行速度4， 禁用了在 ECMAScript 的未来版本中可能会定义的一些语法，为未来新版本的 Javascript 做好铺垫。比 如一些保留字如：class, enum, export, extends, i...
2019-08-12 11:52:25
88
原创 js中call,apply,bind的区别
使用方法3个都相同，函数后面直接调用call: fn.call(); apply：fn.apply() bind: fn.bind();相同点都可以改变函数内部this的指向区别点1，call和apply都会立马调用，并改变函数里this的指向 2，call和apply传递的参数不一样，第一个相同，都是传递你要把原来函数里的this指向改变为你所需要的那个对象，第二个参数不同点如下：...
2019-08-12 11:09:57
73
原创 js中ES5新方法
1，循环数组，过滤数组，检查数组循环： forEach(),map()这两个都是循环数组，但是forEach没有返回值，而map有返回值；forEach可以理解为让在遍历每个元素的时候，去做一件事，而不用返回值，在遍历是return会不起作用，不会中断遍历，除非程序异常map可以理解为让每个元素去做一件事，然后返回这个新值，返回的是一个数组的形式,必须有返回值，如果没有return，则默认...
2019-08-11 23:09:23
204
原创 js对象
3种创建对象的方式对象字面量：var obj={name: value, name2,value2};new object：var obj=new Object();构造函数创建 :function obj(){ this.name=value; //实例成员 this.name2=value2; //实例成员 this.fn1=function(){}; //实例...
2019-08-11 21:39:30
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人