- 博客(24)
- 收藏
- 关注
RSS订阅原创 JavaScript之jQuery学习三部曲【下篇】
< **《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】** /div>至于为什么第一层和第三层浮动，第二层定位，原因是第二层需要放置一些logo和其他的内容，定位比较容易实现，当然第二层也可以用浮动，这个看个人选择。IV. 给启动logo加点击函数好了，布局结束了，我们的战斗才刚刚开始：可以开始复习jQuery了，首先我们回忆一下怎么用jQuery实现绑定事件，并据此写出logo的点击函数，它应该是...
2022-05-11 14:40:48
134
原创 java+ssm+vue
JDK版本：JDK1.8服务器：tomcat7数据库：mysql 5.7（一定要5.7版本）数据库工具：Navicat11开发软件：eclipse/myeclipse/ideaMaven包：Maven3.3.9旅游景点推荐网站结构图，如图4-3所示。
• 3.7 目录与类型不适合于程序内容的程序将会被拒绝。• 3.8 开发者有责任为其程序指定适合的评级。不相称的评级可能会由苹果公司修改。• 3.9 开发者有责任为其程序指定恰当的关键字。不恰当的关键词可能会被苹果公司修改/删除。• 3.10试图通过伪造评论或者付费评论的方式在AppStore中操纵或者其欺骗用户评论（或者采用其他不正当方式）以提升排名的开发者将会被苹果从iOS开发者计划中除名。• 3.11 在安装或打开应用之前，推荐用户重启iOS设备的应用将会被拒。• 3.12 提交审核的应用程
2022-05-11 14:32:17
3201
原创 idea从零到精通07之idea数据库管理
导航热门专栏推荐视频讲解概述一、打开Database管理界面二、配置数据库连接三、在图形化界面操作四、在控制台查询五、在控制台执行操作六、数据导出方法1，直接在结果控制台导出方法2，在Database管理区中导出七、数据结果的多种展示八、根据数据库生成实体类九、生成数据库或表的SQL语句十、查看表关系图小结导航热门专栏推荐[](()作者简介=======================..
2022-05-11 14:29:55
1226
原创 vue直播评论滚动到最底部
padding-left: 0.05rem;border-radius: 50%;}span {font-size: 14px;padding: 0 0.1rem;line-h 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 eight: 0.6rem; //内联块元素，居中对齐四个缺一不可height: 0.6rem; //内联块元素，居中对齐四个缺一不可display: inline-block; //内联块元素，
2022-05-10 14:21:22
199
原创 vue的一些优化方式
优化无限列表性能暂未了解服务端渲染 SSR or 预渲染服务端渲染是指 Vue 在客户端将标签渲染成的整个 html 片段的工作在服务端完成，服务端形成的 html 片段直接返回给客户端这个过程就叫做服务端渲染。[](()二、Webpack 层面的优化😰Webpack 对图片进行压缩在 vue 项目中除了可以在 webpack.base.conf.js 中 url-loader 中设置 limit 大小来对图片处理，对小于 limit 的图片转化为 base64 格式，其余的不做操作。所.
2022-05-10 14:19:29
103
原创 Vue环境下，点击按钮进行上下页的切换
//下一页nextPage() {//如果已经在最后一页，点击按钮页码不变并弹出提示if (this.selected == this.pageCount - 1) {this.selected;alert(‘已是最后一页！’);} else {//否则当前页数+1this.selected = this.selected + 1;}}}}...
2022-05-10 14:17:03
381
原创 Vue环境下用ECharts绘制中国地图，并实现拖动、缩放与各省份自动轮播高亮显示
},{name: “福建”,value: 20,},{name: “贵州”,value: 74,},{name: “广东”,value: 47,},{name: “青海”,value: 45,},{name: “西藏”,value: 41,},{name: “四川”,value: 3,},{name: “宁夏”,value: 7,},{name: “海南”,value: 7,},{name: “台湾”,value: 200,},{n
2022-05-10 14:15:08
1766
原创 Vue学习之自定义指令
搜索名称关键字： idnamecTime操作{{item.id}}{{item.name}}{{item.ctime | msgDateFormat('yyyy-mm-dd hh-mi-ss') }}[](()[](()自定义全局指令我们想创建一个自动获取焦点的指令，该功能其实可以通过document.getElementById(‘search’).focus()来实现，但此处我们专门来介绍下自定义指令的实现方式[](()[](()1..
2022-05-10 14:13:30
33
原创 vue基础（上篇）
[](()v-once执行一次性的插值【当数据改变时，插值处的内容不会继续更新】[](()v-modelv-model是一个指令，限制在 <input>、<select>、<textarea>、components中使用双向数据绑定当数据发生变化的时候，视图也就发生变化当视图发生 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 变化的时候，数据也会跟着同步变化[](()v-on.
2022-05-10 14:11:30
193
原创 VUE中实现数据代理和数据劫持(Vue原理之步骤二)
[](()1.VUE中实现数据代理把所有data中的数据代理到new出来的Vue实例上class Vue {//options是传过来的参数类似一个对象constructor(options){//把options存起来,可能会在实例中用到this.$options = options//data可能会是函数this._data = options.datathis.initData()}initData() {let data = this._data;//获取到data对象中所
2022-05-10 14:09:51
369
原创 Vuex的使用
import mutations from ‘./Mutations’Vue.use(Vuex)const store = new Vuex.Store({state,getters,actions,mutations})export default store④在main.js中导入并使用store实例import store from ‘./store’new Vue({el: ‘#app’,router,stor.
2022-05-10 14:07:30
155
原创 vuex之state、actions、mutations
[](()state========================================================================state为单一状态树，在state中需要定义我们所需要管理的数组、对象、字符串等等，在组件中取{{ count }} //* 每当 store.state.count 变化的时候, 都会重新求取计算属性，并且触发更新相关联的 DOM。[](()mapState 辅助函数当一个组件需要获取多个状态的时候，将这些状态
2022-05-10 14:05:00
791
原创 Vue2面试题
Vue2的双向数据绑定原理？Vue中数据代理？组件之间的传值方式有哪些？computed和watch的区别？谈一下key值的作用？说一下diff算法？为什么用中括号操作数组，Vue不更新页面？Vue的生命周期？Vue事件绑定原理说一下？Vuex说一下？不需要响应式的数据应该怎么处理？父子组件生命周期顺序？说说nextTick的用处？场景？Vue的SSR？小知识点[](()说一下Vue优缺点？优：渐进式，组件化，轻量级..
2022-05-10 14:02:41
154
原创 vue实现手机验证码登录（基于娱乐系统项目）
手机注册<span v-show=“sendAuthCode” class 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 =“auth_text auth_text_blue” @click=“getAuthCode”>获取验证码 {{auth_time}} 秒之后重新发送验证码<el-button type=“success” class=“submitBtn” round @c..
2022-05-09 15:06:16
416
原创 vue动画transition
v-leave-to：2.1.8 版及以上定义离开过渡的结束状态。在离开过渡被触发之后下一帧生效 (与此同时 v-leave被删除)，在过渡/动画完成之后移除对于这些在过渡中切换的类名来说，如果你使用一个没有名字的 <transition>，则 v-是这些类名的默认前缀。如果你使用了 <transition name="my-transition">，那么 v-enter 会替换为 my-transition-enter。v-enter-active 和v-...
2022-05-09 15:04:36
51
原创 Vue中的watch如何深度监听某个对象
export default {data () {return {a: {b: {c :‘张三’}}}},watch: {//想监听 c 此时 数 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 据 是 a.b.c 比较深 深度监听“a.b.c”: function (newValue, oldValue) {}}}..
2022-05-09 15:02:10
452
原创 Vue中的computed(计算属性)和watch(监听属性)的区别
computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed如果computed属性属性值是函数 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 ，那么默认会走get方法；函数的返回值就是属性的属性值；在computed中..
2022-05-09 15:00:31
2413
原创 vue中拆分封装axios
3、在network中建一个core.js文件import {GET,POST} from “./config”; //导入configimport axios from “axios”; //安装axios并引入const instance =axios.create({ //创建一个拥有通用配置(如：路由等)axios实例baseURL:“https://api.it120.cc” //通用路由与config里的多级路由拼接});export function
2022-05-09 14:58:47
67
原创 vue中实现模态框弹出框动画（旋转弹出）
<button @click=“togglebox”>点击弹出<vodal :show=“show” animation=“rotate” @hide=“show = false”>A vue modal with animations.效果道具 (Props )| Property | Type | Default | Description || — | — | — | — || width | number | 400 | width of dial.
2022-05-09 14:57:12
1045
1
原创 Vue中事件修饰符的使用方式
vueApp<button @click=“btnHandler”>点我但是，当我们对内部标签事件添加.stop事件修饰符时，则会阻止事件向外冒泡。<button @click.stop=“btnHandler”>点我[](().prevent事件修饰符prevent作用：阻止默认事件比如a标签的点击跳转默认事件和我们定义的点击事件向冲突时，可以使用该事件修饰符进行阻止，使用方式和stop修饰符一致，也是在事件后加上.prevent&...
2022-05-09 14:54:54
207
原创 vue3- swiper组件
el: “.swiper-pagination”}});}};完整代码Slide 1Slide 2Slide 3完整配置Slide **《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】** 1Slide 2Slide 3...
2022-05-09 14:52:46
178
原创 Vue-transition组件的Css动画+过渡（2
//写到mode里就行这里还有[多个组件的过渡](() ，可以直接去看官网，例子跟我上班的大同小异，我在这里就不解读了[列表过渡](()使用 v-for的这种场景中，使用 **《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】** <transition-group> 组件这个组件的几个特点：不同于 <transition>，它会以一个真实元.
2022-05-09 14:50:33
86
原创 vue 3 学习笔记 (八)——provide 和 inject 用法及原理
如果 provide 需要使用 data 内的数据时，这样写就会报错。访问组件实例 property 时，需要将 provide 转换为返回对象的函数。provide(){return{info: this.msg}}inject ：是一个字符串数组。如：inject: [ ‘info’ ]接收上边 provide 提供的 info 数据，也可以是一个对象，该对象包含 from 和 default 属性，from 是可用做的注入内容中搜索用的 key，default 属性是指定默认值。在
2022-05-07 21:46:08
1451
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人