Web攻城狮-前端-CSDN博客

原创 ES6 利用...(扩展运算符)合并数组

ES5合并数组的方式之一如下：varparam=['hi',true,666]varother=[1,2,3].concat(param)console.log(other)//打印下看看ES6合并数组：varparam=['hi',true,666]varother=[1,2,3,...param]//运算符...console.log(othe...

2020-02-03 22:03:59 1758

原创 map()方法返回新数组

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。如果需要在原数组基础上生成一个新数组，map方法是一个很好的选择，比如：letevens=[1,2,3,4,5]letodds=evens.map(v=>v+1)console.log(evens,odds) //打印...

2020-02-03 21:31:38 5612 1

原创 vue项目中使用echarts图表，图表需根据不同搜索条件重新渲染，问题是图表并没有完全重新渲染

vue项目中使用echarts图表，图表需根据不同搜索条件重新渲染。问题：图表并没有完全重新渲染，或者说渲染后图表中还会看到上一次的数据。假如上一次渲染出十条数据，这次渲染出六条数据，但是显示的还是十条，前六条是本次渲染内容，后四条是上次渲染的后四条数据。这样看来，肯定是重新渲染前需要清空数据的问题，但是数据置空的代码写了还是没能达到理想的效果。下面是画图方法：drawLine()...

2019-08-14 11:37:06 2757 1

原创 Vue 父组件向子组件传递动态参数，子组件如何实时更新

项目问题介绍：父组件中填入各种查询条件，点击查询按钮查出符合条件的数据。其中，数据列表是引入的子组件。第一次加载的时候，子组件数据正常显示，再次查询的时候子组件怎么实现实时更新呢？解决办法：子组件watch中（监听）父组件数据的变化以自己的项目为例：父组件：这是父组件中如何引用的子组件。testParams是我需要传过去的参数对象。参数名是params。子组...

2019-08-05 16:20:44 11047 1

原创 JS一些实用方法介绍（hasOwnProperty()、Array.isArray()、Object.entries()、Reflect.set()）

1.hasOwnProperty()hasOwnProperty()方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性举例：let tempObj ={propName:'666'};tempObj.propName2 ='999'console.log(tempObj.hasOwnProperty('propName'))//返回trueconsole.log(...

2019-07-30 17:39:26 626

原创 CSS calc()函数与单位vh 常见height：100vh

calc() 函数属于CSS3版本内容，用于动态计算长度值。例如：width: calc(100% - 10px)；需要注意的是，运算符前后都需要保留一个空格。calc()函数支持 "+", "-", "*", "/" 运算；举例，给一个div动态设置宽度如下:#divBox { position: absolute; left: 50px; width: calc(100% - 100p...

2019-07-24 16:26:02 12251 1

原创 vue项目中Echarts图表的使用

