- 博客(124)
- 收藏
- 关注
RSS订阅
原创 前端学习结束总结
前端学习结束学习内容:HTML5 结构语义化标签CSS3 样式样式表元素hover状态CSS变量定位动画Flex弹性块JavaScript 前端核心语言基本数据类型对象(Object)数值(Number)字符串(String)布尔值(Boolean)nullundefinedif…else if…else条件语句if(布尔表达式){}if(布尔表达式){}else{}if(布尔表达式1){}else if(布尔表达式2){}else i
2021-05-21 14:35:30
172
原创 VSCode自定义代码片段14——Vue的axios网络请求封装
Vue的axios网络请求封装{ // V'axios // 14 如何自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》 新建全局代码片段文件... =》自定义片段名称 =》编辑用户片段 =》ctrl+S 保存 // Vue的axios网络请求封装 "Print to console": { "prefix": "V'axios", "body": [ "// 位置：./network/request.js", "import axios from '
2022-04-20 13:25:43
3766
原创 VSCode自定义代码片段13——Vue的状态大管家
Vue的状态大管家{ // V'Vuex // 13 如何自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》新建全局代码片段文件... =》自定义片段名称 =》编辑用户片段 =》ctrl+S 保存 // Vue的状态大管家 "Print to console": { "prefix": "V'Vuex", "body": [ "// 位置：./store/index.js", "// 1,引入插件", "import Vue from \"vue\
2022-04-20 11:40:10
273
原创 VSCode自定义代码片段12——JavaScript的Promise对象
JavaScript的Promise对象{ // JS'Promise // 12 如何自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》新建全局代码片段文件... =》自定义片段名称 =》编辑用户片段 =》ctrl+S 保存 // JavaScript的Promise对象 "Print to console": { "prefix": "JS'Promise", "body": [ "// Promise的链式简化写法", "new Promise((
2022-04-20 08:25:52
1185
原创 VSCode自定义代码片段11——vue路由的配置
vue的路由配置// 1,配置路由/映射表import VueRouter from "vue-router"import Vue from "vue"// 5,传入所有路由对应.vue组件 // 【【【 主页页面import Home from "../components/Home.vue"import homeNews_1 from "../components/homeNews_1.vue"import homeNews_2 from "../components/homeNe
2022-04-19 21:34:28
1634
原创 VSCode自定义代码片段15——git命令操作一个完整流程
git命令操作一个完整流程{ // git'command // 11 如何自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》 新建全局代码片段文件... =》自定义片段名称 =》编辑用户片段 =》ctrl+S 保存 // git命令操作一个完整流程 "Print to console": { "prefix": "git'command", "body": ["$ git config --global user.name 'Link' --设置github账
2022-04-14 06:15:37
245
原创 VSCode自定义代码片段3——url大全
# .vue组件主模板{ // vue // 自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》 自定义片段名称 =》编辑用户片段 =》ctrl+S 保存 "Print to console": { "prefix": "vue", "body": ["<!DOCTYPE html>","<html lang=\"en\">","","<head>"," <meta charset=\"UTF-8\">",
2022-04-13 11:20:12
1408
原创 VSCode自定义代码片段5——HTML元素结构
HTML元素结构{ // HTML'element // 如何自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》新建全局代码片段文件... =》自定义片段名称 =》编辑用户片段 =》ctrl+S 保存 // HTML元素结构 "Print to console": { "prefix": "HTML'element", "body": [ "<!DOCTYPE html>", "<html lang=\"en\">", "",
2022-04-13 11:16:31
1278
原创 VSCode自定义代码片段7——CSS动画
CSS动画{ // CSS'animation // 如何自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》新建全局代码片段文件... =》自定义片段名称 =》编辑用户片段 =》ctrl+S 保存 // CSS的动画 "Print to console": { "prefix": "CSS'animation", "body": ["<!DOCTYPE html>","<html lang=\"en
2022-04-12 16:09:49
716
原创 VSCode自定义代码片段4——cli的终端命令大全
cli的终端命令大全{ // cli'command // 如何自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》新建全局代码片段文件... =》自定义片段名称 =》编辑用户片段 =》ctrl+S 保存 // cli的终端命令 "Print to console": { "prefix": "cli'command", "body": [ "<p>", "/* cli的终端命令 */;", " node init :初始化node.j
2022-04-12 06:58:38
719
原创 VSCode自定义代码片段9——JS中的面向对象编程
JavaScript的面向对象编程{ // JS'OOP // 如何自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》新建全局代码片段文件... =》自定义片段名称 =》编辑用户片段 =》ctrl+S 保存 // JS中的面向对象编程 "Print to console": { "prefix": "JS'OOP", "body": [ "//JavaScript中面向对象编程：主要依赖构造函数刻出类，new关键字创建实例，\".\"操作符调用属性及方法",
2022-04-12 06:43:24
847
原创 VSCode自定义代码片段8——声明函数
声明函数{ // f' // 如何自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》 自定义片段名称 =》编辑用户片段 =》ctrl+S 保存 // 声明函数 "Print to console": { "prefix": "f'", "body": [ "function name(params) {", "", "// return outcome;", "}" ], "description": "声明函数" }}@沉木
2022-04-11 05:51:15
752
原创 VSCode自定义代码片段10—— 数组的响应式方法
数组的响应式方法{ // arr'fuction // 如何自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》 自定义片段名称 =》编辑用户片段 =》ctrl+S 保存 // 数组的响应式方法: "Print to console": { "prefix": "arr'fuction", "body": [ "/*arr'fuction 数组的那些方法是响应式的： */", "//1,push方法 末尾添加多个", "this.names.push(
2022-04-11 05:45:32
484
原创 VSCode自定义代码片段2——.vue文件的模板
.vue文件的模板{ // v' // 如何自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》 自定义片段名称 =》编辑用户片段 =》ctrl+S 保存 // .vue文件的模板 "Print to console": { "prefix": "v'template", "body": [ "<!-- -->", "<template>", "<div class=''></div>", "&l
2022-04-11 05:40:18
372
原创 VSCode自定义代码片段6——CSS选择器
CSS选择器自定义代码片段{// CSS'selector// CSS选择器 "Print to console": { "prefix": "CSS'selector", "body": ["/* CSS'selector:"," 1，元素选择器"," 标签名{}",""," 2，id选择器"," #id属性值{}",""," 3，类选择器"," .classN
2022-04-11 05:17:15
852
原创 Vue笔记大融合总结
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 判断使用GCF，即用Google Chrome浏览器内核渲染页面 --> <meta http-equiv="X-UA-C
2022-04-06 11:59:41
638
原创 VSCode自定义代码片段1——vue主模板
VSCode自定义代码片段(vue主模板){ // 自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》 自定义片段名称 =》编辑用户片段 =》ctrl+S 保存 "Print to console": { "prefix": "vue", "body": ["<!DOCTYPE html>","<html lang=\"en\">","","<head>"," <meta charset=\"UTF-8\">
2022-04-06 04:11:13
770
原创 vue内容划分
vue内容划分vue基础知识vue模块化开发思想vue组件化开发思想(SPA单页面开发模式,任务列表,前端路由)vue-router前端路由vuex共享数据大管家axios网络请求模块封装@沉木
2021-06-20 11:30:51
121
原创 vue-router路由详细笔记
vue-routerimport Vue from 'vue'import VueRouter from 'vue-router' //1,引入vue-router第三方模块Vue.use(VueRouter) //2,挂载中间件//3,配置路由映射表const routes = [{ path: '/fans-and-integral', name: '粉丝和积分', component: FansAndIntegral, m
2021-06-19 19:27:57
231
原创 vue-cli禁用eslint的方式
vue-cli2禁用eslint项目主目录 => config文件夹 => 打开index.js文件 => 26行左右代码段有:useEslint:true, 改为 useEslint:false,即可@沉木
2021-06-19 14:26:32
1712
原创 搭建网站随笔（WordPress）
搭建网站随笔准备域名 (网址,可到腾讯云或阿里云租用域名)空间 (主机，服务器电脑,地址 账号 密码)程序 (自主开发,团队开发,开源项目)WordPress搭建与管理网站安装WordPress软件https://wordpress.org/download/WordPress运行环境安装phpstudy(集成了mySQL PHP Apache 等wordPress必要的运行环境)https://www.xp.cn/wenda/401.html存储网页文件和网站
2021-06-12 19:57:21
245
3
原创 vue 防抖动函数
function debounce(func, delay) { //func为防快速调用的函数,delay为抖动间隔在多少毫秒之内将忽视 let timer = null; return function (...args) { if (timer) { clearTimeout(timer); } timer = setTimeout(() => { func.apply(this.ar
2021-06-07 15:36:17
265
原创 CSS3/ 弹性布局flex
需知：flex布局表示弹性布局任何一种元素都可以设置且当它设置 display:flex ,则开启了弹性布局,它成为弹性容器,它的所有子元素成为待排布的项目容器有默认的水平主轴和升起的交叉轴，项目在容器中默认沿主轴排列flex容器的常用属性：flex-direction （flex-direction 属性规定灵活项目的方向）flex-wrap （flex-wrap 属性规定flex容器是单行或者多行，同时横轴的方向决定了新行堆叠的方向）flex-flow （flex-flow 属性是
2021-06-06 19:37:19
135
原创 network/request.js网络请求模块封装
网络请求模块封装import axios from "axios"; //引入axios模块export function request(config) { //1,创建axios的实例 const instance = axios.create({ baseURL: "http://123.207.32.32:8000", timeout: 5000 }); // 2,axios的拦截器 // 拦截器的作用：1，处理一些信
2021-06-05 18:50:04
363
2
原创 Promise的链式调用三种写法，Promise.all与式调用
Promise的链式调用三种写法：// 1,Promise原始链式调用new Promise((resolve, reject) => { setTimeout(() => { console.log("请求结果：", 1); resolve(1); }, 1000)}).then((data) => { console.log("第一次对结果处理"); return new Promise((resolve, reje
2021-06-04 18:04:13
2459
原创 笔记随笔1(webpack,vue-router,vuex)
笔记随笔1props ; $emit ;:value= XX ; Vue event.target.value( ) ;slotname slot 具名插槽<template slot-scope=“child_data”>module.eports ; require()export ; import ;argumentswebpack前端模块化打包工具(依赖node环境)“node -v”“npm install webpack@3.6.0 -g”...
2021-05-28 17:39:08
256
1
原创 vue/父子组件之间的通信
父子组件之间的通信父组件绑定数据在组件上子组件props属性接收父组件内的data属性中待传的数据data1 => <cpn :data2=“data1”></cpn> 使用的组件上绑定要传入组件内的数据 => 子组件实例中props:[“data2”,…]; (props也可以是对象{data2:{type:String,default:“默认值”(或default(){return [] ;}),required:true},…) => <temp
2021-05-28 12:22:43
87
原创 AJAX单词大全
AJAX单词大全AJAX单词大全 0~9 HTTP:超文本传输协议（Hypertext Transfer Protocol，HTTP）是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII形式给出；而消息内容则具有一个类似MIME的格式。这个简单模型是早期Web成功的有功之臣，因为它使开发和部署非常地直截了当。; // AJAX:广泛用于网页的网络请求及局部刷新dom,(Asynchrono
2021-05-27 21:51:12
306
原创 Node单词大全
Node单词大全<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 判断使用GCF，即用Google Chrome浏览器内核渲染页面 --> <meta http-equi
2021-05-27 21:46:38
406
原创 vue-cli目录结构解析
vue-cil项目目录结构dist (由"npm run build"打包后生成,真正挂载到服务器的前端所有代码)node_modules (第三方包目录,安装第三方包时生成)public (公共资源目录)static (静态资源)img (图片)XX.jpg (jpg图片)XX.png (png图片)index.html (首页文件)src (源文件目录)assets (资源库)icons (图像)lightbox (灯箱)overlays (叠加
2021-05-27 21:41:48
597
原创 Node/01/案例流程
案例流程/* 案例流程: * 项目结构 => 新建文件夹"30_blog" => 控制台"npm init -y"生成package.json依赖记录文件 => 控制台"git init"连接github准备 * => 安装必要第三方包,控制台"npm i express mongoose --save" =>主目录下创建"app.js"文件 * => app.js创建服务，如下 */var express = require("express"); /*
2021-05-27 16:42:56
97
原创 JS_console对象中的一些常用方法
console对象中的一些常用方法undefinedconsole.count("计数")VM1321:1 计数: 2undefinedconsole.dir({a:"dir方法用来对一个对象进行检查",b:"以易于阅读和打印的格式显示"})VM1345:1 Objecta: "dir方法用来对一个对象进行检查"b: "以易于阅读和打印的格式显示"__proto__: Objectundefinedconsole.dirxml(document.body)VM1352:1 u
2021-04-20 17:12:09
111
原创 JS_异步任务之流程控制
需知:1,JavaScript只有一个核心的主线程，但它有存放异步任务的任务队列（task queue）。2，主线程中是正在运行的同步任务(异步任务开始运行则也会变为同步任务)，每次同步任务完成后就会去查看异步任务列表，如果查看时有异步任务达到它的运行条件(比如AJAX请求返回了结果)则把此任务放入主线程中开始执行，主线程的同步任务完成了又会去查看异步任务列表中的每个任务是否达到运行条件，如此往复，直到主线程中的同步任务全部完成以及异步任务列表清空了则脚本结束。3，回调函数是异步操作最基本的方法，有回
2021-04-02 23:20:46
233
原创 JS_模块的命名空间
模块的命名空间 (function($, window, document) { function go(num) { } function handleEvents() { } function initialize() { } function dieCarouselDie() { } //attach to the global scope//添加到全局空间 window.finalCarousel = {//window下的finalCaro
2021-04-01 22:01:17
141
原创 JS模块化(立即执行函数)
JavaScript的模块化//用立即执行函数制造的模块是JS最常用的模块(模块是实现特定功能的一组属性和方法的封装,可以独立完成一些功能,且有私有成员)之宽放大模式(允许模块所需参数为空，比如环境中没有jQuery模块也不会报错)var module1 = (function ($) { var _count = 0; var m1 = function () { //... }; var m2 = function () { //... }; return { m1 : m
2021-04-01 21:34:24
351
转载 JavaScript_Object.assign(目标对象,源对象1,源对象2,...)
【ES6学习笔记之】Object.assign()基本用法Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。const target = { a: 1 };const source1 = { b: 2 };const source2 = { c: 3 };Object.assign(target, source1, source2);target // {a:1, b:2, c:3}Object.assign方法的
2021-04-01 20:53:29
300
原创 ES5常用的组合继承及原型链理解
ES5常用的组合继承及原型链理解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-03-27 23:36:51
96
转载 JS_typeof()函数返回类型总结
一、若是基本数据类型返回对应的基本类型<script> // 1.number类型 var num = 1; console.log(typeof num);//返回的是number // 2.string 类型 var str = 'jack'; console.log(typeof str);//返回的是string //3. boolean类型
2021-03-27 13:55:09
619
转载 前端面试题(1)
前端面试题说在前面，我的答案仅供参考。答案有不全或有偏颇之处，欢迎各位在评论区补充及指正。一面都比较偏基础，大部分题目都会，即使不会也似曾相识，都能说上几句。但为什么有些人能过有些人过不了，这就是考查你的基础知识是否全面且扎实。会是应该的，但你的答案一定要详细并且有些题要说出多种答案。这就需要各位平常的积累了前端资源，戳下面的链接获取前端资源zhuanlan.zhihu.com图标csscalc, support, media各自的含义及用法？@support主要是用于检测浏览器
2021-03-19 13:33:47
105
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人