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 · 404 阅读 · 0 评论 -
前端基础2(promise与axios、模块化)
一. promise与axios 二. 模块化 什么是模块化 就是把代码进行拆分,方便重复利用。类似java中的导包,要使用一个包,必须先导包。而js中没有包的概念,但有模块。 export与import (1)export命令用于规定模块的对外接口; (2)import命令用于导入其他模块提供的功能。 ...原创 2020-09-14 15:35:45 · 156 阅读 · 0 评论 -
前端基础1(var等常量、解构、字符串模板、箭头函数、assign、拷贝对象、数组map与reduce)
VSCode快捷键: (1)一键格式化代码:Alt+Shift+F 1. var、let、const var不管作用域是否相同,都可以重新声明变量 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 · 378 阅读 · 0 评论 -
开源项目renren-fast-vue开发环境部署(前端部分)
1. node环境 2. 部署过程以及遇到各种坑 https://www.cnblogs.com/chenkx6/p/13375482.html?utm_source=tuicool转载 2020-09-02 16:58:09 · 1168 阅读 · 0 评论 -
Win10下搭建vue开发环境
https://www.jianshu.com/p/b001ea69b7f5转载 2020-03-02 14:28:23 · 224 阅读 · 0 评论 -
vue组件化编码(2.1): 使用vue-cli脚手架创建第一个项目
1. 创建第一个vue-cli项目 依次执行如下命令: npm install -g vue-cli vue init webpack vue_demo cd vue_demo npm install npm run dev 最后访问:http://localhost:8080/ 可以看到运行结果。 2. 项目目录 执行完上述命令后,项目目录结构如下: |–build:webpack 相关的...原创 2020-02-25 16:13:55 · 248 阅读 · 0 评论 -
vue基础学习(1.7):vue的生命周期
1. 生命周期原创 2020-02-24 17:43:19 · 140 阅读 · 0 评论 -
vue基础学习(1.6):vue的过滤器、指令、插件
1. 动画 2. 过滤器 3. 指令 4. 插件原创 2020-02-24 17:42:25 · 144 阅读 · 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 · 281 阅读 · 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 · 217 阅读 · 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 · 187 阅读 · 0 评论 -
vue基础学习(1.2):vue的计算属性和监视
1. 计算属性 使用computed属性去定义计算属性的方法; html页面中,可以使用{{方法名}}显示计算结果; 高级用法:可以使用get()和set(value)方法实现对属性数据的展示和监视, 注意:计算属性存在缓存,多次读取只执行一次get计算。 2. 监视属性 watch可以来监视指定的属性; vm的对象$watch()也可以用来监视; 所谓监视,就是说当监视的属性发生变化时,回...原创 2020-01-22 17:21:13 · 204 阅读 · 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 · 224 阅读 · 0 评论