vue、ajax
前端相关
alwaysonline1204
这个作者很懒,什么都没留下…
展开
-
解决ajax动态生成数据时无法添加点击事件的问题
解决方式直接在添加列表项的时候添加一个onclick事件;通过绑定这个标签的父类或者body来达到激活click事件的效果。eg://a为这个标签的父标签的id,b为ajax动态生成的标签的class//为ajax动态生成的标签(class="b",其父标签的id为a)绑定点击事件 $('#a').on('click', '.b', function () { //要执行的逻辑 ...原创 2019-10-09 13:53:32 · 358 阅读 · 0 评论 -
前端基础2(promise与axios、模块化)
一. promise与axios二. 模块化什么是模块化就是把代码进行拆分,方便重复利用。类似java中的导包,要使用一个包,必须先导包。而js中没有包的概念,但有模块。export与import(1)export命令用于规定模块的对外接口;(2)import命令用于导入其他模块提供的功能。...原创 2020-09-14 15:35:45 · 133 阅读 · 0 评论 -
前端基础1(var等常量、解构、字符串模板、箭头函数、assign、拷贝对象、数组map与reduce)
VSCode快捷键:(1)一键格式化代码:Alt+Shift+F1. var、let、constvar不管作用域是否相同,都可以重新声明变量let作用域相同时,不允许重新声明变量,作用域不同则可以const必须在声明时赋值,不可更改常量原始值,但可以更改常量对象的属性值2. 解构表达式数组解构 let arr = [1, 2, 3, 4]; let [a, b, c, d] = arr; console.log(a, b, c, d);原创 2020-09-07 15:00:48 · 327 阅读 · 0 评论 -
开源项目renren-fast-vue开发环境部署(前端部分)
1. node环境2. 部署过程以及遇到各种坑https://www.cnblogs.com/chenkx6/p/13375482.html?utm_source=tuicool转载 2020-09-02 16:58:09 · 1099 阅读 · 0 评论 -
Win10下搭建vue开发环境
https://www.jianshu.com/p/b001ea69b7f5转载 2020-03-02 14:28:23 · 188 阅读 · 0 评论 -
vue组件化编码(2.1): 使用vue-cli脚手架创建第一个项目
1. 创建第一个vue-cli项目依次执行如下命令:npm install -g vue-clivue init webpack vue_democd vue_demonpm installnpm run dev最后访问:http://localhost:8080/ 可以看到运行结果。2. 项目目录执行完上述命令后,项目目录结构如下:|–build:webpack 相关的...原创 2020-02-25 16:13:55 · 228 阅读 · 0 评论 -
vue基础学习(1.7):vue的生命周期
1. 生命周期原创 2020-02-24 17:43:19 · 122 阅读 · 0 评论 -
vue基础学习(1.6):vue的过滤器、指令、插件
1. 动画2. 过滤器3. 指令4. 插件原创 2020-02-24 17:42:25 · 127 阅读 · 0 评论 -
vue基础学习(1.5):vue的事件处理、表单数据的自动收集
1. vue的事件处理绑定监听v-on:XXX=“XXX” ==>简写:@XXX=“XXX” 默认事件形参:event隐含属性对象:$event事件修饰符.prevent:阻止事件的默认行为 event.preventDefault();.stop:停止事件冒泡 event.stopPropagation();按键修饰符.keycode:操作的是某个keycode值的健;...原创 2020-02-24 17:36:42 · 252 阅读 · 0 评论 -
vue基础学习(1.4):vue的列表的渲染及列表的搜索、排序
1. 列表的渲染<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="../js/vue.js"><...原创 2020-02-11 20:29:16 · 190 阅读 · 0 评论 -
vue基础学习(1.3):vue的class与style的绑定以及条件渲染
1. class与style的强制绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>04_class与style绑定</title> <style> .aClass { ...原创 2020-02-11 17:12:33 · 167 阅读 · 0 评论 -
vue基础学习(1.2):vue的计算属性和监视
1. 计算属性使用computed属性去定义计算属性的方法;html页面中,可以使用{{方法名}}显示计算结果;高级用法:可以使用get()和set(value)方法实现对属性数据的展示和监视,注意:计算属性存在缓存,多次读取只执行一次get计算。2. 监视属性watch可以来监视指定的属性;vm的对象$watch()也可以用来监视;所谓监视,就是说当监视的属性发生变化时,回...原创 2020-01-22 17:21:13 · 182 阅读 · 0 评论 -
vue基础学习(1.1):vue入门
1. 概述1.1 简述vue是一款渐进式的JavaScript框架;可以动态的构建用户界面1.2 特点遵循MVVM模式;编码简洁,体积小,运行效率高,比较适合移动/PC端的开发;本身只关注UI,可以引入vue插件或者其他第三库的开发项目。1.3 Vue扩展插件vue-cli:vue脚手架vue-router:路由vue-lazyload:图片懒加载vue-scro...原创 2020-01-19 18:09:36 · 200 阅读 · 0 评论