
前端
前端知识点分享
凌云说
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS固定表头
CSS固定表头<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <ti原创 2020-08-08 15:06:41 · 297 阅读 · 0 评论 -
window.showModalDialog()用法
1.定义window.showModalDialog()用来创建模态对话框语法为:vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]);参数:(1)sURL :指定对话框要显示的文档的URL,字符串,必填(2)vArguments:要向对话框传递的参数,变体(数组、变量等),选填(3)sFeatures:生成对话框的外观信息,字符串,选填参数含义说明dialogHeight对话框高原创 2020-08-05 11:37:39 · 11464 阅读 · 0 评论 -
Window open方法
定义和用法open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。语法window.open(*URL,name,specs,replace*)参数说明URL可选。打开指定的页面的URL。如果没有指定URL,打开一个新的空白窗口name可选。指定target属性或窗口的名称。支持以下值:_blank - URL加载到一个新的窗口。这是默认_parent - URL加载到父框架_self - URL替换当前页面_top - URL替换任何可加载的框架集nam原创 2020-08-05 11:06:37 · 318 阅读 · 0 评论 -
JS获取网页屏幕宽度和高度
网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollHeight网页被卷去的高: document.body.sc原创 2020-08-05 10:55:10 · 131 阅读 · 0 评论 -
transform的使用方法
transform的含义是:改变,使…变形;转换在排版当中去合理的使用transform会使我们的排版看起来高大上那么一点。接下来给大家介绍一下这个神奇的小东西都有什么属性会有什么效果。1.旋转rotaterotate:通过指定的角度参数对原元素指定一个效果。如果设置的值为正数表示顺时针旋转,如果设置的值为负数,则表示逆时针旋转。如:transform:rotate(30deg);2.移动translatetranslate() 根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动原创 2020-08-03 16:14:41 · 18647 阅读 · 3 评论 -
Vuex详细教程
1.认识Vuex1.1Vuex是做什么的官方解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用 集中式存储管理 应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。状态管理到底是什么?状态管理模式、集中式存储管理这些名词听起来就非常高大上,让人捉摸不透。其实,你可以简单的将其看成把需要多个原创 2020-08-01 08:56:37 · 438 阅读 · 0 评论 -
Vue Router详细教程
1.什么是路由1.1路由简介说起路由你想起了什么?路由是一个网络工程里面的术语。路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动。 — 维基百科额,啥玩意? 没听懂。在生活中,我们有没有听说过路由的概念呢? 当然了,路由器嘛。路由器是做什么的? 你有想过吗?路由器提供了两种机制: 路由和转送。路由是决定数据包从来源到目的地的路径。转送将输入端的数据转移到合适的输出端。路由中有一个非常重要的概念叫路由表。路由表本质上就是一个映射表,决定了数据包的指向。1.2后端路由阶段原创 2020-07-31 10:08:42 · 1567 阅读 · 0 评论 -
Vue CLI使用
1.Vue CLI介绍如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI。如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI,使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作,那无疑效率比较低效,所以通常我们会使用一些脚手架工具来帮助完成这些事情。CLI是什么意思CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架.Vue CLI是原创 2020-07-30 22:55:07 · 362 阅读 · 0 评论 -
Cannot set property ‘branchdata‘ of undefined
今天在使用axios时,向服务器发送请求然后将返回的数据赋值给branchdata时控制台报了这样的错Cannot set property 'branchdata' of undefined代码如下:this.$axios .get('/demo/org-info/get-branchorg') .then(function(res) { this.branchdata = res.data.body; console.log('------------------原创 2020-07-27 17:34:48 · 363 阅读 · 0 评论 -
关闭Vue Eslint语法检查
在使用VScode编辑器vue开发过程中,v-for在Eslint的规则检查下出现报错:Elements in iteration expect to have ‘v-bind:key’ directivesEslint规则检查显示如下:报错信息如下:[eslint-plugin-vue][vue/require-v-for-key]Elements in iteration expect to have ‘v-bind:key’ directives.这是因为我们安装了ESLint插件,对vu原创 2020-07-27 16:35:49 · 736 阅读 · 0 评论 -
Webpack前世今生
在正式介绍Webpack之前,先给大家说明一下前端为什么需要模块化1.为什么需要模块化1.1JS原始功能在网页开发的早期,js制作作为一种脚本语言,做一些简单的表单验证或动画实现等,那个时候代码还是很少的。那个时候的代码是怎么写的呢?直接将代码写在<script>标签中即可。随着ajax异步请求的出现,慢慢形成了前后端的分离,客户端需要完成的事情越来越多,代码量也是与日俱增。为了应对代码量的剧增,我们通常会将代码组织在多个js文件中,进行维护。但是这种维护方式,依然不能避免一些灾难性的.原创 2020-07-22 09:52:05 · 365 阅读 · 0 评论 -
Vue组件详解
1.什么是组件化人面对复杂问题的处理方式:任何一个人处理信息的逻辑能力都是有限的所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容。但是,我们人有一种天生的能力,就是将问题进行拆解。如果将一个复杂的问题,拆分成很多个可以处理的小问题,再将其放在整体当中,你会发现大的问题也会迎刃而解。组件化也是类似的思想:如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展。但如果,我们讲一个页面拆分成一个个小的功能块,每个原创 2020-07-20 09:52:47 · 1619 阅读 · 1 评论 -
什么?字符串为空?
在做前端项目中经常会遇到字符串的处理操作,在处理之前需要判断字符串是否为空,字符串为空的情况有很多,今天来总结一下该如何进行判断1.if(!value)当字符串为null,undefined,NaN,0,false,""这几个时,if(value)的结果都为false,if(!value)包含了我们常见的空值情况,如果你想要简便的方式,便可以使用它2.单个条件的判断2.1:undefined只能用 === 运算来测试某个值是否是未定义的if(a===undefined){ alert.原创 2020-07-17 20:35:22 · 440 阅读 · 0 评论 -
Vue模板语法
1.插值操作1.1Mustache如何将data中的文本数据,插入到HTML中呢?我们已经学习过了,可以通过Mustache语法(也就是双大括号)。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../js/vue.js"></script> </head> &原创 2020-07-16 11:25:09 · 518 阅读 · 0 评论 -
邂逅Vue.js
1.简单认识一下Vue.jsVue (读音 /vjuː/,类似于 view),不要读错。Vue是一个渐进式的框架,什么是渐进式的呢?p渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交互体验。或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统。比如Core+Vue-router+Vuex,也可以满足你各种各样的需求。Vue有很多特点和Web开发中常见的高级功能解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM原创 2020-07-14 09:51:58 · 197 阅读 · 0 评论 -
JS将数字格式化成金融数字样式(千位分隔符,三位一个逗号间隔)
现在有这样一个需求客户想要这个111222333444数字显示成这样111,222,333,444,即3个数字通过,分割,这也是金融上面经常出现的数字格式我们需要两步操作:第一步首先你得把得到的数据转成数字,然后调用toLocaleString()方法://语句parseInt('11123123231.3213').toLocaleString();//千位分隔符//结果"11,123,123,231"...原创 2020-07-08 09:33:15 · 1015 阅读 · 0 评论 -
JS身份证合法性校验完全版
JS身份证合法性校验完全版<script> //身份证号合法性验证 //支持18位身份证号 //支持地址编码、出生日期、校验位验证 function IdentityCodeValid(code) { var city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江 ", 31: "上海", 32: "江苏", 33: "浙江"原创 2020-07-07 19:12:53 · 252 阅读 · 0 评论 -
layui中laydate的使用——动态时间范围设置
应用场景需求分析发起时间的默认最大可选值为当前日期发起时间从,的最大可选日期为,发起时间至选中的日期发起时间至,的最小可选日期为,发起时间从选中的日期单击重置时,发起时间从,发起时间至,的时间范围限制恢复为默认情况,即清空动态变化比如:当前时间为2018.08.31,发起时间从,发起时间至,默认最大可选日期为2018.08.31,如果发起时间从,选择了2018.08.29,那么发起时间至,可选范围变成29号到31号;如果发起时间至选择了27号,那发起时间从的可选最大值不再是31号,而是变成转载 2020-07-07 19:11:21 · 1853 阅读 · 0 评论