- 博客(28)
- 收藏
- 关注
RSS订阅原创 padStart(),padEnd()方法
padStart()用于头部补全，padEnd()用于尾部补全。规则:'a'.padStart(位数,补全内容)'a'.padEnd(位数,补全内容)实例:'a'.padStart(4,bc) //结果:bcba'a'.padEnd(4,bc) //结果:abcb如果本身长度超过补全长度,则不变化实例:'aaa'.padStart(2,bc) //结果:aaa'aaa'.padEnd(2,bc) //结果:aaa如果不填写第二个补全内容参数,默认用空格补全'a'.padS
2020-06-01 15:58:58
623
原创 Vue中的new Vue render
render: h => h(App) 是以下缩写：1.基础写法render: function (createElement) { return createElement(App);}2.ES6缩写render (createElement) { return createElement(App);}render (h){ return h(App);}根据 Vue.js 作者 Even You 的回复，h 的含义如下：It comes from
2020-06-01 12:12:43
719
转载 Vue的nextTick
Vue.nextTick( [callback, context] )参数：{Function} [callback]{Object} [context]在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。
2020-05-31 14:47:14
171
原创 VUE中AXIOS拦截请求携带TOKEN
main.js文件下import Axios from 'axios'Vue.prototype.$http = Axios// 配置请求的根路径Axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'// 请求拦截器Axios.interceptors.request.use(config => { // 拦截request请求,为请求头添加属性Authorization并将保存在本地的token赋值 con
2020-05-27 09:54:13
648
原创 webpack 加载器
loader加载器1.打包处理css文件1.npm i style-loader css-loader -D 安装处理 css 文件的 loader2.在 webpack.config.js 的 module -> rules 数组中，添加 loader 规则如下：//modlue.exports={ // 所有第三方文件模块的匹配规则 module: { rules: [...
2020-05-08 20:49:23
124
原创 webpack
在项目中配置webpack1.npm install webpack webpack-cli -D 安装webpack相关包2.在项目根目录下创建webpack配置文件,webpack.config.jsmodule.exports = { mode:"development" //mode用来指定构建模式}3.在package.jason配置文件中的scropts节点下,...
2020-05-08 10:12:02
142
原创 ES6模块化
1.默认导出和导入export default{变量}import 命名 from "导入模块文件的路径"m1.jslet a = 10;let b = 20;let c = 30;function show() { }//将本模块中的私有成员暴露出去,供其他模块使用//变量c 因为没有暴露出去,所以外界访问不到export default { a, b, s...
2020-05-07 16:32:49
145
原创 Vue路由实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>基于vue-router的案例</title> <style type="text/css"> html, body, #app {...
2020-05-06 21:26:04
136
原创 Vue-Router路由
1.基础例子routes路由规则<script src="vue.js"></script><script src="vue-router.js"></script><body> <div id="app"> <!-- 创建路由连接 --> <router-l...
2020-05-06 21:03:46
130
原创 Vue组件基础
Vue.component基本语法<body> <div> <组件名称>中间会显示模板的内容</组件名称> </div></body><script> Vue.component("组件名称", { data: 组件数据, templ...
2020-04-30 17:28:10
184
原创 Vue数组更新
修改响应式数据<body> <div id="app"> <div v-for="(item,index) in items" v-bind:key="index"> {{item}} </div> </div></body><script&g...
2020-04-27 14:29:48
148
原创 Vue过滤器
基本语法<body> <div id="app"> <input type="text" v-model="msg"> //----过滤器使用---- <div>{{msg | upper}}</div> </div></body><scr...
2020-04-27 14:24:58
212
原创 input的历史记录开关
清除input输入框的历史记录，即在input中加入 autocomplete="off"autocomplete 属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。注释：autocomplete 属性适用于 <form>，以及下面的 <input> 类型：te...
2020-04-26 11:16:48
449
原创 Vue自定义指令
官方文档:https://cn.vuejs.org/v2/guide/custom-directive.html全局指令<body> <div id="app"> <input type="text" v-focus> <input type="text" v-bcolor="{bcolor:'aqua'}"&...
2020-04-25 17:05:18
131
原创 Vue简单计算器
<body> <div id="app"> <div> <span>数字a:</span> <input type="text" v-model.number="a"> </div> <div> ...
2020-04-24 21:07:24
157
原创 CSS3淡入效果
<style> .a1 { height: 50px; width: 50px; background-color: aqua; animation: test 500ms ease-in-out forwards; } @keyframes test{ 0%{opacity: 0;...
2020-04-23 15:32:42
252
原创 Vue基础语法
Vue基础<body> <div id="app"> {{msg}} </div> <script type="text/javascript" src="./vue.js"></script> <script> var vm = new Vue({ ...
2020-04-23 14:21:19
113
原创 数据响应式
1.数据响应式HTML的响应式;屏幕的尺寸的变化导致页面样式的变化数据的响应式:数据的变化导致页面内容的变化2.数据绑定数据绑定:将数据填充到标签中3.v-once只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。...
2020-04-23 14:21:00
340
原创 serialize()和serializeArray()方法
1.serialize()方法var data = $(“form”).serialize();功能：将表单内容序列化成一个字符串。返回的是 name1=value1&name2=value2 格式2.serializeArray()方法var jsonData = $(“form”).serializeArray();功能：将页面表单序列化成一个JSON结构的对象返回的...
2020-04-22 17:23:17
468
原创 Git与GitHub
进行使用前的配置配置提交人姓名: git config --global user.name 用户名配置提交人邮箱: git config --global user.email 邮箱地址查看配置信息: git config --list重复命令即可修改信息配置只需要执行一次提交步骤git init 初始化git仓库git status 查看文件状态...
2020-04-20 16:03:55
114
原创 Ajax-非同源
CORS:Cross-origin resource sharing 跨域资源共享允许浏览器向跨域服务器发送Ajax请求,克服Ajax同源限制也就是不同源origin:http://localhost:3000服务器响应会传回ACAO响应头...
2020-04-20 10:54:50
146
原创 Express
npm install expressconst express = require("express");//创建服务器 不需要再http.createServerconst app = express();app.get/post("请求路径","处理函数",)//函数第三个参数next,可以将请求再交给下一个中间件处理app.get("/index", (req, res, ...
2020-04-19 19:57:38
163
原创 MongoDB一些基础方法
//mongoose 第三方包npm install mongoose//提供connect方法连接数据库const mongoose = require("mongoose");mongoose .connect("mongodb://localhost/testdb", { useNewUrlParser: true, useUnifiedTopology: true }) .t...
2020-04-19 19:43:40
138
原创 promise 异步函数
// promiselet promise = new Prommise((resolve, reject) => { setTimeout(() => { if (true) { resolve({ name: "狗" }); } else { reject("失败了"); } });}, 2000);//promise.then(onComple...
2020-04-19 19:39:52
189
原创 Gulp一些用法
npm install gulpnpm install gulp-cli -ggulp-htmlmin html压缩gulp-csso css压缩gulp-babel JS语法转换gulp-less less语法转换cssgulp-uglify 压缩混淆JSgulp-file-include 公共文件包含browsersync 浏览器实现同步//创建gulpfile...
2020-04-19 19:09:36
145
原创 Nodejs基础
npmjs.com nodejs的第三方模块库(插件) npm install 模块名 安装 npm uninstall 模块名 卸载 nodemon 命令行工具,保存后重新执行文件 npm install nodemon -g 全局安装 nrm 切换npm下载地址 nrm ls 显示分流地址 nrm use cnpm...
2020-04-19 18:54:17
210
原创 MongoDB的模板使用
art-template 模板引擎 JS里的String的’'模板字面量模式 通过npm来下载art格式模板可以填写html一样的内容引入atr-template模块const template = require("art-template");const path = require("path");//将特定模板与特定数据进行拼接 数据路径使用绝对路径const artp...
2020-04-19 18:53:58
257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人