随笔分类 - web前端开发
web前端开发，基础html，js框架服务。
摘要：33、JS基础-ajax_post截止目前，完成了登录，创建和删除，“编辑”这块还是老的信息。打开 a、点击 编辑 =>（内容） => dialogb、内容 => 后端 ajax 页面上 遍历用户时候 button(id)c、jQuery(selector).val(value)d、dialog.m
阅读全文
摘要：32、JS基础-dmodal点击“创建”，不调整新页面操作，直接弹出框操作。modals弹框指示页面：https://v3.bootcss.com/javascript/#modals拷贝代码，父节点在body里面。 <a class="btn btn-primary btn-create-user
阅读全文
摘要：29、JS基础var定义变量数字字符串和Python一样布尔值true和false首字母不大写逻辑判断if () {} else if() {} else{} 借助浏览器console执行操作，见截图。 Console使用操作入门 var age = 30agevar name='kk'nameva
阅读全文
摘要：24、CSS基础HTML 盒模型div spanCSS 选择器， 常见属性值Bootstrap 栅格系统，表单，表格，常用组件。 Div 一个盒子，默认站一行Span 行内元素P 段落元素 为什么需要div？table或者form，每个浏览器都有默认样式，表现不太一样没有默认样式，样式自己定制确保所
阅读全文
摘要：导引 1、为什么要使用vue-cli？ 要从快速构建一个项目说起，当下潮流，构建一个项目，一般都会采用前后端分离的web架构。同时对前端搭建环境提出了更高的要求。 平台无关性、功能更齐全 占内存少、更高效 帮助我们写好Vue基础代码的工具，也是行内通用的工具 2、Vue是前端框架 只需要安装node
阅读全文
摘要：相关代码如下， <!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <title>Starter Template for Bootstrap</title> </head> <body> <div class="cont
阅读全文
摘要：参考文档：https://www.cnblogs.com/yuanchenqi/articles/5980312.html HTML DOM Event(事件) onfocus 元素获得焦点。 //练习：输入框 onblur 元素失去焦点。 应用场景：用于表单验证,用户离开某个输入框时,代表已经输入
阅读全文
摘要：参考：https://jspang.com/post/vuex.html 总结：不要过渡使用vuex，能使用参数传递，尽量使用参数传递。 1、Vuex基本介绍数据仓库，状态管理器。以前是用session操作。 学习基础：Router vue-cli安装：$ npm install vuex --sa
阅读全文
摘要：项目代码部署到码云：https://jingyan.baidu.com/article/c1465413e4fc8b0bfdfc4c6f.html 1、生成本地公钥Administrator@PC201510301022 MINGW64 /i/shares/zhuomian/sell/book_se
阅读全文
摘要：使用IcoMoon生成矢量图标库 1、访问站点：https://icomoon.io/app/#/select 可以上传.svg(Scalable Vector Graphics)格式矢量图,导入到该平台，生成自定义的图标。 由于.svg图片需要Inkscape等专门软件打开，暂不做演示。这里直接选
阅读全文
摘要：矢量图标库操作 1、访问站点：https://www.iconfont.cn/，登录，搜索所需要图标 下面以“测试”图标为例，如下，添加入库。 进入图标库，将选中的图标加入项目中。 将项目下载至本地， 2、解压下载的包，目录结构如下。 打开demo_index.html文件 如下截图，点击“”看完整
阅读全文
摘要：vue2.0-路由嵌套、动态路由跳转 1、创建项目 $ vue init webpack vuerouter2 (忽略所有其他语法) $ cd vuerouter2/ $ npm run dev 正常启动，访问http://localhost:8080，链接即可。 2、基础配置 创建样式文件，src
阅读全文
摘要：1、后端服务器环境说明 [root@openshift flask]# python -V Python 3.6.3 :: Anaconda, Inc. [root@openshift flask]# cat /etc/redhat-release CentOS Linux release 7.4.
阅读全文
摘要：第13章 Web标准与CSS网页布局实例 HTML、CSS、JavaScript网页制作从入门到精通 1、DIV+CSS布局网页基础 1.1一列固定宽度 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Div+css布局基础</
阅读全文
只有注册用户登录后才能阅读该文。
摘要：经典css布局案例 1、CSS浮动 包括：块元素和行内元素、display属性、浮动float。块元素和行内元素的区别是：块元素有大小，而行内元素没有；块元素默认单独占一行，行内元素都在同一行。 既然块元素和行内元素有各自的特点，当我们需要来回切换他们的模式时，该怎么做呢？例如想要块元素都按行排列。
阅读全文
摘要：vue2.0-路由配置 参考：https://router.vuejs.org/zh/guide/#html 使用vue-cli创建的项目，先不需要安装路由模块。 1.安装 cnpm install vue-router --save 以下步骤配置文件均在mains.js文件上配置 2、引入rout
阅读全文
摘要：vue2.0-子组件获取父组件数据 参考：https://vuejs.bootcss.com/v2/guide/components-props.html 子组件获取父组件数据 子组件可以获取父子的数据和方法 子组件：Header.vue 父组件：Home.vue 父组件配置 <template>
阅读全文
摘要：vue2.0-第三方插件axios请求数据方式 参考：https://github.com/axios/axios 1、安装axios c:\Users\Administrator\Desktop\vuejs\vuejs\vuedemo>npm install axios --save 查看pack
阅读全文
摘要：vue2.0-官方插件vue-resource请求数据方式 1、官方安装vue-resource请求插件 参考：https://vuejs.bootcss.com/v2/guide/plugins.html d:\vuejs\vuejs\vuedemo>cnpm install vue-resour
阅读全文