前端框架开始学习Vue(二)

1 根据关键字实现数组的过滤 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css3.3.7/bootstrap.css"/> </head> <…

初步安装.与搭建 https://www.cnblogs.com/yanxulan/p/8978732.html ----如何搭建一个vue项目安装 nodejs,,, npm i == npm install 默认安装当前目录下package.json内的[‘devDependencies’,‘dependencies’]的模块,, 当使用npm install --production或者注明NODE_ENV变量值为production时,只会下载dependencies中的模块 d…

前端框架开始学习Vue(一)

MVVM开发思想图(图片可能会被缩小,请右键另存查看,图片来源于网络) 定义基本Vue代码结构 1 v-text,v-cloak,v-html命令默认 v-text没有闪烁问题,但是会覆盖元素中原本的内容,插值表达式只会替换自己的占位符, <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> &…

前端框架Easyui学习积累

前端框架Easyui学习积累 1.easyui textbox 赋值:$("#id").textbox("setValue","xx"); 2.esayui datebox formatter之后要parser,否则不论点击什么时间都会显示当前日期: $.datebox({formatter:function(date){},parser:function(s){}}) 3. easyui给控件setValue操作,使用此方式:$("i…

前端框架——BootStrap学习

BootStrap简单总结下:1.栅格系统,能够很好的同时适应手机端和PC端(及传说中的响应式布局) 2.兼容性好接下来是对BootStrap学习的一些基础案例总结和回顾: 首先引入:bootstrap.min.css,jquery.js,bootstrap.min.js文件解决兼容手机端代码,下面的代码中如果没有注意加上.  <meta name="viewport" content="width=device-width,…

前端框架对比之vue与regular(一)

每次一写到Regular总是忍不住先介绍一下,Regualr是网易杭州研究所的一位叫郑海波的大神写的一款前端框架,目前这款框架推广的不深,加上其和angular过于相似的框架名,导致接受力并不大,其实Regular这款框架在我看来已经很完善了.在网易呆了一段时间,写的几个项目都是用的Regualr,在之前我主要是用vue比较多, 所以开发过程中总忍不住将这两个框架进行对比.本文主要对实际开发代码进行对比,我个人是认为各有千秋,具体的请大家自行判断. 一.插值 1)文本插值: r…

前端框架——AmazeUI学习

AmazeUI官网: http://amazeui.org/ 前后台模板下载:链接:链接:http://pan.baidu.com/s/1c2uVfk0 密码:zuva 十大前端框架参考链接:http://www.cnblogs.com/kingboy2008/p/5261771.html…

最受欢迎的前端框架 —— Bootstrap学习

Bootstrap是Twitter的Mark Otto和Jacob Thornton开发的,是目前最受欢迎的前端框架,它简单灵活,使得Web前端开发更加快捷方便. 首先,要基本掌握Bootstrap框架:Bootstrap基本结构.Bootstrap CSS.Bootstrap 布局组件.Bootstrap 插件,以及用LESS实现定制. Bootstrap的特点: 响应式布局设计:布局自动适应设备尺寸(但是移动设备优先). 移动设备优先:从Bootstrap 3起,移动设备优先的样式,贯穿整个…

前端小白webpack学习（二）

前一篇写了自我总结的webpack定义:为JavaScript服务的静态模块打包器和几大基本概念 entry.output.plugins.loaders等.指路前端小白webpack学习(一) 下面开始webpack的具体使用. webpack使用创建新项目,项目目录如下. src目录下存放项目源码,index.html作为项目入口: dist目录存放打包好的文件 2.webpack安装 webpack安装分两种: 全局安装 npm i webpack webpack-cli -g 项…

Reactive UI -- 反应式编程UI框架入门学习（二）

前文Reactive UI -- 反应式编程UI框架入门学习(一) 介绍了反应式编程的概念和跨平台ReactiveUI框架的简单应用. 本文通过一个简单的小应用更进一步学习ReactiveUI框架的使用和整体布局,并对比与MVVMLight的不同之处. 应用的功能很简单,读取本地计算机的所有盘符,并通过选定盘符展示该盘符下的所有文件夹的名称和创建时间. 首先新建一个工程,本文使用的是.Net6.0,并添加两个Nuget包:ReactiveUI.WPF,ReactiveUI.Fody. Reac…