- 博客(28)
- 收藏
- 关注
RSS订阅原创 Vue整理
Vue一.使用Rollup搭建开发环境1.什么是Rollup?Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码， rollup.js更专注于Javascript类库打包 （开发应用时使用Wwebpack，开发库时使用Rollup）2.环境搭建安装rollup环境npm install @babel/preset-env @babel/core rollup rollup-plugin-babel rollup-plugin-serve cross-env
2020-05-31 11:50:59
294
原创 git
GITgit 指定目录 拉取文件在项目目录下git 初始化git init 修改.git文件夹里面的 config 文件 .git/config 启用 sparse checkout（稀疏检出）#文件config 的初始化内容[core] repositoryformatversion = 0 filemode = false bare = false...
2019-09-12 09:15:31
112
原创 react 等价语法
export const getBtnAction = () => ({ type: SUB_NUM})；等价于export const getBtnAction = () => { return { type: SUB_NUM }}items.map(item => { return <li>{ite...
2019-04-29 15:24:24
123
原创 通过css3实现checkbox选择样式
1.html结构<div class='checkbox'> <input type='checkbox' id='checkbox1' name='checkboox[]'> <label for='checkbox1'>篮球</label></div>2..checkbox { position: r...
2019-04-29 10:15:28
3211
原创 webpack
devtooldevelopment devtool: "cheap-module-eval-source-map"production devtool: "cheap-module-source-map"HMR1.配置hot，hotOnlydevServer: { contentBase: './dist', //服务器要起在哪个文件夹下 ...
2019-04-21 23:20:19
89
原创 公用方法提取
公用方法提取方法一export & importconfig.js文件const config = { request_prefix: 'http://localhost:10003', base_img: 'http://www.baidu.com'}const DingConf = function(data){ xxxxxxxxx}export {config,...
2018-12-10 14:50:15
633
原创 xampp配置
1。将xampp下载安装到C盘 2。 3.启动 4.访问 http://localhost/bop/index.dev.html#page=buy
2018-06-21 10:52:30
423
原创 xss
function xssFilter(str){ if(!str){ return str; } else{ str = str.replace(/&/g,”&”) .replace(/>/g,”>”) .replace(/ .r...
2018-06-15 15:35:00
136
原创 常用网址
qidian-storehttp://localhost:8964/page/my/orders.htmlbqq-storehttp://local.qiye.qq.com/page/boss/iframe/accountBan/accountBan.htmlboss-fehttp://local.b.boss.com/bop/index.dev.html#page=buy...
2018-06-13 14:48:20
128
原创 兼容性问题
pc端1.如果图片加a标签在IE9-中会有边框 解决方案img{border:none;}2.rgba不支持IE8 解决方案:可以用 opacityopacity:0.7;/*FF chrome safari opera*/ filter:alpha(opacity:70);/*用了ie滤镜,可以兼容ie*/3.默认的body没有body去掉margin情况下ie5...
2018-05-27 20:58:15
204
原创 http
http请求报文(request message)请求报文分为三部分:请求行,请求头,请求体.请求行包括:请求类型,URL,HTTP版本.请求头部保存一些键值对的属性.请求体保存具体内容,一般为POST类型的参数. ’响应报文(response message)响应报文也由三部分组成,首行,响应头,响应体.浏览器输入URL后发生了什么1.DNS...
2018-05-27 09:16:09
186
原创 vuex
store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)// 状态访问对象const state={ count:1}// 修改状态const mutations={ add(state,n){ state.count+=n }, reduce(sta...
2018-05-26 19:00:45
139
原创 组件通信
父通子 Props Down 父组件给子组件传递数据通过props来传递 + 先在父组件中往子组件标签上添加属性传递数据 + 在子组件中声明props来接收父组件传递的数据 + 然后在子组件中就可以直接通过this来访问props中的数据了 注意：prop是单向绑定的：当父组件的属性变化时，将传导给子组件 但反过来不会...
2018-05-24 11:03:53
119
原创 创建对象的三种方式
1 字面量的方式 var per1={ name:"卡卡西", age:20, sex:"男", eat:function () { console.log("吃臭豆腐"); }, readBook:function () { console.log("亲热天堂"); } };2 调...
2018-05-23 22:32:56
149
原创 增删改查
前台增删改增async postHandler(){ try{ const {data}= await axios.post('/api/topics',this.formData) }catch(err){ }}删async removeById(id){ if(!window.confirm()){ re...
2018-05-22 19:10:45
303
原创 防抖异步模板
import axios from 'axios'import _ from 'lodash'methods:{ login:_.debounce(async function(){ try{ const ret=await axios.get('/api/session') ...
2018-05-22 13:37:24
386
原创 devServer之proxy跨域
配置devServer:{ contentBase:'./', proxy:{ // 当你请求是以/api开头的时候，则我帮你代理访问到http://localhost:3000 // 例如： // /api/users http://localhost:3000/api/users...
2018-05-22 11:43:30
15766
原创 debounce函数防抖
实现function debounce(callback,time){ let timer; return function(){ window.clearTimeout(timer) timer=window.setTimeout(function(){ callback() },time) }...
2018-05-22 11:22:39
830
原创 vue生命周期
vue生命周期beforeCreate 实例初始化之后调用，这里拿不到el，data数据created 实例创建之后调用，可以拿到data中的数据适用于发送请求，修改data中的数据这里还没有挂载，还拿不到elbeforeMount 挂载元素之前还没有渲染DOMmounted 挂载渲染已完成，DOM数据已完成更新beforeUpdate 数据更新时调用，DOM还没有得到...
2018-05-20 18:20:41
202
原创 模拟Vue双向数据绑定
事件对象function EventEmit(){ // { // "message":['事件1','事件2'] // } this.callbacks={}}EventEmit.prototype.on=function(eventName,fn){ if(!this.callbacks[eventName]){ this....
2018-05-20 17:34:38
155
原创 node中mysql连接封装
const mysql=require('mysql');// 创建连接池，效率更高，不需要每次操作数据库都创建连接var pool = mysql.createPool({ connectionLimit : 10, host : 'localhost', user : 'root', password ...
2018-05-19 13:25:58
525
原创 express中session使用
下载npm i -S express-sessionapp.js1.引包const session=require('express-session')2.配置app.use(session({ secret: 'AAA', //配置加密字符串，他会在原有加密基础上和这个字符串拼接起来再次加密，目的增加安全性 resave: true, saveUn...
2018-05-19 13:23:37
652
原创 500错误统一处理
配置app.use(router)//放在路由后面// 统一处理500错误 四个参数一个都不能少app.use((err,req,res,next)=>{ res.status(500).json({ error:err.message })})使用 try{ }catch(err){ next(err) }...
2018-05-19 13:10:00
8931
原创 try-catch
一般情况一旦程序出现错误，后续代码就不会再执行了例如：console.log('1')JSON.parse('sss') //程序报错console.log('2')最后输出结果 1try-catch作用：除了捕获普通异常，还可以捕获async函数中await后面的promise异常console.log('1')try{ console.log('2')...
2018-05-18 14:36:11
1425
原创 Express中post请求获取数据
引包const bodyParser=require('body-parser')app.js// parse application/x-www-form-urlencodedapp.use(bodyParser.urlencoded({ extended: false }))// parse application/jsonapp.use(bodyParser.json(...
2018-05-18 11:38:02
2338
原创 Express中Router的使用
route.jsconst express=require('express')const router=express.Router()const userController=require('./controllers/user')/** * 用户资源 */ router .get('/users',userController.list) .pos...
2018-05-18 10:47:25
1760
原创 接口设计
Http动态GET（SELECT）：从服务器取出资源（一项或多项）。POST（CREATE）：在服务器新建一个资源。PUT（UPDATE）：在服务器更新资源（客户端提供改变后的完整资源）。PATCH（UPDATE）：在服务器更新资源（客户端提供改变的属性）。DELETE（DELETE）：从服务器删除资源。状态码200 OK - [GET]：服务器成功返回用户请求的数据，该操...
2018-05-18 10:31:48
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人