wenxin_liu
码龄3年
  • 26,401
    被访问
  • 61
    原创
  • 1,520,058
    排名
  • 3
    粉丝
关注
提问 私信
  • 加入CSDN时间： 2019-11-08
博客简介：

wenxin_liu的博客

查看详细资料
个人成就
  • 获得10次点赞
  • 内容获得1次评论
  • 获得55次收藏
创作历程
  • 46篇
    2020年
  • 15篇
    2019年
成就勋章
TA的专栏
  • css选择器
    1篇
  • web基础知识
    1篇
  • 图像及链接
    1篇
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

Bootstrap表单样式使用技巧

Bootstrap表单样式使用技巧表格是Bootstrap的一个基础组件之一，Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。在使用Bootstrap的表格过程中，只需要添加对应的类名就可以得到不同的表格风格Bootstrap为表格不同的样式风格提供了不同的类名，主要包括：.table：基础表格.table-striped：斑马线表格.table-bordered：带边框的表格.table-hover：鼠标悬停高亮的表格.table-condensed：紧凑
原创
发布博客 2020.05.10 ·
208 阅读 ·
0 点赞 ·
0 评论

vuex使用案例（下）

5. state访问状态对象使用computed计算<template> <div class="hello"> <h1>Hello Vuex</h1> <h5>{{count}}</h5> <p> <button @click="$store.commit('jia')">+</button> <button @cli
原创
发布博客 2020.08.08 ·
85 阅读 ·
0 点赞 ·
0 评论

Vuex的使用案例（上）

什么是vuex状态管理？就是我们vue里的核心数据库安装$ npm install vuex --save在main.js 主入口js里面引用store.jsimport Vue from 'vue'import App from './App'import router from './router' import store from './vuex/store' //引用store.jsVue.config.productionTip = false //阻止在启动时
原创
发布博客 2020.08.08 ·
95 阅读 ·
0 点赞 ·
0 评论

VUe的生命周期分析

生命周期：一个组件从创建到销毁的这个过程叫做生命周期 生命周期钩子函数1、组件从创建到销毁的过程1、创建前 创建后2、挂载前 挂载后3、更新前 更新后4、销毁前 销毁后如下图：beforeCreate当前生命周期函数主要用来做初始化工作,在这个生命周期函数中我们可以创建一个loadingcreated:(*****)创建后:1、在当前生命周期函数中我们可以访问到vm身上所有的属性和方法2、当前生命周期函数会将data和methods身上所有的属性和方法都挂载在vm的实例身上3、当
原创
发布博客 2020.08.01 ·
76 阅读 ·
0 点赞 ·
0 评论

VUe的使用以及指令v-model与v-bind区别

