- 博客(74)
- 收藏
- 关注
RSS订阅原创 vue第三天系统学习笔记
属性绑定1.vue如何动态绑定属性v-bind 指令用法：< a v-bind:herf=‘url’>跳转</ a>缩写形式< a :herf=‘url’>跳转</ a>2.v-model的底层实现原理分析< input :value=‘msg’ v-on:input=‘msg = $event.target.value’></>3样式绑定（1） class样式处理对象语法< div :class = “{a
2020-08-18 20:02:14
130
原创 接口传参方式
接口传参几种方式PostQuerystring最简单，url中传递过来的参数，可以用request获取，也可以在api的参数中获取Public void action（string a）{}Form用于接收表单数据，例如ajax中提交过来的数据请求代码$.ajax({url: “http://localhost:5136/api/demo”,dataType: “json”,type: ‘post’,data: {a:1,b:2,value:“1231”},success:
2020-08-18 10:38:06
2778
原创 vue第二天系统学习笔记
双向数据绑定1.什么是双向数据绑定？helloworldhelloworld（输入框） --> 这里的变化会导致上面的内容跟着变化2.双向数据绑定分析v-model 指令用法< input type=‘text’ v-model=‘uname’ />3.MVVM设计思想M（model）V（view）VM（view-model）view通过view-model（使用事件监听）到modelmodel通过 vue（事件绑定）到view实现双向数据绑定事件绑定1.v
2020-08-15 19:38:21
133
原创 vue第一天系统学习笔记
1.vue是一种渐进式JavaScript框架声明式渲染 -> 组件系统 - > 客户端路由 -> 集中式状态管理 - > 项目构建2.vue的基本使用(1) 实例参数分析el ：“”元素的挂载位置（值可以是css选择器或者DOM元素）data ： 模型数据（值是一个对象）（2） 插值表达式用法 {{}}1 将数据填充到html标签中2 插值表达式支持基本的计算操作{{1 + 2}} //3{{1 + ‘—’ + 2}} //1—23vue代码运行原理：
2020-08-14 20:13:08
124
原创 初学react
reactreact并不是真正的绑定事件到每一个具体的元素上，而是采用事件代理的模式：在根节点document上为每种事件添加唯一的listener，然后通过事件的target找到真正的触发元素。这样从触发元素到顶层节点之间的所有节点，如果有绑定这个事件，react都会触发对应的事件处理函数，这就是所谓的react模拟事件系统。尽管整个事件系统由react管理，但是其API和使用方法与原生事件一致创建react项目：cnpm install -g create-react-appcreate-rea
2020-08-04 16:14:13
79
原创 flex布局
flex-shrink属性 ： 并非严格等比缩小，它还会考虑弹性元素的大小例：dom结构如下, 已知 container 元素是flex布局，container的宽为600px, first-child的宽为500px， last-child的宽为400px, 给first-child增加flex-shrink:1, last-child增加flex-shrink:2。求first-child和last-child的宽,并描述解答思路。答: 剩余宽度： -300px缩小因子分母：1500+2
2020-06-28 10:05:07
104
原创 总结重要知识点
一：this指向问题this谁调用指向谁.call的第一个参数就是指向二：执行顺序函数一般都是顺序执行 但遇到异步函数不是function test1(name,callBack){callBack();console.log(name)}function callBack(){setTimeout(function(){console.log(“我是回调”)},1000)}test1(“tom”,callBack) // 执行顺序 tom 我是回调 因为callBac
2020-06-24 14:53:32
142
原创 html和css错题专辑1
1.哪个操作是W3C标准定义的阻止事件向父容器传递：e.stopPropagation()注：DOM中的事件对象：preventDefault() 取消事件默认行为stopImmediatePropagation() 取消事件冒泡同时阻止当前节点上的事件处理程序被调用。stopPropagation() 取消事件冒泡对当前节点无影响。IE中的事件对象：cancelBubble() 取消事件冒泡returnValue() 取消
2020-06-23 17:10:07
589
原创 12-vue生态圈_sass
webpack静态模块打包工具它能够把浏览器识别不了的语言(.css,.png),转换成能够识别的本身只能处理js文件Gulp/Grunt:优化前端开发流程的webpack是模块化的解决方案,处理速度更快安装nodenode -vnpm -v 包管理工具yarn淘宝镜像 cnpm局部安装 npm install --save-dev webpack (在开发过程中需要,打包上线之后不需要的环境/依赖)全局安装
2020-05-26 19:15:20
204
原创 12-vue生态圈_webpack
HTMLCSSJSJQ项目(看点资讯)htmlAPIES6VUEVUEX状态管理机axiosmvvm:轻量级ajaxmvcjq1.创建let xml = new XMLHttpRequest()2.打开链接xml.open()3.设置请求头4.发送请求5.监听响应$.post()$.get()$.patch()$.put()$.delete()vue生态webpacksass框架vue项目小程序nodeJSwebpack静态模
2020-05-25 19:33:15
209
原创 11-vue_day10
day10内容ajax框架 axios 【jQuery】 1) 回忆jquery 底层接口 $.ajax({}) $.ajaxSetup({}) 快捷接口 本质上是对于底层接口的封装 $.get(url,param,success) $.post(url,data,success) $.put(url,data,success) $.delete(url,param,success)
2020-05-22 20:57:59
136
原创 11-vue_day09
day09内容状态机基础 vuex适用于中大型项目，比如在毕业设计项目中就显得有点笨重。web开发技术栈【vue + vueRouter + vuex + axios + element-ui/antdesign】手机开发技术栈【vue + vueRouter + vuex + axios + mintui/vant】技术开源可以避免版权问题。对于开源项目，可以在github中直接找到main.jslet vm = new Vue({data:{user:null},created
2020-05-21 19:33:13
152
原创 11-vue_day08
day08内容17. npm项目 test node_modules 用于存放第三方依赖 public src package.json name: 项目基础信息 version: scripts:{xxx} 项目的脚本-webpack npm run xxx dependencies:{} 产品依赖，在打包的时候会和我们写的src一起打包在一个文件中 devDepe
2020-05-20 19:44:32
140
原创 11-vue_day07
day07内容12.渲染函数echarts 图表 （基于dom）echarts 图表 （基于vue - 渲染函数）语法：渲染函数的出现是给编程者操作dom的底层接口，但是没有这个东西，绝大多数业务都可以满足（一般建议在vue中使用dom）render函数首次执行是在beforeMount之前，在mounted之后，因为render的本质就是完成数据绑定的过程。当dom中绑定的数据发生改变的时候，render函数就会执行对比templatetemplate属性Vue.component(‘
2020-05-19 20:39:28
104
原创 11-vue_day06
day06内容11.高级组件1) 组件参数的传递1. 基础组件声明briup-info,{template:``,data(){},props:[“visible”] // 形式参数，期望父组件传递给子组件的参数}组件调用在调用briup-info这个组件的时候，传递了一个参数为visible，值是一个字符串’true’ <briup-info :visible="true"/> 在调用briup-info这个组件的时候，传递了一个参
2020-05-19 20:37:10
135
原创 11-vue_day05
day05内容compyted 计算属性filterswatch 监听componentspropsvue安装下载，scriptsdn，script模块化，npmvue实例对象new Vue({el:’#app’,template:’’,data:{},methods:{},生命周期构子函数,computed:{},filters:{},watch:{},components:{}props:[]})vue实例对象可以直接访问data/methods
2020-05-18 17:39:22
107
原创 11-vue_day04
day04内容8. 计算属性与监听器 1) 计算属性 一般指的是对data中的原有数据进行计算之后返回的结果，这个计算属性可以当做属性来使用。当原有数据发生改变的时候，计算属性会立即执行重新计算。当原值不发生改变，当调用多次计算属性，计算属性函数只会执行一次。但是如果使用方法或者过滤器则不同。 查询到所有的文章，在显示的时候将发布时间（时间戳）格式化之后再输出？ new Vue({ data:{ message:'hello world'
2020-05-14 20:14:43
114
原创 11-vue_day03
day03内容表单输入绑定双向数据绑定mvvm模式model vm view模型 viewModel 视图{ {{message}}data:{message:“hello world”, form:{name:“terry”}}methods:}vue实例的生命
2020-05-13 20:16:05
124
原创 11-vue_day02
day02内容畅想vue/react/angular/支付宝小程序【钉钉】/微信小程序 (语法都是基于es6)（看点资讯精选）案例：编程过程：页面重构 -> 2. 样式添加 -> 3. ajax与服务器进行交互$.ajax() -> 4. dom操作【vue 数据绑定】底层代码操作阶段 【10平米 - 扫把打扫（dom操作）】组件、页面布局 - 完全自己比那些交互 - ajax XMLHttpRequestdom操作 - DO
2020-05-13 09:15:44
187
原创 11-vue_day01
day01内容回顾网页重构【根据设计师/产品经理绘制的原型效果（axure、psd）重构出兼容性良好网页】HTML5 标签（结构）1.块级标签div 无意义的块元素p 默认样式，在应用的时候一般都会被重置！纹眉h1~h6ul>liol>lidl>dt,ddH5新增了一系列的块级标签（语义化标签）- 与div表现效果是一样的header、article、footer、nav、section、aside、address…2.行内标签span装
2020-05-11 18:33:38
151
原创 ES6_day04
day04内容学习目标1.babel转换ES6-ES52.模块3.class4.模板字符串5.Symbol复习Set集合没有重复数据创建Setlet set = new Set();let set = new Set([1,2,3,4,5,5]);let set = new Set(‘hello’);使用 key和value是一样的set.add(val); 添加成员set.delete(val); 删除一个成员set.has(va
2020-05-09 19:57:03
119
原创 ES6_day03
day03内容复习对象的扩展Object.is(val1,val2) 类似===+0 -0 falseNaN NaN trueObject.assign(target,o1,o2…)复制或者合并对象 目标对象target实例的原型对象Object.getPrototypeOf(obj) 获取原型对象Object.setPrototypeOf(obj,protoObj) 将protoObj设置为obj的原型对象obj.keys() 返回可遍历
2020-05-08 20:18:00
133
1
原创 ES6_day02
day02内容变量声明let局部代码块内有效变量不提升暂时性死区不可重复声明常量声明const必须在声明的时候初始化，值不可改变局部代码块内有效变量不提升暂时性死区不可重复声明解构模式匹配数组解构let [x,y] = [1,2,3][x,…y] = [1,2,3][x,y,z,u=10] = [1,2,3];默认值在变量为undefined的...
2020-05-08 09:04:19
108
原创 ES6_day01
day01内容本地安装nodejs云服务器中的nodejs，mysql,java,本地 windows nodejs,mysql,javaES6 ES2015JavaScript(ES5)升级版本JavaScript组成ECMAScript DOM BOMECMAScript6 ES6 ES2015环境 NodeJS基础语法let关键字在...
2020-05-06 19:30:29
89
原创 project
搭建项目环境，熟悉项目需求搭建项目后台环境1.搭建数据库环境在Navicat中连接上云服务器，然后在云服务的mysql数据库中创建名称为cms的数据库。注意字符编码为utf-8。并给briup用户设置cms数据库的权限。注意数据库briup用户的密码必须改为briup。因为在java代码中连接了briup用户。2.搭建项目java环境将后台jar包中的cms-20200428.jar文...
2020-05-06 19:29:19
254
原创 HTML5API_day03
day03内容画布DOM节点->context1.获取DOM节点var canvas = document.getElementById(‘one’)2.获取2d上下文对象var context = canvas.getContext(‘2d’)3.设置样式context.fillStyle = 纯色、渐变对象、平铺对象;context.strokeStyl...
2020-05-06 19:28:22
143
原创 HTML5API_day02
day02内容jQuery中的ajax异步交互局部刷新，与后台进行数据交互http协议 请求报文和响应报文浏览器控制台网络面板中查看请求和响应请求头 请求体，前端给后台的参数响应头 响应体，后台给前端的数据发送请求，接受响应前端与后台对接接口，接口文档，swagger可视化文档前端必须知道接口路径，请求方式，携带的参数，后台给的响应约定后台返回数据格式{“...
2020-05-06 19:26:52
157
原创 HTML5API_day01
day01内容HTML5API属于HTML5，用js实现音视频api(应用程序接口，此接口非后台接口)画布canvas的api拖拽api本地存储api
2020-05-06 19:25:38
82
原创 jQuery_day04
day04内容jQueryjQuery函数引入jquery.js之后，有一个函数jQuery() $()函数的使用$(function(){}) 在文档加载完毕之后执行函数$(document).ready(function(){})$(‘选择器’) 获取元素$(‘html代码片段’) 创建元素(dom对象)将DOM转成jQuery对象，可以使用jQuery提供的...
2020-05-06 19:24:04
95
原创 jQuery_day03
day03内容jQuery对象–>DOM节点[index].get(index).filter(function(index,item){}) item.map(function(index,item){}) item.each(function(index,item){}) item.on(‘click’,function(event){thi...
2020-05-06 19:22:20
59
原创 jQuery_day02
day02内容jQuery技术封装DOM操作，事件处理，AJAX技术，动画。DOM操作：对元素进行增删改查，对属性进行增删改查，对样式进行增删改查，对元素内容进行增删改查。事件处理：事件绑定，解绑，事件代理，event对象，事件冒泡，阻止默认行为。……jQuery函数在引入了jquery文件后，会得到一个函数，叫jQuery或者$函数调用传递实参类型$(‘div’) ...
2020-05-06 19:19:25
107
原创 jQuery_day01
day01内容事件类型scroll 滚动监听document.documentElement.scrollTop 页面滚动的距离滚动到一定程度时可以设置其他元素的样式change 表单控件内内部内容发生改变时触发mouseenter 鼠标移入事件 不支持子元素mouseleave 鼠标移出事件 不支持子元素mouseover 鼠标...
2020-05-06 14:35:36
99
原创 JavaScript_day20
day20内容学习目标1.事件类型2.页面滚动监听3.闭包4.事件代理5.键盘事件6.BOM7.动态时间BOM浏览器对象模型BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。BOM的核心对象是window，它表示浏览器的一个实例，在浏览器中window对象有双重角色既是通过javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Gl...
2020-05-06 14:31:13
97
原创 JavaScript_day19
day19内容js中的DOM操作Node类型nodeType 节点类型9Document类型 1Element类型 3Text类型 8Comment类型nodeName 节点名称 如果Element类型返回标签的名字…parent.appendChild(dom) 追加到父元素的末尾parent.insertbefore(dom,dom2)...
2020-04-20 19:19:25
95
原创 JavaScript_day18
day18内容复习面向对象的编程设计批量创建对象1.工厂模式普通函数内部返回一个Object类型对象，对象有属性和方法。如果多次调用方法，产生多个对象。function createPerson(name,age,gender){return {name:name,age:age,gender:gender}}createPerson(‘zhangsan’,1,‘ma...
2020-04-20 19:18:03
299
原创 JavaScript_day17
day17内容内置对象和函数包装器 Number() Boolean() String()String类型的方法length属性charAt(index) 获取某个位置的字符charCodeAt(index) 获取某个位置的字符编码indexOf(‘a’) 从前往后查找字符的位置，返回索引或者-1lastIndexOf(‘a’) 从后往前查找字符的位置，返回索引或者-...
2020-04-20 19:16:25
77
原创 JavaScript_day16
day16内容学习目标1.基本包装类型2.Math对象3.Date对象基本包装类型1)为了便于操作基本类型值，ECMAScript提供了3个特殊的引用类Boolean, Number, String每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型对象，从而可以使我们调用一些方法操作这些数据。var s = “briup”;s.substring(2);后台会...
2020-04-20 19:15:16
121
原创 JavaScript_day15
day15内容数组声明构造函数声明new Array()new Array(20) length=20new Array(‘hello’,‘world’) [‘hello’,‘world’]数组字面量声明[][] arr.length = 20[‘hello’,‘world’]数组长度，可读可写。设置了一个小于数组长度的元素，修改对应位置上的元素。设置了一个大于等于数组...
2020-04-20 19:12:22
122
1
原创 JavaScript_day14
day14内容学习目标正则表达式正则表达式是一个描述字符模式的对象.1. 正则表达式对象的创建构造函数var pattern =new RegExp(“正则表达式”,“修饰符”)var pattern =new RegExp(“abc”,“ig”);正则表达式字面量var pattern = /正则表达式/修饰符;var pattern = /abc/ig; 2. 修饰符...
2020-04-14 18:06:50
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人