随笔分类 -  前端

摘要:本节代码可以从git clone https://gitee.com/fullstacker1024/vue3-component-demo.git下载 其中项目实例https://gitee.com/fullstacker1024/vue3-big-event-admin.git 1、前言 1)V 阅读全文
posted @ 2024-06-09 22:01 权杖攻城狮 阅读(228) 评论(0) 推荐(0)
摘要:本节代码可以从git clone https://gitee.com/fullstacker1024/vue2-component-demo.git下载 其中项目实例:git clone https://gitee.com/fullstacker1024/vue2-shopping.git 1、快速 阅读全文
posted @ 2024-05-28 17:18 权杖攻城狮 阅读(163) 评论(0) 推荐(0)
摘要:1、node、npm安装及使用 NPM(Node Package Manager)是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用。 2)允许用户从NPM服务器下载并安装别人编写的命 阅读全文
posted @ 2024-05-14 20:10 权杖攻城狮 阅读(123) 评论(0) 推荐(0)
摘要:1、模快化相关规范 (1)模块化概述 传统开发模式的主要问题:命名冲突,文件依赖。 通过模块化解决上述问题:模块化就是把单独的一个功能封装到一个模块(文件)中,模块直接互相隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块。 模块化的好处:方便代码的重用,从而提升开发效率,并且方便后期的维 阅读全文
posted @ 2021-03-04 17:17 权杖攻城狮 阅读(546) 评论(0) 推荐(0)
摘要:路由:本质就是对应关系 后端路由:根据不同的URL地址分发不同的资源; 前端路由:根据不同的用户事件,显示不同的页面内容;本质是用户与事件处理函数直接的对应关系。(负责事件监听,触发事件后,通过事件函数渲染不同内容) SPA:即单页面应用程序,整个页面只有一个页面,内容的变化通过Ajax更新实现、同 阅读全文
posted @ 2021-03-01 12:27 权杖攻城狮 阅读(317) 评论(0) 推荐(0)
摘要:1、promise Promise是异步编程的一种解决方案,从语法上讲,Promise是一个对象,从它可以获得异步操作的消息。 使用Promise主要有以下好处: ①可以避免多层异步调用嵌套问题(回调地狱) ②promise对象提供了简洁的api,使得控制异步操作更加容易 (1)Promise基本用 阅读全文
posted @ 2021-02-28 20:41 权杖攻城狮 阅读(1110) 评论(0) 推荐(0)
摘要:vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。 1、Vuex安装及初始化 (1)安装vuex依赖包 npm install vuex --save (2)导入vuex包 import vuex from 'vuex' Vue.use(Vuex) (3)创建sto 阅读全文
posted @ 2021-02-20 20:35 权杖攻城狮 阅读(218) 评论(0) 推荐(0)
摘要:1、node、npm安装及使用 node、npm请见 2、工程化开发&脚手架Vue CLI 1)vue-cli2.X+安装及使用(废弃) (一)卸载vue-cli3.X+(如果安装过) npm uninstall -g @vue/cli (二)安装vue-cli2.X+,安装成功可以使用vue -V 阅读全文
posted @ 2020-12-23 09:47 权杖攻城狮 阅读(9015) 评论(0) 推荐(0)
摘要:vue入门学习笔记,vue.js下载 1、组件 组件指页面中的一部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" 阅读全文
posted @ 2020-12-19 15:37 权杖攻城狮 阅读(515) 评论(0) 推荐(0)
摘要:vue2.0+入门学习笔记,vue.js下载 1、挂载点、模板、实例之间的关系 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE= 阅读全文
posted @ 2020-12-19 14:54 权杖攻城狮 阅读(192) 评论(0) 推荐(0)
摘要:jQuery中的$.getJSON、$.ajax、$.get、$.post的区别 使用见Flask(python)异步(ajax)返回json格式数据 ①.$.getJSON $.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用,其语法的格式为: getJSON(url, 阅读全文
posted @ 2019-04-28 09:56 权杖攻城狮 阅读(2095) 评论(0) 推荐(0)
摘要:项目要实现如图所示的功能 前台用easy-ui实现,如果直接在代码中添加placeholder属性,因easyui的input标签不支持h5的placeholder, 没有效果。 会被浏览器解释成如下: 解决方案: 使用jQuery。js如下: 效果: ps:网上看到其他人写的一个方案,不过我这边好 阅读全文
posted @ 2017-02-10 10:37 权杖攻城狮 阅读(2272) 评论(0) 推荐(0)
摘要:项目中要实现表格多表头,结合网上的例子自己实现了一个,包含frozenColumns情况。 一,通过标签创建 效果: 二,使用Javascript创建 效果同上; html: js: 附: 有固定列效果: js: 阅读全文
posted @ 2017-01-24 13:51 权杖攻城狮 阅读(7393) 评论(0) 推荐(1)
摘要:公司项目要用Flex,之前没有接触过,菜鸟只好白手起家,把项目拉下来的同时配置下Flex的环境,以下是一篇参考: http://blog.sina.com.cn/s/blog_4c4a24db0100get7.html 写的还不错。 修改为: 阅读全文
posted @ 2016-09-30 09:58 权杖攻城狮 阅读(400) 评论(0) 推荐(0)
摘要:在使用datebox时,已选择结束日期后,再次选择开始日期。此时判断开始日期不能大于结束日期。 datebox的onSelect: function (date){}事件传入的参数是日期类型,而使用datebox的getValue属性获得的是字符类型,此时进行类型转换: 这样就可以判断开始日期与结束 阅读全文
posted @ 2016-08-25 11:12 权杖攻城狮 阅读(478) 评论(0) 推荐(0)
摘要:在使用ajax请求后,使用jquery将数据append到网页中。发现jquery无法使用append内的id和class获取元素。 例如:$("ul").append("<li class='name'>名称</li>"); 无法使用下面的语句来获取: $(".name").click(funct 阅读全文
posted @ 2016-06-01 10:00 权杖攻城狮 阅读(6177) 评论(0) 推荐(0)
摘要:或者: ps: document.ready和onload的区别——JavaScript文档加载完成事件 页面加载完成有两种事件 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件) 二是onload,指示页面包含图片等文件在内的所有元素都加载完成。 阅读全文
posted @ 2016-04-25 11:23 权杖攻城狮 阅读(356) 评论(1) 推荐(0)
摘要:主要介绍在首页实现中用到bootstrap实现效果的地方。 实现如下的效果: 实现如下效果:输入框里面包含图标 实现如下效果: div2悬浮div1之上: 实现如下效果: 自己在网上找了半天,基本上都是一次轮询一张图片。自己按照例子实现一次实现轮询四张图片。实现多张图片的效果,可以根据需要动态调整。 阅读全文
posted @ 2016-04-15 09:47 权杖攻城狮 阅读(724) 评论(0) 推荐(0)
摘要:接触bootstrap是因为一个项目。实在是不了解前端。但是公司又不招前端工程师,没有办法,我这个后端工程师被赶鸭子上架了。 做这个项目之前,只是简单的在网上看了一些bootstrap教学视频。然后拿到了美工设计的网站就开始做了。Bootstrap中文网真的是一个很好的网站。在这里你可以找到一切你想 阅读全文
posted @ 2016-04-15 09:07 权杖攻城狮 阅读(286) 评论(0) 推荐(0)
摘要:TypeErrorUnable to set property 'value' of undefined or null reference. 但是可以进入添加页面,填完信息后,submit后跳转至 错误页面,(Unknown system error) 参考解决方案: http://stackov 阅读全文
posted @ 2015-09-07 10:53 权杖攻城狮 阅读(739) 评论(0) 推荐(0)