vue起步：1、引包 2、启动new Vue({el:目的地，template：模板内容}) 其中options参数除了 el、template还有数据data在html中如何使用vue：按照上述步骤， 引包 <script src='./node_modules/vue/dist/vue.js'></script>new Vue对象　　　　　　　new Vue({el:"#app",//预留填坑位置，比如html页面有一个<div id='app'&
原创
发布博客 2020.08.01 ·
502 阅读 ·
2 点赞 ·
0 评论

mongo的简介及基本操作

MongoDB 是一个基于分布式文件存储的数据库，由 C++ 编写，旨在为 WEB 应用提供可扩展、高性能的数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库中功能最丰富、最像关系数据库的。在高负载的情况下，添加更多的节点，可以保证服务器性能。简介MongoDB 将数据存储为一个文档，数据结构由键值(key=>value)对组成。MongoDB 文档类似于 JSON 对象，字段值可以包含其他文档，数组及文档数组。{　　field1:value1,
原创
发布博客 2020.07.19 ·
96 阅读 ·
0 点赞 ·
0 评论

node 的QueryString模块和Path模块

"QueryString模块"“QueryString” 模块用于实现URL参数字符串与参数对象的互相转换：举例：1 var url = require('url');2 var qs = require('querystring');3 var queryUrl = "http://localhost:8888/bb?name=bigbear&memo=helloworld" ;4 queryUrl = url.parse(queryUrl).query ;5 console.l
原创
发布博客 2020.07.19 ·
98 阅读 ·
0 点赞 ·
0 评论

node模块与操作文件目录

客户端与服务端意思就是js文件是在客户端环境运行（在浏览器中打开）还是在服务端环境（直接终端运行命令 node index.js）运行nodejs原生服务器const http = require("http")const server = http.createServer((req, res) => { res.write("使用node启动一个服务器") res.end()})server.listen(3000)node 模块 (遵循commonjs规范co
原创
发布博客 2020.07.12 ·
169 阅读 ·
0 点赞 ·
0 评论

页面防抖函数

防抖（debounce）什么是防抖？在事件被触发n秒后再执行回调函数，如果在这n秒内又被触发，则重新计时。应用场景(1) 用户在输入框中连续输入一串字符后，只会在输入完后去执行最后一次的查询ajax请求，这样可以有效减少请求次数，节约请求资源；(2) window的resize、scroll事件，不断地调整浏览器的窗口大小、或者滚动时会触发对应事件，防抖让其只触发一次；还是上述列子，这里加入防抖来优化一下，完整代码如下：<!DOCTYPE html><html lang="
原创
发布博客 2020.07.12 ·
335 阅读 ·
0 点赞 ·
0 评论

ES6中set与map的使用和操作方法

SetES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。// 例一var set = new Set([1, 2, 3, 4, 4]);[...set]// [1, 2, 3, 4]var s = new Set();[2, 3, 5, 4, 5, 2, 2].map(x => s.add(x));for (let i of s) { console.log(i);}/
原创
发布博客 2020.07.05 ·
306 阅读 ·
0 点赞 ·
0 评论

ES6要会结构

解构解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。解构模型在解构中，有下面两部分参与：解构的源，解构赋值表达式的右边部分。解构的目标，解构赋值表达式的左边部分。数组模型的解构（Array）基本let [a, b, c] = [1, 2, 3];// a = 1// b = 2// c = 3可嵌套let [a, [[b], c]] = [1, [[2],
原创
发布博客 2020.07.05 ·
48 阅读 ·
0 点赞 ·
0 评论

箭头函数与普通函数的区别

箭头函数的特点箭头函数相当于匿名函数，并且简化了函数定义。箭头函数是匿名函数，不能作为构造函数，不能使用new箭头函数不绑定arguments，用…代替function A(a){ console.log(arguments);}A(1,2,3,4,5,8); // [1, 2, 3, 4, 5, 8, callee: ƒ, Symbol(Symbol.iterator): ƒ]let B = (b)=>{ console.log(arguments);}B(2,92
原创
发布博客 2020.06.27 ·
70 阅读 ·
0 点赞 ·
0 评论

ES6箭头函数的作用域this指向

作用域这个箭头函数的作用域和其他函数有一些不同,如果不是严格模式，this关键字就是指向window，严格模式就是undefined，在构造函数里的this指向的是当前对象实例,如果this在一个对象的函数内则this指向的是这个对象，this有可能指向的是一个dom元素，例如当我们添加事件监听函数时,可能这个this的指向不是很直接，其实this（不止是this变量）变量的指向是根据一个规则来判断的：作用域流。下面我将演示this在事件监听函数和在对象函数内出现的情况：在事件监听函数中：docume
原创
发布博客 2020.06.27 ·
628 阅读 ·
0 点赞 ·
0 评论

ajax的CORS跨域

简介因为浏览器的“同源策略”，协议、域名、端口号若有一个不同，则不能访问。AJAX本身是不能跨域的，AJAX直接请求普通文件存在跨域无权限访问的问题，只要是跨域请求，一律不准；但是配合后台可以跨域。因为同源策略限制的是浏览器但是对服务器不限制，服务器可以跨域。那是不是用JavaScript无法请求外域（就是其他网站）的URL了呢？方法还是有的，以下介绍CORS跨域CORS跨域CORS（Cross-Origin Resource Sharing，跨源资源共享）是W3C的一个草案，定义了在必须访问跨域
原创
发布博客 2020.06.21 ·
92 阅读 ·
0 点赞 ·
0 评论

ajax同步请求与异步请求的介绍及区别

同步异步简介同步：提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事异步: 请求通过事件触发->服务器处理（这是浏览器仍然可以作其他事情）->处理完毕同步就是你叫我去吃饭，我听到了就和你去吃饭；如果没有听到，你就不停的叫，直到我告诉你听到了，才一起去吃饭。异步就是你叫我，然后自己去吃饭，我得到消息后可能立即走，也可能等到下班才去吃饭。所以，要我请你吃饭就用同步的方法，要请我吃饭就用异步的方法，这样你可以省钱。同步请求$.ajax({ t
原创
发布博客 2020.06.21 ·
189 阅读 ·
0 点赞 ·
0 评论

XHR简介及基本使用

XHR简介XHR是XMLHttpRequest 的简写XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问，包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步地返回 Web 服务器的响应，并且能够以文本或者一个 DOM 文档的形式返回内容。XHR接口强制要求每个请求都具备严格的HTTP语义–应用提供数据和URL，浏览器格式化请求并管理每个连接的完整生命周期，所以XHR仅仅允许应用自定义一些HTTP首部，但更多的首部是不能自
原创
发布博客 2020.06.14 ·
2122 阅读 ·
4 点赞 ·
0 评论

typescript与javascript的优势以及区别

什么是TypeScriptTypeScript是微软开发的，javascript的超集，遵循ES6规范（2015年推出）javascript实现了ES5规范，TypeScript实现了ES6规范es6属于js的规范实现，浏览器会去适配，ts不会以后浏览器升级，就会按照ES6的方向类适配然而typscript只是说我们开发人员用的语言，到时候还是要编译成ES5、ES6的规范的，才能在浏览器跑js理论上可以在任何环境跑，但是es6离开了浏览器就不能跑了你在浏览器运行，浏览器知道他是个啥，在安卓跑他
原创
发布博客 2020.06.14 ·
814 阅读 ·
0 点赞 ·
0 评论

php与javascript语言的区别

PHP的介绍1:变量与常量命名以$开头,变量的标志,变量名称用字母,数字,下划线字,并且数字不能开头.作用域默认情况,函数内部不能访问到外部的全局变量,但能访问到超级全局变量.$_GET,$_POST等大小写变量和常量区分大小写.可否重置其值变量可以重新赋值.而常量一旦定义,不能注销,也不能重新赋值.2:函数的参数可以声明0-N个,但是在调用时,要求调用时的参数与声明时的参数个数一样.和js相比,PHP中的函数可有默认值.3:逻辑运算符在PHP中,逻辑运算符返回的运算结果为布尔值
原创
发布博客 2020.06.07 ·
275 阅读 ·
0 点赞 ·
0 评论

PHP的字符串拼接

在php里声明一个字符串有2种方式一种是用单引号一种是用双引号两者最大的区别就是当字符串中包含变量时，单引号不能输出变量的值，而是直接输出变量名，双引号就可以输出变量的值。<?php$a = 'hello';$b = 'world';echo '$a $b'; //输出$a $becho "$a $b"; //输出hello world ?>另外单引号里只能有2种转义字符，’(表示单引号)和\(表示反斜杠)，双引号就没这个限制。<?phpecho '\'hell
原创
发布博客 2020.06.07 ·
1330 阅读 ·
0 点赞 ·
0 评论

fullpage 的方法介绍及使用

fullpage 的方法moveSectionUp(): 向上滚动一页moveSectionDown(): 向下滚动一页moveTo(section,slide): 滚动到第几页 第几个幻灯片 section从1开始 slide从0开始使用方式$.fn.fullpage.XXX()selientMoveTo(): 滚动到第几页和moeTo一样 只不过没有动画效果moveSlideRi
原创
发布博客 2020.05.31 ·
1468 阅读 ·
0 点赞 ·
0 评论
加载更多