前端框架

　　 在决定做前端之前，以前蛮幻想自己未来可以成为后端工程师的，也写了很多很多的demo，但是，在spring这个生态圈里，我渐渐发觉自己的不适，我的进阶总是比别人慢，从开始的浓厚兴趣到现在的渐渐反感，真的很糟糕、难受，作为一个将要步入社会养活自己的成年人，时间等不及我了；那时候，我还是在徘徊，做规划，熬夜，继续学习，但是，我还是把生活处理得很糟糕，可能，自己太着急了，也太情绪化了... 　　其实迷茫是在指引改变 　　 　　没有改变就会失去机会 　　 　　我反省了自己，当务之急，我应该是跳出舒适圈，适应社会的情况，努力让自己强大，让自己独立起来。 　　后来，看过很多的文章，我渐渐了解到新颖的前端框架，自己也觉得前端可以快速上手，市场需求也多，对于我这种刚入坑的萌白，或许，这也是个好的方向吧，但是，前端要做好也是不容易的，毕竟制作的需求面向客户，面向每一位使用者，需要掌握的也是蛮多的。 　　目前，自己的走向是学习一个vue框架，学习node的后台框架koa2，数据库走向是mysql和mongodb，这两个都行，还要学习typescript，听说很多大厂的大佬都是用typescript写别人看不懂的代码，虽然，自己还不了解，但是，还是蛮期待的，还有就是不忘初心继续刷算法题。 　　每个人的未来是未知的，每个人都是极具潜力的，每个人的精彩都是与众不同的，每个人都希望自己的青春可以耀眼起来

前端框架 Easyui 学习积累 1.easyui textbox 赋值：$("#id").textbox("setValue","xx"); 2.esayui datebox formatter之后要parser，否则不论点击什么时间都会显示当前日期: $.datebox({formatter:function(date){},parser:function(s){}}) 3. easyui给控件setValue操作，使用此方式：$("input[name=workno]").textbox("setValue","xx"); 报错原因：筛选器筛选出多个dom元素，不知道给哪个setvalue，故报错，直接采用id选择器即可：$("#workno").textbox("setValue","xx"); 4. easyui 新增行的时候，row : {} 数据对象不能跟其他行引用一个，否则会造成多行共用同一行数据的现象，比如修改第二行的值，第一行的值跟着变，第二行一整行数据的值跟第一行相同（复制现象），这种现象导致的原因正是因为两行row引用同一个数据对象。 5. easyui datetimebox:在ie浏览器不兼容处理办法 formatter：是格式化时间 parse：是对格式化的时间进行解析，ie浏览器应该是解析的时候出现问题故采用以下方法： parser:

软件工程每周博客： 本周二我们进行了小组会议，对正在做的评课网站——海大优选进行了整体分析和明确分工。首先我们对整体网页进行了需求分析和框架分析，然后进行了分工，前端同学两人，后端同学两人，文档同学一人，调试同学一人。我们根据每个同学的能力进行了自我选取，并要求前端同学需做出基本界面和大致框架，然后要求其他同学整理今日所做的需求分析，确定在本周六进行第二次会议。 在本周六我们进行了第二次会议，会议主题根据前端同学所作出的简单界面去做框架分析，比如登陆界面，主界面，导航栏以及主界面所需功能。大家在主页面的框架方面产生了不一致的看法，不同想法主要有注重于搜索还是注重于内容。最终大家经过了足量的分析和对其他优秀网站的界面分析得出我们注重于内容的想法，然后分配了前端的任务并约定在下周二再继续开会商议。 来源： https://www.cnblogs.com/QAQ2333/p/11882790.html

.NET Core前后端分离快速开发框架(Core.3.0+AntdVue) 目录 引言 简介 环境搭建 开发环境要求 基础数据库构建 数据库设计规范 运行 使用教程 全局配置 快速开发 管理员登录 系统用户管理 系统角色管理 权限管理 接口秘钥管理 系统日志 单库事务 跨库事务 读写分离分库分表 常见疑问 如何进行联表查询 如何切换数据库类型 如何使用多个数据库 引言 时间真快，转眼今年又要过去了。回想今年，依次开源发布了 Colder.Fx.Net.AdminLTE(254Star) 、 Colder.Fx.Core.AdminLTE(335Star) 、 DotNettySocket(82Star) 、 IdHelper(47Star) ，这些框架及组件都是本着以实际出发，实事求是的态度，力求提高开发效率（我自己都是第一个使用者），目前来看反响不错。但是随着前端和后端技术的不断变革，尤其是前端，目前大环境已经是前后端完全分离为主的开发模式，在这样的大环境和必然趋势之下，传统的MVC就显得有些落伍了。在这样的背景下，一款前后端分离的.NET开发框架就显得尤为必要，由此便定了框架的升级目标： 前后端分离 。 首先后端技术的选择，从目前的数据来看，.NET Core的发展远远快于.NET Framework，最简单的分析就是Colder.Fx.Core

