为您找到搜索结果：2365个
React、Vue、AngularJS、Bootstrap、EasyUI 、AntDesign、Element理解
工作后接触了React、Vue、AngularJS、Bootstrap、EasyUI、AntDesign、Element，项目中使用过的只有Vue、Bootstrap、EasyUI、Element，当时都认为是不同的前端框架。其实还是有区别的。 框架是一个可复用的设计构件，它规定了应用的体系结构，阐明了整个设计、协作构件之间的依赖关系、责任分配和控制流程，表现为一组抽象类以及其实例之间协作的方法，框架的关键还在于框架内对象间的交互模式和控制流模式。应用框架强调的是软件的设计重用性和系统的可扩充性,以缩短大型应用软件系统的开发周期，提高开发质量。简单说就是使用别人搭好的舞台，你来做表演。 所以从框架意义上来说，React、Vue、AngularJS、Bootstrap、EasyUI、AntDesign、Element都属于框架，但是他们的侧重点不同，React、Vue、AngularJS不仅仅提供全套UI组件还有一些数据驱动功能；而Bootstrap、EasyUI 提供一些基本的ui控件封装，只是布局，属于UI层面。AntDesign、Element是针对于React、...
Vue开发中cnpm,yarn,npm,nodejs 区别与关系
yarn是Facebook公司出品的用于管理nodejs包的一款软件。yarn是为了弥补npm的一些缺陷而出现的，建议使用yarnnpm是随同nodejs一起安装的包管理工具。cnpm是淘宝npm镜像，更快。一、安装yarn1、安装node2、安装yarnnpminstall-gyarn3、切换淘宝镜像yarnconfigsetregistryhttps://registry.npm.taobao.org这样安装完就可以使用yarn了二、yarn和npm常用对比功能yarnnpm初始化yarninitnpminit 安装依赖yarninstall或者yarnnpminstallpnpminstall新增依赖yarnaddelement-ui npminstallelement-ui--savepnpmielement-ui删除依赖yarnremoveelement-uinpmuninstallelement-ui--save…更新依赖yarnupgradenpmupdatepnpmupdate全局安装或删除yarnglobalremovevue-clinpmunin...
vue.js开发前为什么要安装node.js
一、概述我们使用Vue.js一定要安装node.js吗？准确的说是使用vue-cli搭建项目的时候需要nodejs。你也可以创建一个 .html 文件，然后通过如下方式引入Vue，一样可以使用Vue。<!--开发环境版本，包含了有帮助的命令行警告--><scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>但是使用node是比较方便的，打包部署，解析vue单文件组件，解析每个vue模块，拼在一起等，启动测试服务器localhost,帮你管理vue-router，vue-resource这些插件。所以通常情况下我们会使用Vue+node方式，方便省事。二、vue推荐开发环境Node.js:javascript运行环境(runtime),不同系统直接运行各种编程语言npm:Nodejs下的包管理器。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像（http://npm.taobao.org/）webpack:它主要的用途是通过CommonJS的语法把所有...
Winform自定义无边框窗体
目的：1、将窗体设置成无边框，如下面效果图2、该无边框窗体添加了窗体放大、缩小（可以根据需要只能横向放大缩小 或者 竖向放大缩小）的功能 PointvPoint=newPoint((int)m.LParam&0xFFFF,(int)m.LParam>>16&0xFFFF);vPoint=PointToClient(vPoint);if(vPoint.X<=5){ if(vPoint.Y<=5) { m.Result=(IntPtr)GuyingHtTopLeft; } else { m.Result=vPoint.Y>=ClientSize.Height-5?(IntPtr)GuyingHtBottomLeft:(IntPtr)GuyingHtLeft; }}elseif(vPoint.X>=ClientSize.Width-5){ if(vPoint.Y<=5) { m.Result=(IntPtr)GuyingHtTopRight; } else { m.R...
vue报错getVueAllUser:67 Uncaught TypeError: Cannot read property 'userId' of undefined
这个弄了半天，最后发现是因为我修改了这个值，才报的错，改成这样就可以了 ...
vue实现excel导出
利用vue实现Excel导出，因为ajax必须有返回，而导出excel是没有返回的，并且还在api中实现导出具体逻辑，所以就用下面的方式实现了代码实例：beginExport(v){console.log(v);varparam=Object.assign({},v);//v是一个对象，将所有可枚举属性的值从一个或多个源对象复制到目标对象letparamStr=``;//let为es6新增的用来声明的变量，但是和var又不一样，let只在let所在的代码块有用，外面是会错的。console.log(param);for(let[k,v]ofObject.entries(param)){//返回一个给定对象自身可枚举属性的键值对数组，有点类似foreach遍历，object.entries返回的就是我们平常用的数据，只是这里是对象。paramStr+=`${k}=${v}&`}console.log(paramStr);window.location.href='/api/complaint/export-fund-cash-order?'+paramStr;},我是后端，但是我...
vue-element简单使用
背景，因为公司对接的平台较多，不同的平台的问题也比较多，所以整理了常见的问题点形成后台工具给客服使用，这样就减少了人力消耗。但是因为公司前端忙不过来，所以有我这个后端人员来前后端一起处理。之前都是原生php写的前端代码，而且也写过小程序，所以这里我就研究了下前端的vue的element框架来处理。直接上代码吧一、后台因为vue的特殊规定需要后台传递对象，即[{},{},{}]{}中的数据其实就是我们php常用的数组如下面的实际数据结构{code:"000000",data:[{psnl_id:"81899211010382",psnl_state:"1",psnl_name:"线下",cert_no:"310106199407309921",…}],message:"请求成功"}二、jsdefine(["lib/ajax"],function(ajax){//这里是我们前端封装的调用varappName="#"+$(".app-name").attr("data-path");newVue({el:appName,data:function(){return{form:{id_cash...
仅显示INPUT下边框
最近在倒腾前端的页面，在某次的需求中我想要这样的一个效果——仅显示INPUT输入框的下边框，和我想象的编写方式不一致，每个标签都有其对应的默认样式，不同的浏览器也有其不同的渲染方式，当然这些知识现在我还没有完全掌握，所以，下面简单记录一下我采用的一种简单实现方式以备后用。 1：渐进式实现的代码<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>仅显示INPUT标签的下边框</title></head><body><input>默认效果<br><hr><inputstyle="border-left-width:0px">设置左边框宽度为0<br><hr><inputstyle="border-top-width:0px">设置上边框宽度为0<br><hr><inputstyle="border-right-widt...
vuex中mapGetters的使用及简单实现原理
一.项目中的mapGetters在Vue项目的开发过程中必然会使用到vuex，对vue项目公用数据进行管理，从而解决组件之间数据相互通信的问题，如果不使用vuex，那么一些非父子组件之间的数据通信将会变得极为繁琐。1.这里首先说下项目中mapGetters的使用先看下store部分目录结构index.js文件importVuefrom'vue'importVuexfrom'vuex'importbookfrom'./mudules/book'importgettersfrom'./getters'Vue.use(Vuex)exportdefaultnewVuex.Store({modules:{book},getters})book.js文件constbook={state:{number:1},mutations:{SET_NUMBER:(state,number)=>{state.number=number}},actions:{setNumber:({commit,state},number)=>{//console.log(state.number,number)r...
vuex里mapState,mapGetters使用详解
一、基本用法1.初始化并创建一个项目123vueinitwebpack-simplevuex-democdvuex-demonpminstall2.安装vuex1npminstall vuex-S3.在src目录下创建store.js文件，并在main.js文件中导入并配置store.js中写入1234importVuefrom'vue'//引入vuex并useimportVuexfrom'vuex'Vue.use(Vuex)main.js文件12345678910importVuefrom'vue'importAppfrom'./App.vue'importstorefrom'./assets/store' //导入store对象 new Vue({ //配置store选项，指定为store对象，会自动将store对象注入到所有子组件中，在子组件中通过this.$store访问该store对象 store, el:'#app', render:h=>h(App)})4.编辑store.js文件在应用...
vue 父子组件的方法调用
$emit子组件触发父组件的方法：<!--子组件--><template><divid="child"><button@click="tryToParent">click</button></div></template><script>exportdefault{name:'child',methods:{tryToParent(){//通过$emit进行触发//第一个参数为父组件监听的事件名，后续参数为父组件方法的参数this.$emit("toParent","我从子组件传来")}}}</script><!--父组件--><template><divid="parent"><!--监听child的toParent事件广播，用fromChild进行处理--><child@toParent="fromChild"></child></div></template><script...
vue把localhost改成ip地址无法访问—解决方法
打开package.json文件，找到下面的代码"scripts":{"dev":"webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js","start":"npmrundev","build":"nodebuild/build.js"},改成"scripts":{"dev":"webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js--host192.168.0.114","start":"npmrundev","build":"nodebuild/build.js"},host后面是你的ip地址。可以用草料生成二维码，这样就可以用手机访问啦...