- 博客(30)
- 收藏
- 关注
RSS订阅原创 highcharts 3D环形饼图
在这里插入图片描述](https://img-blog.csdnimg.cn/ae5a9c5bbd894105a1246b56ee9f。1.下载安装highcharts。3.在main.js引入。4.html部分代码。
2023-10-31 14:43:09
556
原创 vue 插槽
1 简单使用: 内置组件 代码写在内部。理解：组件内部定义插槽，自定义组件标签内容的内容会在插槽的位置显示。分发： 组件标签内的内容会被组件 slot分发出来。2.作用域插槽( 组件的内容只能暴露在这个组件内部 ) 组件内容值暴露出来，在页面上对应内容上使用。 组件内的值暴露到外部使用1 只能是外部传参，父组件传递的变量vue根节点中: data: { ...
2019-09-25 22:42:01
187
1
原创 vue组件
1.vue中 组件 就是模块化Vue.component(‘组件名’, {对象}); //定义组件基本语法。组件名: //驼峰式命名定义buttonContrller使用Vue.component('buttonContrller', { props: []; //给组件传参,数组类型 template: `<button>按钮</button&...
2019-09-25 22:25:31
157
原创 vue的简单使用
安装1.可以使用script标签引入<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>或者：<!-- 生产环境版本，优化了尺寸和速度 --><script src="https://cdn.j...
2019-09-23 21:21:46
177
原创 webpack分离css和js
下载各种loader:babel-loader （解析 es6/7 -> es5）@babel/core（4.0） （这个文件编译器）@babel/preset-env（4.0） (生成es5标准)css-loader （处理css）sass-loader （处理sass） node-sass（编译器）style-loader （给你HTML页面 插入style标签生成cs...
2019-09-19 21:36:26
1189
原创 webpack基本配置
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。安装：第一步： npm init -y 生成package.json文件 第二步：npm inst...
2019-09-18 20:58:11
138
原创 es5中的继承方法
1 第一种： prototype 实现：function Person (name) { this.name = name; this.age = 20;}function Chinese () { this.sex = "男";}Chinese.prototype = new Person("张三");let ch1 = new Chinese();co...
2019-09-16 21:48:30
1158
原创 babel转译es6到es5基本配置
1 安装babel命令行工具 babel-cli npm install -g babel-cli 2 语法解析器 npm install --save-dev babel-preset-es2015npm init 局部安装，会出现一个package.json文件{ "name": "es6", "version": "1.0.0", "description": "...
2019-09-11 18:11:35
722
原创 sacc和less
sass 是一个预编译css扩展语言。css具备可编程属性。 sass 文件不能直接运行，需要借助工具，编译成 css文件才能运行。 安装 sass ： npm install -g sass 验证安装是否成功：sass --version怎么使用 sass 编译 sass scss规范文件sass: 没有括号{} 没有分号;scss: 有{} ；比较符合我们使用习惯。sas...
2019-09-10 22:38:45
746
原创 nodejs 登录界面（login.html）根据路由进行跳转页面
<link rel="stylesheet" href="/static/layui/css/layui.css" type="text/css"><div class="login"> <div class="login-form layui-fluid"> <form class="layui-form layui-form-...
2019-09-05 16:23:46
9258
原创 封装nodejs mysql 配置文件
module.exports = { host:'localhost', user:'root', password:"root", database:'demo'}要先下载mysql，在命令行输入npm install mysql --savevar mysql = require('mysql');var databaseConfig = requir...
2019-09-02 21:44:02
798
原创 nodejs express 模板引擎(ejs )
默认支持的模板引擎：1 jade （模板比较简洁 html代码区别非常大和使用习惯区别比较大。）2 ejs (html代码一样)（1）模板文件后缀.ejs（2） 开始<% 结束 %>改标签 包裹进来的代码 都会被js模板内部处理，变成真实数据1 安装 ： npm install ejs --save2 配置:app.set('views', 'pages...
2019-08-30 18:51:12
417
原创 nodejs express 框架
Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。要想使用express框架，就需要进行下载安装，只需在命令行输入npm install express ，然后通过require()进行导入var express = require('exp...
2019-08-29 21:15:31
184
原创 nodejs中的写入流、读取流和管道流
1 写入流fs.createWriteStream 文件系统实现了写入流的接口一点点写 ， 最后触发 end之后 finish 才算写完。2 读取流fs.createReadStream 读取流的接口一点点(缓冲区)。最后要合成。http中request 也实现了 stream流 Readable 读取流post 提交数据 就需要通过 流的方式取值。//读取流...
2019-08-28 18:50:30
1888
原创 nodejs客户端如何向服务器发起http请求以及响应
http.createServer( function (request, response) {}).listen(8080);createServer 方法 可以创建一个客户端和服务器端响应请求。function 回调函数处理的就是 接收过程。request 就是 所有请求信息response 所有响应信息listen 方法 监听端口//index.html页面 <lin...
2019-08-27 18:17:31
2823
原创 nodejs基于模块化开发
nodejs 就是以js语言为开发语言的开发环境。nodejs：1 js 运行环境是在电脑上上，不是在浏览器里面。2 只要让js有解析器以后 js就可以运行在电脑上。就是实现文件操作( 新建文件 新建文件夹 删除 修改文件 )网路请求和响应( nodejs 做服务器)各种代理转发(网络层面)可以操作数据库多媒体处理 (打包文件 加水印 视频处理)3 nodejs 主要...
2019-08-26 19:15:55
483
原创 cd 创建与删除
1 curdR: 查询分页。C: 创建1 打开一个iframe弹窗加载一个页面： 创建页面创建页面 creat.html里面所有的代码 只在create页面中起作用。 1 显示页面(layui 各个表单元素去显示)1 有些表单元素我是需要 动态读取的(使用ajax 读取 渲染进来)2 动态属性 dom操作2 选信息 填信息1 做一次验证：2 在验证通过以后，提交给我...
2019-08-22 22:46:43
275
原创 Web工作原理以及修改的流程
1.Web工作原理客户端和Web服务器通过HTTP协议进行通信。Web服务器也叫HTTP服务器或Web容器。HTTP协议采用的是请求/响应模式。即客户端发起HTTP请求，web服务器接收并解析处理HTTP请求，然后将HTTP响应发送给客户端。2.增删改查 CURD中最复杂的就是修改修改的流程：① 修改： 你要修改谁？ 首先要拿到修改数据的id；② 通过ajax 拿到这条数据详情；③ ...
2019-08-21 20:45:16
408
原创 前端代码和后端代码合并，在什么环节中用到你的前端代码？
你写的前端代码在什么环节中才运行呢？ （1） 完全混合(已经很久远了)他的缺点是：① 后端代码混合前端代码，代码耦合度太高。 混编之后，最后再输出；② 发送请求 请求的是文件，如： a.php b.php ； ③ 分工不明确 。（2） mvc(不分前后端服务器) 后端开发采用mvc 分工明确：他的优点是：① 后端开发明确： 分别使用不同控制器 去写逻辑；②需...
2019-08-20 19:34:17
2763
原创 php服务器
php + apache 之间如何传参？ php: 服务器端开发语言 不能直接在浏览器中运行。需要借助服务器apache（apahce: web服务器）。 php 可以 把我们html代码输出， php 文件是一个可以和html混编的语言。 最后统一输出到页面。<?php?>php代码 经过php脚本解析运行。我们写的代码(html代码) 是什么环节下使用？1.前后端没有...
2019-08-19 18:38:52
215
原创 sessionStorage/localStorage存储数据
前端分三层：1.显示层:html css js2 逻辑层： 交互逻辑 ( 通过接口要结果 )3.数据层: 用户本地数据。 ------典型业务逻辑：登录：能够登录后台的人， 必须是网站授权过的人。数据库记录的用户密码 是加密的md5:加密的特点是 相同的字符串加密出来 都是一样的。不管多长 加密出来 32 位密码。接口返回信息: RBAC 权限管理 (基于角色权限管理模型)...
2019-08-16 18:36:41
152
原创 ajax 文件上传
使用ajax传递数据: data: formData.var formData = new FormData(); //自定义携带二进制数据头信息formData.append(‘username’, ‘123’)formData.append(‘file’, this.files[0]);方式一：$.ajax({ url:'http://.....', d...
2019-08-15 19:16:13
81
原创 封装时间戳
时间戳：是一连串数字。 需要变成年月日时分秒格式。js: 是从1970年1月1日0时0分0秒 到现在的毫秒。var now = new Date();获取现在时间信息：now.getFullYear(); 4位年now.getMonth()+1 月now.getDate() 日期。。。。now.getTime() //获取时间戳 (毫秒)n...
2019-08-14 19:47:10
392
原创 增删改查 CURD
layui渲染概念：1 浏览器先加载html代码，加载之后再由layui将其重新(渲染)，变成美观效果。2 render()方法layui-form： 样式决定了 是否渲染form表单元素。依赖于form js模块。复选框name属性 使用数组 例如: id[]form.render(‘checkbox’);3 layer 下的 msg方法 可以自动消失弹窗layer.msg(...
2019-08-13 18:58:06
493
原创 layui ui库
1、 分模块封装， 按需加载。写一个项目需要很多页面，每一个页面都要写js，所以我们可以把公共部分的功能封装起来，那个页面需要用，可以随时来调用即刻。2、 layui ui库 模块化的ui库。1 根据bootstrap手册可以知道ui含有什么东西，2 按需加载， 减少了 代码加载带来的页面阻塞，提升了加载速度。下载的layui.all.js （没有模块化 ， 没有按需加载）；lay...
2019-08-12 21:11:36
898
原创 layer封装
与同类弹出层组件相比，layer的优势比较明显，它尽可能地在以更少的代码展现出更强健的功能。layer格外注重性能的提升，在多层模式的回调处理中，具备其它多数层组件所没有的“独立不冲突”，您完全可以大可放心地在页面弹出任意数量的层，它们彼此不妨碍。封装layer：define(['bootstrap'], function(bootstrap) { var layer = { ...
2019-08-09 21:51:45
732
原创 requireJS加载和bootstrap第三方组件
requirejs 基本使用：加载require：配置文件 模块的文件位置require.config({paths: {“jquery”: “./js/jquery-1.7.2”,}});require([‘jquery’], function (KaTeX parse error: Expected '}', got 'EOF' at end of input: ) { ...
2019-08-08 20:05:32
1699
原创 js
原生js的问题:1.代码量比较大2.容易出错3.兼容性难解决4.排错比较麻烦5.动画很难实现6.ajax书写很麻烦7.window.onload入口函数只能写一次，后面会覆盖前面等等问题jquery可以解决。jQuery要解决的问题： 1.兼容问题(IE678)2.代码的冗余3.动画的问题4.封装等 jQuery特点: 1.开源/免费2.它是一个代表,其他的库都...
2019-08-07 23:02:55
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人