前端主流框架(目录) Bootstrap Vue.js Angular 1 一、Bootstrap Bootstrap是一个用于使用HTML，CSS和JS进行开发的开源工具包。使用我们的Sass变量和mixins，响应式网格系统，广泛的预构建组件以及基于jQuery构建的强大插件，快速构建您的想法或构建整个应用程序。 目前是v4.1.2 二、Vue.js Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 三、Angular 1 AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。 AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。 制作电脑软件所用的软件（Electron） 使用JavaScript，HTML和CSS构建跨平台桌面应用程序 React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台

1.导入插件 layui使用需要导入layui的js和css: <link rel="stylesheet" href="layui/css/layui.css" /> <script src="layui/layui.js"></script> 2.详细介绍 依赖layim模块： layui.use('layim', function(layim){ var layim=layui.layim; }) 参考网址： https://www.layui.com/doc/modules/layim.html 来源： https://www.cnblogs.com/zys2019/p/11877016.html

vue项目搭建和项目目录介绍、组件、路由 Vue项目环境搭建 1.安装node，官网下载，安装到本地 官网下载安装包，傻瓜式安装：https://nodejs.org/zh-cn/ 2.下载node后，便能获得npm（npm相当于一个应用商城，与后端python中的pip类似） 由于使用npm下载插件是用的外网，下载速度慢，所以建议换源安装 cnpm （cmd窗口下进行换源） >: npm install -g cnpm --registry=https://registry.npm.taobao.org 3.换源安装cnpm后，下一步下载 脚手架 >: cnpm install -g @vue/cli 注：如果在第二或第三步安装失败时，可先清空 npm缓存后，再重复执行下载，清空缓存如下： >: npm cache clean --force Vue项目搭建 1.先将cmd切换到要下载的指定目录下（如下:表示将创建的项目存在桌面上) >:cd Desktop 2.创建项目 >:vue create 项目名 3.项目初始化，需要按步骤选择环境配置，按照如下配置即可 pycharm配置并启动vue项目 1.项目创建好后，用pycharm打开 2.添加配置npm启动，点击 + 号，找到 npm ，按下方配置 Vue项目目录介绍 ├── v-proj | ├── node_modules

1.导入插件 layui使用需要导入layui的js和css: <link rel="stylesheet" href="layui/css/layui.css" /> <script src="layui/layui.js"></script> 2.简单示例 <div class="layui-inline"> <input type="text" class="layui-input" id="test"> </div> <script> layui.use('laydate', function(){ var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '#test' //指定元素 }); }); </script> 3.详细介绍 需要依赖laydate模块： layui.use('laydate', function(){ var laydate = layui.laydate; )} 3.1 设置基础参数 laydate.render(options) 3.2 绑定元素 elem，类型： String/DOM ，默认值： 无。是 必填项，用于绑定执行日期渲染的元素，值一般为选择器，或DOM对象。 laydate.render({ elem: '#test' //或 elem:

队名：观光队 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 完成服务器连接数据库部分代码 展示GitHub当日代码/文档签入记录 接下来的计划 服务器网络请求，vue使用。 还剩下哪些任务 服务器网络请求，vue使用。 燃尽图 遇到了哪些困难 1、服务器网络请求。 2、vue使用。 有哪些收获和疑问 1、收获：加深对网络请求的理解。 2、疑问：vue使用。 陈超颖 过去两天完成了哪些任务 文字/口头描述 完善短租车后端接口部分代码、博客撰写 展示GitHub当日代码/文档签入记录 接下来的计划 与前端、数据库连接，完善接口 还剩下哪些任务 与前端、数据库连接，完善接口 燃尽图 遇到了哪些困难 怎么在完成的接口框架加入数据 有哪些收获和疑问 1、收获：emmm...硬要说的话就是通过看团队数据库的代码，对数据库有更深的了解吧。 2、疑问：怎么在完成的接口框架加入数据 沈梓耀 过去两天完成了哪些任务 文字/口头描述 接受任务分配,学习新知识 展示GitHub当日代码/文档签入记录 接下来的计划 学习网络请求和接口 还剩下哪些任务 代码实现 燃尽图 遇到了哪些困难 代码的学习 有哪些收获和疑问 语法的学习比较吃力 滕佳 过去两天完成了哪些任务 文字/口头描述 把普通项目改成uniapp项目 展示GitHub当日代码/文档签入记录 接下来的计划

子组件补充 子组件案列 <!DOCTYPE html> <html lang="en"> <head> <meta charset='UTF-8'> <title>子组件案例</title> <style> .wrap { width: calc(200px * 4 + 80px); margin: 0 auto; user-select: none; } .box { width: 200px; height: 360px; /*border: 1px solid black;*/ background-color: rgba(10, 200, 30, 0.5); border-radius: 10px; float: left; margin: 10px; } .box img { width: 100%; /*height: 200px;*/ border-radius: 50%; /*width:10%;*/ /*height:15%;*/ float:right; /*margin-left:20px;*/ } .b1{ text-align: center; } </style> </head> <body> <div id="app"> <div class="wrap"></div> <my-tag1 ></my-tag1> <my-tag2 ></my-tag2>