首先，安装Echarts。npm install echarts --save在入口js文件main.js引入的话得到的是已经加载了所有图表和组件的 ECharts 包，会造成打包体积比较大。所以在这里只介绍按需引入需要的模块。例如在页面中这样引用：method方法：drawLine方法的完整代码如下，可供参考：drawLine(){let myChart = ec...

2019-07-18 17:01:07 241

原创父组件向子组件传递数组格式数据

vue项目中，子组件是一个弹框，需要做父组件中显示此弹框，其弹框内容来自于父组件。父子组件之间的传值通过props来实现。以下以A为父组件页面，B为子组件页面来说明。其中父组件页面调用子组件，v-bind绑定要传递的值tableLabelTest。A页面设置如下：tableLabelTest是动态的，有一个地方给它赋值子组件B页面props接收父组件传过来的数据,子...

2019-07-16 17:49:24 17353

原创 vue 地址栏手动输入权限范围外的路由如何处理 beforeEach跳转路由验证

项目中导航是根据登录人的角色不同，后台返回的菜单导航数据也不同来生成的。假如A角色有userManagement、roleManagement、tagManagement三个权限的路由，B角色有roleManagement、tagManagement两个角色的路由，正常情况下B角色进入网站是看不到userManagement这个页面的，但是如果B角色手动在地址栏输入，如下图所示，还是可...

2019-07-12 17:50:31 2218

原创 vue项目中报： TypeError: Cannot read property 'processed' of null

vue项目中，表格渲染的时候报TypeError: Cannot read property 'processed' of null，processed是我需要渲染的属性。查出的数据是空的时候才会报这个错。所以报错的原因可能就是数据为空，所以获取不到handler_属性值，而我需要的是handler_下的processed的值。所以解决办法就是先判断handler_是否存在，存在就继续渲染...

2019-07-03 18:03:17 4194

原创 Cannot read property 'setCheckedKeys' of undefined

问题：使用element-ui 的tree插件，表格数据点"Edit"给tree回填数据的时候,第一次报TypeError: Cannot read property 'setCheckedKeys' of undefined，但是第二次就不报了。解决办法：在点击Edit弹框后以回调的方式回填，就是等tree加载完成后再回填就不会出现Cannot read property 'setChec...

2019-07-03 12:05:53 3925

原创使用多个element-ui upload 组件上传如何分别给文件命名

项目中有这么一个需求，有多个字段都需要上传文件，所以在before-upload的时候文件名需要区分是哪个字段对应的上传文件。默认的方法中只有一个file信息，如下而我们需要传额外的能标识唯一性的名字，可以如下闭包的方式：item.id 即是我需要的区分标识。方法应该不止这一种，想了解更多可参考https://www.cnblogs.com/steamed-twisted...

2019-05-10 16:57:26 4759 2

原创 Vue 不能动态添加根级别的响应式属性的解决办法

对于已经创建的实例，Vue 不能动态添加根级别的响应式属性。但是有时我们项目中一开始的对象的属性不确定，你可能需要为已有对象赋予多个新属性，比如动态给addForm添加动态属性并实现响应式效果data(){return {addForm:{},}}可使用Object.assign()或_.extend()。在这种情况下，你应该用两个对象的属性创建一个新的对象。...

2019-05-08 13:09:46 2258

原创 vue 如何删除对象的某一条数据

使用vue框架，采用element-ui，在做表格在线编辑的效果时需要删除某一行，这就需要从原来tableData数组对象中产出当前需要删除的条目。方法：handleDelete(index,row){this.tableData.splice(index,1);}参考原文链接：https://blog.csdn.net/qq_35366269/article/...

2019-03-21 10:58:32 13232 1

原创 vue element-ui form表单验证valid undefined

使用element-ui 的form表达验证功能，调试时valid一直是未定义，是自定义表单验证，最后发现问题是没有return 或者callback

2019-03-15 18:19:12 7198

转载给input标签的placeholder属性添加样式

2019-03-12 14:34:31 2281

原创 Vue 中使用UEditor加载方面的问题

在vue中使用UEditor富文本的时候发现一个问题，就是富文本第一次进来能加载出来，转到别的页面再进来就加载不出来了，网上找各种解决办法也没有解决掉，有的人说是activated keep-alive组件激活时再调用可解决，我发现我原来并没有使用keep-alive，后来我在主页面中加上keep-alive，竟然每次都能加载出来了。 ...

2019-02-27 10:53:55 2758

原创 vuex怎么使用

最近在研究vue,其中感觉比较头痛的就是vuex了,引用官网(https://vuex.vuejs.org/zh/guide/)的话:"每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同： Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态...

2018-11-22 16:45:29 161

原创 vue项目打包后index.html文件打开空白

build打包vue项目遇到的问题，如下：1、npm run build打包项目之后，生成的dist文件里面有被压缩后的static文件跟index.html，直接打开index.html页面是空白的，还会报几个错，找不到页面路径。原因：找到config文件下index.js，会发现build下的 assetsPublicPath：' / ' 默认为根目录，而index.html和stat...

2018-11-08 16:42:25 18460 3

原创 vue2.0使用axios发送请求及传参问题

vue2.0初学者使用axios发送请求,一般会自己建立一个请求文件方便自己做测试用,在传参的过程按F12可能会发现参数没有传过去.如果是get请求,传参方式如下(此处以vue 中mothods方法里的函数为例):methods: { loginFun(){ let _this = this; _this.$axios.get('../../../static/tes...

2018-10-08 14:36:45 1076

原创 vue 导航内容设置选中状态样式

如图所示，我们一般需要切换的时候选中导航给个active样式，而router-link 标签在选中的时候会自动给整个标签添加一个 router-link-active的class 可给router-link 标签里面的span、i标签如下设置，非常简单，下面是stylus的写法，不需要的话也可以写成平时的css写法.router-link-active span ...

2018-06-07 14:57:23 6439

原创 VUE项目运行后自动打开浏览器预览

如果想在VUE项目运行后自动打开浏览器预览，设置如下：打开config文件夹下的index.js文件设置autoOpenBrowser: true,

2018-06-07 10:54:23 8409 1

转载 vue页面初始化大小rem，自适应效果设置

window.onload = function(){ getRem(750,100)};window.onresize = function(){ getRem(750,100)};function getRem(pwidth,prem){ var html = document.getElementsByTagName("html")[0]; var oWidth = ...

2018-06-06 18:04:32 9473

原创 vue 项目打包后看不到页面内容

vue 项目打包命令是：npm run build如果打包后打开index.html页面看不到内容，有可能就是路径不对，需要修改config/index.js文件如下： build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths asse...

2018-06-06 15:07:12 5994 2

原创 vue项目中引用样式文件出现： This dependency was not found:

vue项目中引用样式文件出现：This dependency was not found:* common/stylus/index.styl in ./src/main.jsTo install it, you can run: npm install --save common/stylus/index.styl解决办法:在 build\webpack.base.conf.js中resolve...

2018-06-06 15:05:43 19100

原创递归函数用法

function factorial(num) {if(num return 1;}else{return num*factorial(num-1);}}alert(factorial(3)); //6安全起见，上述例子可写成：function factorial(num) {if(num return 1;}else{return num*

2018-01-30 17:03:41 157

原创 JS把数字转换成金额格式

当数字代表金额的时候，而数字又非常大，这个时候常常会吧数字分割成常见的金额显示形式，方便阅读。方法如下：var num = 123444000000.5678；num = num.toFixed(2);num = num.toLocaleString();console.log(num);// 输出123444000000.57 四舍五入后保留小数点后两位

2018-01-26 15:25:25 4961

原创 angular JS 实现增删改查

#myDiv, #myDiv1 { display: none; } table tr:first-of-type { background: #808080; }

2015-11-29 23:20:44 4599

原创页面出现滚动条时会出现抖动现象

页面出现滚动条时会出现抖动现象，就像原本没有滚动条，当点击某个链接时出现滚动条，解决办法如下：html { overflow-y:scroll;}如果只针对火狐，可用body { overflow: -moz-scrollbars-vertical;}

2013-04-19 10:02:23 2738

原创 CSS Hack

解决IE6到IE9 火狐浏览器兼容方案用代码解说#myTest {color：red；}（火狐）#myTest {color：red\9；}(all IE)#myTest {color：red\0；}(IE8)#myTest {+color：red；}(IE7)#myTest {_color：red；}(IE6):root #myTest {color：red\9；}(

2012-11-05 15:13:11 173

原创 Ext js4 页面控件-表格插件

EditTable.html var store = Ext.create('Ext.data.ArrayStore',{ fields:['id', 'name', 'age', 'address',{name:'date', type:"date",dateFormat:'Y-m-d' }],

2012-10-11 17:57:32 385

转载 css+div宽度自适应实例代码

css+div宽度自适应实例代码1.两列固定宽度的布局：css如下：.left{width:300px;height:300px;backgroud:#DEF0BE;float:left;}.right{width:300px;height:300px;backgroud#99CC00;float:left;}2.两列，其中左列宽度固定，右列宽度自适应的布局css如

2012-08-24 17:49:33 591 1

原创 Linq to entity （3.5）左联接问题

在linq to sql 中左联接可以这么写：from q1 in table1join q2 in table2on q1.col equals q2.col into tem_tablefrom q3 in tem_table.DefaultIfEmpty()select new { name1 = q1.col name2 = q3 == null?

2012-07-28 13:37:51 334

原创将linq实时转换为SQL语句

以下简介的语法就能将linq转换为sql，很方便吧？var query = from q in table select q;var sql = (query as ObjectQuery>).ToTraceString();

2012-07-28 13:36:31 1059

原创 CSS Hack

DOCTYPE html> html> head> title>Css Hacktitle> style> #test { width:300pxheight:300px; ;background-color:blue; /*firefox*/background-col

2012-07-28 13:35:49 199

原创关于在JQuery dialog里的服务器控件事件失效问题

关于在JQuery dialog里的服务器控件事件失效问题今天遇到个问题，在dialog中放了服务器端的空间dropdownlist，但是写selectindexchange事件却怎么也触发不了，然后就在网上搜，终于看到有个哥们解决了这个问题，真的谢谢他JQuery会把代码appendTo到body，而不在form里，所以按钮事件无法触发。解决方法：在点击按钮打开Dialo

2012-07-28 13:34:42 760

原创 MVC学习笔记——起始页问题

不小心在MVC项目中设置了起始页，这样导致了项目不能正常启动浏览。解决办法： 1.打开解决方案，右击项目（有个地球形状的带C#的图案）－－选择属性。 2.然后在打开的页面中选择“WEB”项，然后在特定页中修改你要的URL。根据你的问题，只要将特定页改为Home就可以了。也可以置空。

2012-07-28 13:33:56 381

原创批量更改数据库信息

今天维护数据库中写的一些动态更新脚本，留着以后用：--声明变量declare @emp_id nvarchar(100),@zs_no nvarchar(50),@sx_email nvarchar(100),@zs_email nvarchar(100),@name nvarchar(100),@sx_no nvarchar(100)--初始化变量select top 1 @em

2012-07-28 13:33:20 304

原创 rowcommand事件中获取控件

//根据当前按钮生成命名空间 GridViewRow row = (GridViewRow)((e.CommandSource as ImageButton).NamingContainer); string menu_name = (row.FindControl("txtEmptyName") as TextBox).Text

2012-07-28 13:31:57 617