摘要: 在普通页面中使用 render 方法渲染组件 传统的组件渲染方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini 阅读全文
posted @ 2020-09-03 22:47 Hubery_Jun 阅读(234) 评论(0) 推荐(0) 编辑
摘要: nrm 的安装和使用 作用:提供一些常用 NPM 包镜像地址,包括国内的:cnpm、淘宝镜像,可以加快 npm 包下载速度(npm 镜像默认从国外官网下载,速度很慢) 安装: 安装:npm i nrm -g 全局安装 nrm 包 查看:nrm ls 查看当前可以镜像源地址 切换:nrm use np 阅读全文
posted @ 2020-09-03 22:46 Hubery_Jun 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 一、Promise 概念 Promise 是一个构造函数,new Promise() 可以得到一个 Promise 实例对象,它是一个异步操作,可以用来执行一些异步操作(异步操作不能直接 return 接收执行结果,只能通过回调来接收)。 回调函数 resolve():成功之后调用的回调函数 rej 阅读全文
posted @ 2020-09-03 22:43 Hubery_Jun 阅读(3643) 评论(0) 推荐(1) 编辑
摘要: watch 监听属性 watch 用于 data 中属性的变化以及路由对象的改变,它可以监视 data 中指定数据的变化,然后触发这个 watch 中对应的 function 处理函数,类似于 jQuery 的 onchange。 1、监听 data 属性值的变化: 以下实例进行全名的拼接: <di 阅读全文
posted @ 2020-09-03 22:41 Hubery_Jun 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 什么是路由 后端路由:用于定位后端服务器上的资源 前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现 前端单页面可以用锚来定位。 vue-ro 阅读全文
posted @ 2020-09-03 22:38 Hubery_Jun 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 1. 组件 1.1 全局组件 全局组件,全局任何 Vue 实例都可以使用,在 Vue 实例创建之前创建。 1. 方式一 <body> <div id="app"> <!-- 使用 --> <mycom1></mycom1> <!-- <my-Com1></my-Com1> --> </div> <s 阅读全文
posted @ 2020-09-03 22:36 Hubery_Jun 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 1. Vue 中的动画 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。 包括以下工具: 使用过渡类名:使用 transition 元素包裹要设置动画的元素 第三方 CSS 动画库:animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 列表排 阅读全文
posted @ 2020-09-03 22:33 Hubery_Jun 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 1. 品牌管理案例 实现功能: 添加新品牌:add 删除品牌:数组循环,根据 ID 查找索引,调用 splice 方法删除 根据品牌名过滤:数组循环 格式化时间:过滤器 时间补全:padStart() , ES6 新增, 如:2020-2-6 补全后为 2020-02-06 <!DOCTYPE ht 阅读全文
posted @ 2020-09-03 22:31 Hubery_Jun 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 类似于 Vue.js 这种前端框架,提倡的是减少开发人员对 DOM 的直接操作,而是只关心对数据的操作,不用关心 DOM 元素的渲染。 v-cloak、v-text、v-bind、v-on 和 v-html v-cloak:用于解决差值表达式闪烁问题 v-text:没有闪烁问题的,会覆盖元素中原本的 阅读全文
posted @ 2020-09-03 22:28 Hubery_Jun 阅读(249) 评论(0) 推荐(0) 编辑
摘要: multi-select 前端左右两端多选插件 1、html 部分: {% extends 'base-layer.html' %} {% load staticfiles %} {% block css %} <link href="https://cdn.bootcdn.net/ajax/lib 阅读全文
posted @ 2020-09-03 22:15 Hubery_Jun 阅读(927) 评论(0) 推荐(1) 编辑
摘要: layui 主页面与弹窗之间父子页面值传递 弹窗为 iframe 类型 父页面向子页面传递值: // 查看 function lookUp(that) { layer.open({ type: 2, area: ['700px', '450px'], fixed: false, //不固定 maxm 阅读全文
posted @ 2020-09-03 22:13 Hubery_Jun 阅读(1305) 评论(0) 推荐(0) 编辑
摘要: my.js:封装方法的 JS index.html:调用封装的公共方法 1、my.js (function () { var requestURL = null; // 分页 function bindPager() { // 事件委托,给idPagination(ul 标签) 下的 a 标签绑定 阅读全文
posted @ 2020-09-03 22:08 Hubery_Jun 阅读(1074) 评论(0) 推荐(0) 编辑
摘要: 目前普遍应用的比较多的是计算文件名的 md5,利用 jquery.md5.js 即可实现;若要计算文件内容的 md5,jquery.md5.js 就实现不了,需要用到插件:SparkMD5。 前端 js 1、index.html <form class="layui-form" action=""> 阅读全文
posted @ 2020-09-03 22:02 Hubery_Jun 阅读(1697) 评论(0) 推荐(0) 编辑
摘要: Apscheduler 介绍 四大组件 triggers:触发器,用于设定触发任务的条件 job stores:作业存储器,用于存放任务,可以存放在数据库或内存,默认内存 executors:执行器,用于执行任务,可以设定执行默认为单线程或线程池 schedulers:调度器,将上述三个组件作为参数 阅读全文
posted @ 2020-09-03 21:53 Hubery_Jun 阅读(1202) 评论(0) 推荐(0) 编辑
摘要: 1. 流程 develop 开发分支:开发人员每天都需要拉取/提交最新代码的分支 test 测试分支:开发人员开发完并自测通过后,发布到测试环境的分支 release 预发布分支:测试环境测试通过后,将测试分支的代码发布到预发环境的分支(这个得看公司支不支持预发环境,没有的话就可以不采用这条分支) 阅读全文
posted @ 2020-09-03 15:50 Hubery_Jun 阅读(4748) 评论(0) 推荐(2) 编辑