
【前端,Jquery,VUE# vue学习教程】
文章平均质量分 61
VUE github demo的使用
迅捷的软件产品制作专家
软件产品制作专家
展开
-
TypeScript基础
boolean:布尔类型,表示真或假。number:数字类型,表示整数或浮点数。string:字符串类型,表示文本。Array:数组类型,表示由相同类型的元素组成的有序集合。Tuple:元组类型,表示由固定数量和类型的元素组成的数组。enum:枚举类型,表示一组具有命名值的常量。any:任意类型,表示可以赋给任意类型的值。void:空类型,表示没有任何值。null 和 undefined:表示不存在的值。never:表示永不返回的函数类型或抛出异常的函数类型。原创 2024-01-09 22:50:05 · 1122 阅读 · 0 评论 -
ES6 JavaSript
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。原创 2023-06-15 12:10:26 · 661 阅读 · 0 评论 -
前端优化的分析
前端优化的分析:减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化。原创 2023-04-22 16:31:41 · 559 阅读 · 0 评论 -
前端调式的一般方法
前端是应用的一部分,如何做前端调试呢。原创 2022-11-04 07:48:23 · 324 阅读 · 0 评论 -
button组件用法大全
网络爬虫的是一个非常常见的需求。转载 2022-11-02 23:40:01 · 233 阅读 · 0 评论 -
session、cookie和token的区别
2.Cookie:客户端A访问服务器,服务器返回cookie给客户端A,客户端A存储cookie,下次需要带着cookie访问服务器,服务器返回相应的数据。3.客户端A访问服务器,服务器给了客户端token,客户端A拿着token访问服务器,服务器验证token,返回数据。把key返回给客户端A,客户端A下次带着key(session ID)来访问服务器,服务器就能给出客户端A的数据。· 安全程度不同:cookie放在服务器中不是很安全,session放在服务器中,相对安全。转载 2022-10-08 16:58:35 · 199 阅读 · 0 评论 -
vue vue 常用的扩展组件
注册子组件,所有组件都要经历vm的管理,(局部注册)在父组件中添加components属性,填入子组件,(全局注册,在全局调用Vue.component函数,传入组件名和组件位置,这样都可以用此子组件);过程:创建子组件,调用Vue.extend函数,传入配置对象,配置对象中不能写el配置项,配置对象中data必须写成普通函数,添加template属性,填入模板(结构),必须有一个根元素,可以在name配置项中编写组件在开发者工具中的名称;生命周期,又称生命周期回调函数、生命周期函数、生命周期钩子。原创 2022-09-29 00:13:43 · 654 阅读 · 0 评论 -
这些Ajax JS 回调方法和坑你知道吗?
里写自定义目录标题为什么需要JS回调什么是JS回调回调的方式和种类demo同步与异步同步与异步的概念如何使用:界面刷新功能为例demo问题为什么需要JS回调什么是JS回调函数实际上是对象:它们能被“存储”在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回;:回调;在这里插入代码片注意到click方法中是一个函数而不是一个变量//它就是回调函数$("#btn_1").click(function() { alert("Btn 1 Clicked");}); //或原创 2021-03-28 11:42:33 · 329 阅读 · 0 评论 -
LD is tagger,CG are not brothers, throw the pot and shine.
LD is tagger,CG are not brothers, throw the pot and shine.原创 2021-04-24 00:23:39 · 115 阅读 · 0 评论 -
前端控件选型
这里写目录标题目录二级目录三级目录场景分析平台选型参考资料和推荐阅读目录二级目录三级目录Special value is greater than general value.talk is cheap, show me the code,make a better result.场景分析我们取对应的常见的场景做分析。一般说来常见的组件有树形结构,表格结构,以及常见的控件结构,文本框,按钮等。以及组合结构等。平台选型1.树结构选型:项目ztreewintreeHTM原创 2021-04-04 09:24:45 · 534 阅读 · 0 评论 -
JS 组件传值原来是这样的啊
JS 组件传值目录二级目录三级目录参考资料和推荐阅读目录talk is cheap, show me the code,make a better result.二级目录三级目录参考资料和推荐阅读原创 2021-04-03 18:51:58 · 442 阅读 · 0 评论 -
前端Dialog控件传值
前端Dialog之间的传值目录二级目录三级目录参考资料和推荐阅读talk is cheap, show me the code目录昨天更改代码今天被BS了,提醒我保持一个谦虚谨慎的态度学习。让我认识到结果的重要性。二级目录三级目录参考资料和推荐阅读欢迎阅读,各位老铁,如果对你有帮助,点个赞加个关注呗!~...原创 2021-04-02 21:04:12 · 1160 阅读 · 0 评论 -
vue 网络请求
自定义 ajax 请求自定义 ajax 请求使用 vue-resource 请求使用 axios 请求--------------------------------------------------------这里介绍几种:vue网络请求的方法:1。自定义 ajax 请求先写一个组件:<template> <div class="hell...原创 2020-03-08 16:14:55 · 184 阅读 · 0 评论 -
vue 路由功能
目录:vue路由整合第三方路由--------------------------------对于大多数单页面应用,都推荐使用官方支持的vue-router库。更多细节可以看vue-router文档。如果只需要非常简单的路由而不需要引入整个路由库,可以动态渲染一个页面级的组件:demo:<h4>使用 h5 实现前端路由</h4> <...原创 2020-03-07 13:06:36 · 190 阅读 · 0 评论 -
控件绑定 vue-model 指令
你可以用v-model指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。适用于文本,多行文本,复选框,单选列表等。demo:<div id="container"> <button @click="clickMe()">{{defaultButton}}</button> <!-- 如果 v...原创 2020-03-05 15:15:00 · 282 阅读 · 0 评论 -
vue DOM事件
目录:监听事件事件修饰符按键修饰符-------------------------可以用v-on指令监听 DOM 事件来触发一些 JavaScript 代码。demo: <div id="container"> <input type="button" value="点我" v-on:click="clickme()"/> ...原创 2020-03-04 15:32:58 · 300 阅读 · 0 评论 -
Vue.js 2.0 条件渲染
目录:v-ifv-showv-if VS v-show--------------------------------v-if 条件渲染:demo:<div id="container"> <h3>1、使用 v-if 来切换按钮上的文字和 div 的显示样式</h3> <button v-on:clic...原创 2020-03-02 15:50:12 · 140 阅读 · 0 评论 -
Vue.js 2.0 Class 与 Style 绑定
概念图:绑定 HTML Class对象语法数组语法-------------------------------Class 与 Style 绑定数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ,我们可以用v-bind处理它们:只需要计算出表达式最终的字符串。不过,字符串拼接麻烦又易错。因此,在v-b...原创 2020-03-01 13:16:59 · 151 阅读 · 0 评论 -
Vue.js 2.0 计算属性
概念图:计算属性计算缓存 vs Methods计算属性 vs Watched Property------------------------------------------------------计算属性在模板中绑定表达式是非常便利的,但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护。例如:<div id="example"&g...原创 2020-02-29 15:31:09 · 177 阅读 · 0 评论 -
js 模块化编程
第一步:引入js文件:这里放置字面对象模块化,比如://字面量对象模块化2var customModule2 = {}customModule2.getTime = function() { return "现在的时间是:"+new Date()}// 定义一个直接运行的函数var runMdule = (function(){ var name = 'Tiger...原创 2020-02-26 16:25:27 · 180 阅读 · 0 评论 -
vue 网络请求demo
异步等待demo:axios-demo:本地数据显示: <!-- 本地数据显示 --> <ul v-show="isShowNativeResult"> <li v-for="(data,index) in datas"> <span> {{data.name}} ...原创 2020-02-25 19:46:00 · 375 阅读 · 0 评论 -
vue demo
1.折叠效果: <div v-for="(item,index) in mydatas"> <!-- 标题 --> <div class="titleclass" @click="clickitem(index)" :id="'item_'+index"> ...原创 2020-02-24 13:49:57 · 183 阅读 · 0 评论 -
mysql 性能优化方式
1、尽量不要使用%前缀的LIKE模糊查询使用全文索引”2.避免在WHERE查询时对字段进行表达式操作14、减少不必要的排序排序操作会消耗较多的CPU资源,所以减少不必要的排序可以在缓存命中率高等I/O足够的情况下,会降低SQL的响应时间。14、建议用JOIN代替子查询15、避免发生隐式类型转换16、避免多表查询字段类型不一致在遇到需要多...原创 2020-02-23 16:45:12 · 141 阅读 · 0 评论 -
vue 组件,props 属性 ,Vue 生命周期
本文涉及3个内容:1.vue 组件:目录结构:源码分析如下: <div id="container"> <h3>爱吃什么水果? app 实例</h3> <ol> <todolist ></todolist> </ol> &...原创 2020-02-23 11:58:10 · 4134 阅读 · 0 评论 -
vue 指令学习
按照blog-demo 进行分析: <p>标题:<input type="text" v-model="title" placeholder="标题" ></p> <p>内容:<textarea name="content" id="" cols="30" rows="10" v-model="content"><...原创 2020-02-22 10:57:03 · 351 阅读 · 0 评论 -
vue 初始学习
1.vue基础2.vue helloworld3.vue demo4.vue 开发者工具5.最终效果图:完成简单登录注册和vue 调式。相关gitlub 地址:原创 2020-02-20 14:46:04 · 161 阅读 · 0 评论 -
vue helloworld
1安装node环境https://www.jianshu.com/p/dd7fbb101fc0这里需要本地的文件中~用户目录下使用淘宝mirror.按照提示vue 程序,npm run serve不是server.2更改对应的文件2.1.参考博文:hello wolrd的例子:https://blog.youkuaiyun.com/qq_38738510/a...原创 2020-02-19 19:52:28 · 227 阅读 · 0 评论 -
Jquery 绑定事件和动画效果
绑定事件bind(type,data,fuc)one(type,data,fuc) //只执行一次常见事件类型名称 含义blur 失去焦点focus 获得焦点load 加载resize 重置大小scroll 滚动unload 卸载click 点击dblclick 双击mousedown...原创 2020-02-15 18:46:58 · 162 阅读 · 0 评论 -
trigger("reloadGrid") 只是执行一个1次的方法:
中断的代码: function refreshGrid(ids){ // alert("ids 类型="+typeof(ids)); // alert("执行refresh begin "); $("#campusCardGrid").jqGrid('clearGridData'); //清空表格 alert("执行 clear 语句 "); ...原创 2019-12-09 16:34:27 · 2874 阅读 · 0 评论 -
JS 方法传递
1.主界面和子界面进行参数传递的方法2.作为参数传递原创 2019-12-09 15:12:12 · 333 阅读 · 0 评论 -
一般业务流程式开发——高效工作,及时反馈
上午完成一个流程逻辑。先提供流程思路,时间段明细开发,下午完成一个流程逻辑。根据流程图完成对应的业务逻辑。身份授权的流程分析,在流程中review难点和问题点,参见问题点的解决方案。1.沿用之前的思路流程逐步解决问题点。2.遇到了难点:1.前台传送的数值无法被后台接收,如何按照合适的格式传输数据问题,以及控件时候支持这种类型方式。 后来想到了...原创 2019-11-27 22:57:48 · 197 阅读 · 0 评论 -
前后台传参的方法
前后台存储交互的方法:1,JSON方法:1.前台传送JSON2.request json3.后台直接获取json存储。2.前台传参: url: _ctx+"/rdp/door/door/query", type: 'get', data : {ctl : ctl,zoneid:zoneid,doorname:doornam...原创 2019-11-27 11:02:22 · 182 阅读 · 0 评论 -
JS Invalid date 日期不合法问题,无法加载yyyy-mm-dd
1.一天的工作主要是配合测试。整理配置工具。并及时反馈问题。远程工具的使用,注意CICD的使用。有时间把打包,CICD环境做起来。2.当日期中出现Invalid date ,请检查的对应的月份,和天数的关系,难点解决:思路1:无思路2:采用分割字符串的方式解决。var dtFormatter = function (cellValue...原创 2019-11-26 19:26:37 · 4367 阅读 · 0 评论 -
解决开发日志查询问题
还是按照解决问题的思路完成,每30分钟解决不掉时,及时更换思路。思路1:利用框架提供的控件,自动调用后台服务进行查询,但是出现不合法的月份处理。这个问题我没有解决掉。果断放弃,采用思路2:思路2:一般思路前台传送数值,控制层拼凑出SQL字符串,到后台查询。遇到的问题:前后台传送的JSON数值,我后台没有渠道,经过解决debug比较之后,发现是第一次才执行的...原创 2019-11-25 20:14:58 · 168 阅读 · 0 评论 -
JS的编译目录存放位置
都存放在class目录下面了:原创 2019-11-20 10:30:56 · 214 阅读 · 0 评论 -
Audio
如何调整Audits,原来的Audis的功能:有朋友反馈,Audits卡了,没有反应,是因为谷歌浏览器的Audits这个功能需要能访问谷歌网站才能正常使用:(墙...原创 2019-11-19 11:18:29 · 136 阅读 · 0 评论 -
如何调整界面和布局:
主题的解决思路还是一致的,不过要主要debug的方式,检查元素-》页面编辑元素等。原创 2019-11-19 10:33:53 · 145 阅读 · 0 评论 -
被这个循环坑了,变量一致引起的死循环
for(var i=0;i<objA.length;i++){ //调试有问题 pid = objA[i]['zoneid']; ...原创 2019-11-14 17:37:03 · 132 阅读 · 0 评论 -
遇到一个问题:
处于开发模式可非开发模式竟然不一样,不知道原因出在哪里?原创 2019-11-13 20:36:37 · 121 阅读 · 0 评论 -
JSP中全局 IP的设置
JSP中全局IP的设置原创 2019-11-12 20:59:33 · 232 阅读 · 0 评论