- 博客(87)
- 收藏
- 关注
RSS订阅原创 sass学习
安装及使用安装安装 sass 要先安装 Ruby地址为 https://rubyinstaller.org/downloads/根据自己电脑下载相应版本ruby -v 测试安装是否成功安装 sass npm install -g sass使用//单文件转换命令sass input.scss output.css//单文件监听命令sass --watch input.scss:output.css//如果你有很多的sass文件的目录，你也可以告诉sass监听整个目录：sass
2020-11-22 17:20:21
131
原创 Css知识点
负边距负边距的效果 左边距 margin-left 为负时，左移 右边距 margin-right为负时，左拉 即覆盖在左边盒子上 图为紫色盒子设置了负右边距，盖住了蓝色的盒子上下边距同理shape-outside内联内容包围其边距框 以为是方，但是一个圆BFC应用1.当两个盒子，一个有margin-bottom属性，一个有margin-top属性，两个盒子的margin值会融合解决...
2020-11-13 16:27:05
119
原创 js算法分享
非递归二分算法获取当前数组的中间值 判断 low high如果查找的值大于 中间值，将重复算法，重新在 low = mid+1的地方重新开始算法(选择中间值后半部分)如果查找的值小于 中间值，将重复算法，重新在high =mid-1的地方重新开始算法 (选择中间值前半部分)首先，从有序数组的中间的元素开始搜索，如果该元素正好是目标元素（即要查找的元素），则搜索过程结束，否则进行下一步。如果目标元素大于或者小于中间元素，则在数组大于或小于中间元素的那一半区域查找，然后...
2020-11-13 10:05:04
107
原创 Recat
1.安装脚手架工具npm install -g create-react-app / cnpm install -g create-react-app2.创建项目create-react-app 项目名
2020-10-09 18:39:57
417
1
原创 Vuex
关闭 eslint 检查问题 对 .eslintrc.js 文件 注释 //'@vue/standard'、app.vue 引入路由并注册为组件store中全局数据组件中访问Statae数据的第一种方式this.$storte.state.全局数据名称组件中访问Statae数据的第二种方式 //将全局数据，映射到当前组件的计算属性 主要是 将引入的函数 后接（对象） 对象内为数组 数组中是要传递的全局数据...
2020-10-07 14:22:42
61
原创 Vue电商实例总结
获取组件的实例对象 在表单 添加 ref属性通过resetFields()方法重置表单通过validate()方法让表单进行验证 并接收一个回调函数，返回验证结果登录提示弹窗 需要挂载 通过 success()error()进行错误或正确的弹窗，()中携带提示信息登陆成功后将token信息保存到客户端的sessionStorage中 window.sessionStorage.setItem("token",res.data.token)对于用户没有登录 直接通过U...
2020-08-06 16:19:54
757
原创 Vue脚手架 Element-UI
脚手架的基本用法安装脚手架npm install -g @vue/cli基于 交互式命令行vue create 项目名称方向键选择 回车确认1.Manually 手动选择2.空格添加要安装的组件3.N 不使用历史模式4.ESLint + Standard config5.Lint on save6.In dedicater config files 放在单独的文件中7.是否根据当前配置创建模板基于 图形化界面vue ui基于2.x旧模板 ...
2020-08-05 16:06:05
114
原创 前端工程化 webpack
ES6模块化规范定义：每个js文件都是一个独立的模块导入模块成员使用import关键字暴露模块成员使用export关键字ES6模块化基本语法在NodeJS中安装babel安装babel打开终端，输入命令：npminstall--save-dev@babel/core@babel/cli@babel/preset-env@babel/node安装完毕之后，再次输入命令安装：npminstall--save@babel/polyfill创建...
2020-08-02 17:01:45
133
原创 vue前端路由
前端路由Vue Router基本使用1.引入库文件首先引用vue文件，再引用vue-router2. 添加路由链接<router-linkto="/路由">User</router-link>// to 属性后添加 Hash地址3.添加路由填充位<router-view></router-view>4.定义路由组件5.配置路由规则并创建路由实例//path 属性对应 ‘ hash路由地址’ com...
2020-07-30 14:31:08
144
原创 Vue前后端交互
Promise 基本用法实例化 Promise对象，构造函数中出传递函数，该函数用于处理异步任务resolve和reject两个参数用于处理成功和失败两种情况，并通过p.then获取处理结果处理原生Ajax 封装函数 里面继续判断 返回值，外面调用再then发送多次ajax请求.then参数中的函数返回值1.返回promise实例对象 //返回该实例对象会调下一个then2.返回普通值 //返回的普通值会直接传递给下一个then,通过then参数...
2020-07-20 17:32:19
564
原创 vue 组件化开发 调试工具
全局组件注册Vue.component('组件名称'，{data:funciton(){ 对象数据} //data必须是一个函数template: 模板语法}) //组件中的模板内容必须是单个元素 模板语法 可以是模板字符串局部组件注册var 组件名称={ 如全局注册相同 } //局部组件只能在注册在他的父组件中使用components:{'组件名称’:组件内容} //全局组件中不能嵌套局部组件组件的使用<...
2020-07-19 16:37:32
400
原创 Git GitHub
配置提交人姓名git config --global uesr.name 提交人配置提交人邮箱地址git config --global uesr.email 邮箱地址查看git配置git config --list提交步骤初始化git仓库git init查看文件状态git status追踪文件git add 文件名向仓库中提交代码git commit -m 提交信息查看提交记录git log撤销命令覆盖文件git ...
2020-07-13 20:05:25
96
原创 Vue 表单基本操作 修饰符
表单基本操作单行文本框:v-model的使用单选按钮:通过value进行区分，v-model，传值为单个值多选按钮:通过value进行区分，v-model,传值为数组下拉列表框：通过value进行区分，在select 标签上添加v-model,传值为数组或单个值，可在select 标签上添加 mutiple="true"，让下拉列表框进行多选多行文本框:通过value进行区分，v-model,传值为数组表单修饰符number:转化为数组trim:去掉开始和结尾的空格.
2020-07-07 15:54:03
245
原创 Vue基础
基本使用步骤1.引入vue.js文件2.使用vue语法 生成实例对象 参数为对象类型参数:el 元素的挂载位置 (值可以是CSS选择器或者DOM元素)data 模型数据 （值为一个对象）methods 方法 （值为一个对象）3.使用插值表达式将数据添加到标签中 {{ }}插值表达式 用法1.将数据填充到HTML标签中2.插值表达式支持基本的计算操作指令v-cloak 防止插值表达式 出现闪动v-text 填充...
2020-06-29 15:47:00
105
原创 $.ajax()方法使用 Ajax全局事件 进度条插件NProgress
$.ajax{{ }} 方法 基于jquery参数：url:' ' 指定请求地址datatype:' ' 指定请求是ajax请求还是 jsonp请求jsonp:' ' 指定callback参数名称jsonCallback:'' 指定函数名称success:function (response){}...
2020-06-26 11:13:11
525
1
原创 Ajax 同源问题 CORS解决方案 借助服务器端获取数据
CORS 跨域资源共享客户端： 维持Ajax代码不变服务器端：设置头部 1.设置哪些客户端可以访问我res.header('Acess-Control-Allow-Oragin','*') //第一个参数为要设置的请求头部，第二个参数为可以访问的域名2.设置允许客户端使用哪些请求方法来访问我res.header('Acess-Control-Allow-Methods','post,get') //第二个参数为请求方法跨域中是否携带cookie数据xhr...
2020-06-23 14:03:49
157
原创 Ajax 同源问题 JSONP解决
Ajax 限制同源之间才能访问 同源 ： 协议 域名 端口 三者必须相同解决同源限制问题JSONP1.将不同源的服务器端请求地址写在scritp标签中的src属性中2.服务器端响应数据必须是一个函数的调用，真正要发送给客户端的数据需要作为函数调用的参数3.必须在客户端全局作用域下定义函数 （在srcipt标签前面）4.在函数内部对服务器端返回的数据进行处理动态添加请求 通过 document.createElement('script') 创建sc...
2020-06-22 16:07:49
120
原创 Ajax
Ajax 实现步骤1.创建Ajax对象var xhr=new XMLHttpRequest()2.告诉Ajax请求方式和地址xhr.open('请求方式'，'地址')3.发送请求xhr.send()4.获得服务器端与客户端的响应数据xhr.onload=function(){ xhr.responseText } //xhr.responseText为客户端响应数据服务器端响应的数据项目中，一般服务器端大多数情况下把JSON对象作为响应数据的格式，客...
2020-06-16 15:23:37
414
原创 博客项目 相关知识点
模板文件 外链资源要写 绝对路径 /模板文件中相同样式 抽离样式组成新模板.art引用模板 {{include './相对路径'}}模板文件中相同骨架(head部分，外链引用js,css) 抽离 组成新模板继承模板 {{extend ./相对路径}} 继承时也要调用坑，告诉不同的这方面放在哪里 {{block ' 坑名'}}不同的内容{{/block}}注意：本身页面也存在自身的css和js或主体,组成新模板的时候需要使用 {{block ' ...
2020-05-13 22:13:30
156
原创 Express框架
Express 框架 下载 npm install expressExpress 使用 //支持链式编程 执行顺序从上到下依次执行创建网站服务器 express()响应数据 res.send()设置网页状态码 res.status()res.send() 特点：1.send方法内部会检测响应内容的类型2.send方法会自...
2020-04-28 17:20:56
104
原创 服务器端基础概念 HTTP协议 静态/动态资源 同步/异步API
创建服务器基础知识http.creatServer()创建服务器方法req保存请求相关信息req 方法req.method 获取请求方式req. url 获取请求地址req.headers 获取请求报文 // req.headers['想要查询的值']res响应相关信息res方法res.wirteHead(状态码值,{对象...
2020-04-22 18:18:44
365
原创 Gulp前端构建工具
Gulp使用1.使用npm install gulp 下载gulp库文件2.在项目根目录下建立gulpfile.js文件3.重构项目的文件夹结构 src目录放置原代码文件 dist目录放置构建后文件4.在gulpfile.js文件夹中编写任务5.命令行中执行gulp任务Gulp方法gulp.src() 获得任务要处理的文件gulp.dest()...
2020-04-22 15:07:08
129
原创 Nodejs成员导出 fs文件操作
模块成员导出 exports.version =vsrsionmodule.exports.version=version //exports是别名，如指向不是同一个对象，以module.exports为准模块成员接受 require('导出模块成员的路径')系统操作 fs //要引入fsfs(文件操作系统)文件操作 file文件 system系统 ...
2020-04-20 15:24:55
368
原创 ES6 Let声明变量 const声明常量 解构赋值 数组扩展方法
Let 关键字 声明变量let 声明的变量只在所处的块级有效 生命周期为一个{}特点：1.防止循环变量变为全局变量2.不存在变量提升 （先使用后声明不可以）3.生命周期为一个{} 块级作用域const 关键字 声明常量const 声明的变量只在所处的块级有效 生命周期为一个{} //如果存储的值不需要修改，使用const关键字最好特点:1.块级作...
2020-04-17 16:58:56
1037
原创 正则表达式 替换
正则表达式的创建1.利用RegExp对象创建 var 变量名=new RegExp(/表达式/)2.利用字面量创建 var rg =/表达式/测试正则表达式 test()正则表达式名.test(要测试的文本)边界符开头 ^表达式结尾 表达式$字符类 [adc] 查找方括号内的任何字符[^adc] 查找不包含方括号内的任何字符...
2020-04-16 15:16:41
394
原创 函数 this指向 改变this指向 严格模式 高阶函数 闭包 ES5（浅拷贝 深拷贝）
1.自定义函数(命名函数)function fn(){}2.函数表达式(匿名函数)var fun =funciton(){}3.利用new Function('参数1','参数2','函数体') //执行效率差this指向普通函数 定时器函数 立即函数 this指向window构造函数 this指向对象对象的方法函数 绑定事件函数 this指向调用者...
2020-04-15 14:59:21
151
原创 创建类 继承类 super关键字 insertAdjacentHTML函数
创建类class 类名{ construtor(参数){}}类名首字母要大写 constructor(形参){}调用类名时创建对象必须实例化类 new 类名()继承类class 儿子类 extends 父类//实例化中 子类输出一个方法 先看子类有没有这个方法，有就执行，没有就去找父亲 就近原则super 调用父类的构造函数和方法 也可以调用父类的...
2020-04-13 18:24:06
118
原创 构造函数 构造函数原型 对象原型 Constructor函数 this指向 扩展内置对象 继承 ES5新增方法
实例成员：构造函数中内部通过this添加的成员 只能通过实例化对象来访问静态成员：构造函数本身上添加的成员 只能通过构造函数来访问构造函数原型 prototype //也叫原型对象 共享方法语法 函数名.prototype.共享方法 =function(){}对象原型 __proto____proto__等价prototype方法查找规则：先看实例对象...
2020-04-12 22:10:43
476
1
原创 JQuery注册事件 解绑事件 事件对象 对象拷贝 多库共存 瀑布流插件 图片懒加载插件
//on 绑定多个事件处理程序 多个事件处理程序以对象形式进行存储$("元素").on({ 事件:function(){},事件:function(){}})//on如果事件处理程序一致，事件之间用空格隔开$("元素").on({ 事件1 事件2 , function(){}})on 事件委托(委派)$("绑定的元素").on("事件","要触发的对象",...
2020-04-10 09:38:49
78
原创 JQuery 获取修改元素固有属性 获取修改元素自定义属性 设置元素内容 元素操作 尺寸和位置操作
获取元素固有属性 prop('属性')设置或修改元素固有属性 prop('属性','属性值')获取自定义属性 attr('属性')设置或修改自定义属性 attr('属性','属性值')数据缓存 data()返回元素内容 html( ) //包括标签设置元素内容 html("要修改的值")返回元素文本内容 text() //...
2020-04-08 15:52:50
736
原创 本地存储 sessionStorage localStorage
sessionStorage 特点生命周期为关闭浏览器窗口在同一个窗口(页面)下数据可以共享以键值对的方式存储存储数据sessionStorage.setItem(key,value)获取数据sessionStorage.getItem(key)删除数据sessionStorage.removeItem(key)删除全部数据sessionStor...
2020-04-07 08:22:20
92
原创 JQuery基本操作 JQueryCSS操作 JQuery筛选选择器 JQuery筛选方法 JQuery效果
JQuery 基本使用原生JS获取的对象就是DOM对象JQuery方法获取的元素是JQuery对象 (伪数组形式存储) 不能使用原生Js的属性和方法DOM对象转换为 JQuery 对象$(DOM对象)JQuery对象转换为DOM对象$(DOM对象) [index].DOM属性方法$(DOM对象).get(index).DOM属性方法JQuer...
2020-04-05 16:21:35
298
原创 移动端轮播图 知识点 click事件延时解决方案 Swiper，superslide,iscroll轮播图插件 zy.media视频插件
监听 过渡效果完成 事件 transitionend返回元素的类名 classList属性 //类名不加.添加类 //追加类，不会覆盖原来的element . classList . add('类名')移除类element.classList.remove('类名')切换类 //有就去掉 没有就添加类element.classList.toggle('...
2020-04-04 16:58:49
346
原创 移动端触屏事件
手指触摸DOM元素事件 touchstart手指在DOM元素身上移动事件 touchmove手指离开DOM元素事件 touchend触屏函数对象 e.touches 正在触摸屏幕手指的个数列表targetTouches 正在触摸当前DOM元素手指的个数列表 //最经常使用changedTouches 手指离开列表当我手指离开屏幕的时候，就没了to...
2020-04-03 21:59:56
66
原创 元素偏移量offset 元素可视区client 元素滚动scroll 立即执行函数 mouseenter事件 动画函数封装
元素偏移量offsetelement.offsetTop 返回元素相对于带有定位父元素上方的偏移 //如果没有父亲或父亲没有定位，以body为准element.offsetLeft 返回元素相对于带有定位父元素左边框的偏移 //如果没有父亲或父亲没有定位，以body为准element.offsetWidth 返回元素的宽度 宽度包括p...
2020-04-01 16:51:13
159
原创 location对象 nvaigator对象 history对象
location对象location. assign() //跟href一样，可以跳转页面 记录历史，可以后退页面location. replace() //替换当前页面 不能后面页面location.reload() //重新加载页面 相当于刷新参数为空就是刷新 参数为true 强制刷新 ctrl+F5nvaigator对象userAgen...
2020-03-31 09:08:46
70
原创 BOM对象 调整窗口大小事件 定时器 回调函数 停止定时器 this指向问题 JS执行队列
窗口加载事件传统注册方式window.onload = function(){ } \\只允许一个，如有多个，以最后的为准IE9 事件监听写法 window.addEventListener("load",function(){})\\load 等页面内容全部加载完毕，包括页面Dom元素，图片，flash等等document.addEventListener('...
2020-03-30 16:11:11
155
原创 注册事件 解绑事件 DOM事件流 事件对象 事件委托 常用的鼠标事件 鼠标对象 常用的键盘事件 键盘对象
传统注册方式On开头的事件 但是事件具有唯一性事件监听方式addEvenListener 事件监听方式 //同一个元素 同一个事件 可以添加多个侦听器 考虑兼容性用法 事件不带on 而且是字符串形式监听对象.addEvenListener( '事件 ',function()/绑定函数名，true or false )true 事件处于捕获阶段(石头落水...
2020-03-30 12:41:44
142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人