去旅行、在路上

原创 npm关于dependencies 和 devDependencies配置详解，弄懂npm -S与-D的区别

npm -S -D

原创 window10 host文件丢失

window10 host文件丢失

原创 小小程序猿之react修炼之路

react

原创 vscode react插件以及常用api

nginx配置

原创 2021-03-31更新前端面试题

@[vue]@[1、spa单页面的理解,优缺点是什么？]spa(single-page application)仅在web页面初始化时加载对应的html、css、js。一旦页面加载完成，spa不因为用户的操作而进行页面的重新加载或跳转；而是利用路由机制实现html内容的交换，可以避免页面的重新加载。优点：1.用户体验好、快。内容改变不需要重新加载整个页面，避免了不必要的跳转和渲染2.spa相对服务器压力小3.前后端分离，架构清晰，前端负责交互逻辑，后端负责数据处理缺点：1.首屏加载慢：为实现

原创 防抖

<div id="watch-example"> <p> Ask a yes/no question: <input v-model="question"> </p> <p>{{ answer }}</p></div><!-- 因为 AJAX 库和通用工具的生态已经相当丰富，Vue 核心代码没有重复 --><!-- 提供这些功能以保持精简。这也可以让你自由选择自己更熟悉的工

原创 koa2 express

原创 jsx语法

