随笔分类 -  前端

摘要:在普通页面中使用 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 阅读(240) 评论(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 阅读(296) 评论(0) 推荐(0) 编辑
摘要:一、Promise 概念 Promise 是一个构造函数,new Promise() 可以得到一个 Promise 实例对象,它是一个异步操作,可以用来执行一些异步操作(异步操作不能直接 return 接收执行结果,只能通过回调来接收)。 回调函数 resolve():成功之后调用的回调函数 rej 阅读全文
posted @ 2020-09-03 22:43 Hubery_Jun 阅读(4092) 评论(0) 推荐(1) 编辑
摘要:watch 监听属性 watch 用于 data 中属性的变化以及路由对象的改变,它可以监视 data 中指定数据的变化,然后触发这个 watch 中对应的 function 处理函数,类似于 jQuery 的 onchange。 1、监听 data 属性值的变化: 以下实例进行全名的拼接: <di 阅读全文
posted @ 2020-09-03 22:41 Hubery_Jun 阅读(277) 评论(0) 推荐(0) 编辑
摘要:什么是路由 后端路由:用于定位后端服务器上的资源 前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现 前端单页面可以用锚来定位。 vue-ro 阅读全文
posted @ 2020-09-03 22:38 Hubery_Jun 阅读(170) 评论(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 阅读(189) 评论(0) 推荐(0) 编辑
摘要:1. Vue 中的动画 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。 包括以下工具: 使用过渡类名:使用 transition 元素包裹要设置动画的元素 第三方 CSS 动画库:animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 列表排 阅读全文
posted @ 2020-09-03 22:33 Hubery_Jun 阅读(334) 评论(0) 推荐(0) 编辑
摘要:1. 品牌管理案例 实现功能: 添加新品牌:add 删除品牌:数组循环,根据 ID 查找索引,调用 splice 方法删除 根据品牌名过滤:数组循环 格式化时间:过滤器 时间补全:padStart() , ES6 新增, 如:2020-2-6 补全后为 2020-02-06 <!DOCTYPE ht 阅读全文
posted @ 2020-09-03 22:31 Hubery_Jun 阅读(217) 评论(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 阅读(261) 评论(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 阅读(1015) 评论(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 阅读(1357) 评论(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 阅读(1088) 评论(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 阅读(1764) 评论(0) 推荐(0) 编辑
摘要:jQuery 是由美国人 John Resig 创建的一个JavaScript 的轻量级的框架,它能更方便的处理 HTMLdocuments、event,还能为网站提供 ajax 交互等,并且兼容 CSS3 和各种浏览器。 1. jQuery 对象 jQuery 对象是 jQuery 包装 DOM 阅读全文
posted @ 2019-05-10 23:42 Hubery_Jun 阅读(206) 评论(0) 推荐(0) 编辑
摘要:1. JavaScript 历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言)。 Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape 阅读全文
posted @ 2019-05-10 23:41 Hubery_Jun 阅读(248) 评论(0) 推荐(0) 编辑
摘要:CSS(Cascading Style Sheets),层叠样式表,用于控制网页样式,使网页表现和数据内容分离。 1. css 的引入方式 1. 行内式 行内式即在标签内部通过 style 属性来设定 css 样式,不推荐使用 <p style='color: red'></p> 2. 嵌入式 嵌入 阅读全文
posted @ 2019-05-10 23:40 Hubery_Jun 阅读(253) 评论(0) 推荐(0) 编辑
摘要:1. HTML 定义 BS 模式:Browser、Server,即浏览器与服务器模式。 HTML(Htyper Markup Language)即超文本标记语言,超文本(页面内可以包含图片、链接、引用、甚至程序 ),标记语言:标记(标签)构成的语言。 网页 网页即 HTML文档,由浏览器解析并展示出 阅读全文
posted @ 2019-05-10 23:38 Hubery_Jun 阅读(239) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示