import logo from ‘./logo.svg’import ‘./index.css’function App() {const a = “bbb”;const b = {name: “小明”,age: 18,};function getZong(person) {return person.name + person.age}const divDom = 小明const flag = falseconst arr = [0, 1, 2];return ({a}

原创 简单的doc命令

dir 遍历目录cd 进入指定目录cd… 一层一层的往外退cd\ 退回到根目录md 创建目录rd 删除目录del 删除文件exit 退出dos命令行

原创 德玛西亚、vscode开发必备插件

1、标题闭合标签 同步修改标签名## 标题Auto Rename Tag 2、快速匹配括号 {}, ()Bracket Pair Colorizer 23、CSS 类名快速定位CSS Peek4、git提交历史Git History5、浏览器打开 并热更新Live Server6、浏览器打开View In Browser7、文件格式化Prettier - Code formatter7、文件格式化Prettier - Code formatterVetur

原创 兼容高版本ie

function IEVersion() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器 var isEdge = user...

原创 sql数据库操作基本语句

– INSERT INTO users (username,password,nickname) VALUES (‘张三’,‘123’,‘lisi’)– INSERT INTO blogs (title,content,userid) VALUES (‘张三4’,‘4’,1)– DESC ASC 正序倒叙 LIMIT 多少条 OFFSET 跳过多少条 分页SELECT * FROM blogs ORDER BY id DESC LIMIT 2 OFFSET 2– UPDATE blogs SET

原创 git 码云 线上线下关联

初始化本地项目 git init远程地址关联 git remote add origin git地址远程文件拉取git pull origin master文件添加本地git add .文件本地合并git commit -m "init"文件上传远程git push

原创 mysql链接报错

Client does not support authentication protocol requested by server; consider upgrading MySQL client解决办法打开mysql自带终端 输入原始密码输入alter user 'root'@'localhost' identified with mysql_native_password by '123456'; 再次设置密码即可启动成功...

原创 2020版nodejs12.18.3安装教程

https://nodejs.org/en/ 官网下载LTS版本一路next 此处可选择安装路径3.(可自动安装必需的工具) 此处可不选择完成安装验证是否成功创建两个文件夹 在根目录下并配置node_cache node_global创建目录配置路径 npm config set prefix ------->node_global npm config set cache ------->node_cache环境变量配置.

原创 vue移动端rem适配

一、安装两个包npm install lib-flexible postcss-px2rem 二、去掉index.html的meta标签<meta name="viewport" content="width=device-width,initial-scale=1.0">三、引入lib-flexible到main.jsimport 'lib-flexible'四、在vue.config.js配置 // rem 的配置 css: { loaderOptions

原创 props接收不到传值

props接收不到传值 是因为异步 调用 模板渲染早于传值 应该等异步结束后 再渲染模板 即用v-if flag控制模板出现时间

转载 nodemon不生效解决办法

转载点击 这个链接就是

原创 Vue指令以及Vue修饰符

Vue指令v-textv-htmlv-oncev-ifv-elsev-else-ifv-showv-forv-bindv-model1. v-textv-text主要用来绑定标签内筒，可以等同于JS的text属性。<span v-text="msg"></span>...

原创 vuex之模块化

car.jsconst state = { number: 0};const mutations = { changeNumber(state, val) { state.number += val }};const actions = {};export default { // 命名空间模块 namespaced:true, state, mutations, actions}index.jsimport Vue from 'vue'imp

原创 nuxt小计之切换监听端口

在packjson文件中加入config即可效果如下 原本监听端口为3000 现监听端口为8000

原创 vue删除数据刷新页面优化

转载链接

原创 vue使用相同组件切换不会触发生命周期调用接口解决办法

<template> <div id="app"> <router-view :key="key" /> </div></template><script>export default { data() { return { }; }, mounted() { }, c...

原创 解析es6语法

一、安装 babel-cli babel-preset-es2015npm i babel-cli,babel-preset-es2015 -s二、修改package.json修改dev和start：–exec babel-node{ ... "scripts": { "dev": "cross-env NODE_ENV=development nodemon serve...

原创 卸载node

控制面板卸载程序即可

原创 安装node-sass

SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass

原创 Vue工作中遇到的问题总结

问题1.频繁操作assets会导致vue 项目98% 不会动了解决办法 删除node包 重新npm2.vue访问json文件 文件放在public文件夹下 访问路径直接从public下写3.vue配置访问路径 必须加http://...

原创 vue keep-alive缓存知识点

vue keep-alive缓存知识点多个组件缓存中间用***,***分开1丶include 缓存那些组件 name是组件设置的名字2丶exclude 不缓存那些组件 name是组件设置的名字activated,deactivated这两个生命周期函数一定是要在使用了keep-alive组件后才会有的，否则则不存在...

原创 使用express搭建简易服务器

// 搭建简易服务器的步骤// 1.创建项目文件夹// 2.npm init// 初始化当前的node项目// 会自动生成一个package.json文件// 描述当前项目的主要信息：名称、版本、作者、描述、主程序入口文件等// 3. 安装所需要的第三方模块// npm install 模块名称 --save// npm install express --...

原创 node模块化

/*Nodejs是一个庞大的模块化管理系统自身的核心API，就是模块当程序功能越来越多的时候，代码量也会越来越多，会出现代码不容易维护，以及命名冲突，造成全局环境的污染，也会造成代码的混乱模块化的概念为了便于维护和管理代码，以及避免出现全局环境的污染，程序员将代码进行功能模块化封装，即一个模块，一个功能实现，模块与模块之间就是相互独立，互不影响Nodejs采取的就是模块化的管理，即一个...

原创 node的文件系统-文件和文件夹的增删改查

nodejs中具有一个核心模块fs,即filesysterm通过该核心模块，可以对系统中的文件夹或文件进行操作//文件夹==========/1.判断文件夹是否存在// fs.existsSync(文件夹名称)2.创建文件夹// fs.mkdir(文件夹名称， 函数)3.删除文件夹// fs.rmdir(文件夹名称， 函数)在文件夹内添加文件 并 添加内容//fs.write...

原创 jQuery第三天知识点总结

jquery获取元素1、 //parents（）获取当前标签的直系长辈家族 // console.log($("element").parents());parent（）获取当前标签的的爸爸 // console.log($("element").parent());parentsUntil（“div”）获取当前标签的到div这个范围的直系父辈家族 不包括当前div ...

原创 数组filter() 快速排重

filter()不会改变原来的数组1、定义一个数组var arr1 = [1,2,3,4,1,3,4,];2、定义一个接收数组var arr2 =[];arr2 = arr1.filter(function (item,index,arr1) {item 数组元素 index组元素对应的索引 arr1数组return arr1.indexOf(item) === indexind...

转载 mysql 5.5安装步骤转发

https://blog.csdn.net/lihua5419/article/details/73881482

原创 jQuery第二天知识点总结

.html() .text()1、获取标签以及内容 .html()2、获取内容 .text()offset(); position();3、获取标签与当前窗口的偏移量offset();4、获取标签与父元素偏移量position();scroll scrollTop() scrollLeft()5、滚动事件$(window).scroll(function(){$(this)...

原创 jQuery第一天知识点总结

1、jQuery是js框架 是个js方法库 封装了原生DOM中的部分方法和属性2、凡是通过document的方法获取的标签 被称为DOM对象3、凡是通过jQuery方法获取的标签 即$封装 被称为jQuery对象4、DOM对象 只能调用DOM中的属性和方法5、jQuery对象只能调用jQuery中封装的属性和方法入口函数jQuery入口函数与js入口函数的区别：jQuery的入口函数...

原创 js基础 关系运算符

原创 原生js网页功能案列-01-商品评价星星案列

css代码<style> * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: cen...

原创 DOM-03-DOM-设置节点属性和获取节点属性

设置节点属性var img = document,getElementById("#img");img.setAttribute(“名称”,值)获取节点属性img.srcimg.getAttribute();删除removeAttribute(名称)img.removeAttribute(“src”);...

原创 DOM-02-DOM-节点操作 增删改查复制节点

增1、创建节点var img = docment.createElement(“img”);设置新节点属性img.src = “img/img.png”;给那个元素插入节点父亲.appendChild(img);默认是在盒子的最后面插入节点自定义插入的位置获取插入父元素的子元素var btn = document.getElementById("#btn");父元素.inse...