6 马优晨

尚未进行身份认证

我要认证

生活中的打击和挫折远比想象的更多,有时灾难又会让你的一切努力白费,也许明天我们就会死去,但如果我们还活着,在面对着种种不公和无奈过后,“明天的明天的明天,你是否会依然爱着这个世界。” 我想我会.......................

等级
TA的排名 1k+

PC端页面常见编辑

(1)PC端规则常用样式HTML<body> <div class=”rule”><div class=”rule-box”> <h2></h2 ></div></div></body>CSSbody{ min-width:1333px;}背景设置背景图:.rule{ height:630px; background:url(‘xxxxxx’) no-repea

2020-07-07 00:42:19

vue常用分页器

vue-pagination-2使用,看代码:<template> <div class="news-content"> <ul class="news-item"> <!-- 数据便利 --> <li v-for="list in newsItem" :key="list.id"> <span>{{ list.title }}</span> </li&

2020-06-28 14:42:31

使用require.context实现前端工程自动化

require.context介绍require.context是一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块require.context使用场景:在Vue写的项目中,我把路由通过不同的功能划分成不同的模块,在index.js中一个个导入(原谅ide的警告-.-),

2020-06-28 14:12:56

vue-cli3 环境设置

vue-cli3默认设置:使用vue-cli3打包项目,通过配置不同的指令给项目设置不一样的配置。npm run serve时会把process.env.NODE_ENV设置为‘development’;npm run build 时会把process.env.NODE_ENV设置为‘production’此时只要根据process.env.NODE_ENV设置不同请求url就可以很简单的区分出本地和线上环境。头疼的是打包时线上环境可能分多种,比如测试环境和生产环境等等。配置多个环境:在vu

2020-06-28 13:53:48

this.$router.go()和this.$router.push()的区别

this.router.go()和this.router.go()和this.$router.replace的差别this.$router.go(val) 介绍:在history记录中前进或者后退val步, - 当val为-1时回到上一页。 - 当val为0时刷新当前页面。 - 当val为1到下一页。this.$router.go(1) //类似history.forward() this.$router.go(-1) //类似history.back()this.$rout

2020-06-22 19:51:12

clipboard使用总结

(1)介绍:clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中clipboard.js支持主流的浏览器:chrome 42+; Firefox 41+; IE 9+; opera 29+; Safari 10+;(2)clipboard复印内容的方式有从target复印目标内容通过function 要复印的内容通过属性返回复印的内容target复印目标内容,这里不说,就说一

2020-06-22 19:32:18

nodejs path.parse()

nodejs path.parse() 的使用方式为 path.parse(path)• path <string> 参数为`string`• 返回: <Object> 返回值为`Object`path.parse() 方法会返回一个对象,其属性表示 path 的有效元素。 尾部的目录分隔符会被忽略.在 POSIX 上(Liunx,unix,等可移植操作系统)在 Windows 上:参考地址: http://nodejs.cn/api/path/path_pa

2020-06-22 19:21:01

js制作返回顶部

页面返回顶部有很多漂亮的形式,今天这里分享一个返回顶部的两个小动画。效果一:效果而:组件引入: <goTop></goTop> data() { return { test:”777 } }, components: {goTop}组件包含两个文件GoToTop.js 和goTop.vuegoTop.vue<template> <div class="goTopBT"> <d

2020-06-22 19:12:47

ejs数据处理

ejs读取对象数据test.jsconst ejs=require('ejs');//ejs渲染的数据是在回调里面ejs.renderFile('./views/1.ejs', {name: '马优晨',age:18, pas:'888898'}, function (err, data){ console.log(data);});1.ejs<!DOCTYPE html><html> <head> <meta charset="

2020-06-20 15:00:19

Jade数据处理

jade读取数据test.jsconst jade=require('jade');console.log(jade.renderFile('./views/7.jade', {pretty: true, a: 12, b: 5}));7.jadehtml head body div 我的名字:#{a+b}jade行内样式为对象,非行内是数组test.jsconst jade = require('jade')console.log( jade.renderF

2020-06-20 14:51:06

express模板引擎jade与ejs

express模板引擎有很多种,常用的是jade和ejs。区别:jade-破坏式、侵入式、强依赖ejs-温和、非侵入式、弱依赖一、jade渲染数据到页面1.根据缩进划分层级2.属性用()表示,用逗号分隔 *style={} *class=[]3.内容 div xxx span xxx a(href="xxx") 链接4.渲染函数jade.render('字符串');jade.renderFile('模板文件名', 参数)二、ejs渲染数据到页

2020-06-19 09:26:58

express中get和post的区别

express中get和post的区别1.GET请求无需中间件 req.query 即可2.POST请求需要中间件body-parser// 使用bodyParser,否则server中req.body无值server.use(bodyParser.urlencoded({ extended: false, //扩展模式是否启用 limit: 2*1024*1024 //限制-2M post数据大小}));3.模拟expre.

2020-06-19 09:15:21

vue 路由跳转并打开新页面

let id ='123';const {href} = this.$router.resolve({ path: '/home/commodity_Inventory', query: {id: id}})window.open(href, '_blank')vue 路由跳转并打开新页面,主要使用了this.$router.resolve的方法。获取到href,再用原生JS的方式跳转。...

2020-06-18 16:49:46

vscode显示中文乱码问题

用VS code,经常会遇到打开文件中文乱码的现象:选择菜单【文件file】 --> 【选项】–> 【设置Settings】 --> 【搜索Search settings】 “files.autoGuessEncoding” --> 勾选选即可。

2020-06-18 13:32:55

express登录例子

本实例主要涉及红框圈出的文件:文件描述:www 里面存放静态文件a.html是我们的表单文件ajax.js是封装的一个ajaxserver2.js是建立的服务端文件代码简述:server2.jsconst express = require('express')const expressStatic = require('express-static') //用于改变静态资源路径var server = express()server.listen(8087) //监听到808.

2020-06-18 09:52:48

node js的模块化的分类

一、node js的模块化的分类:(1)系统模块(2)自定义模块二、对外输出:对外输出东西——必须加给exports(1)单个输出:exports.xxx=??;exports.xxx=??;exports.xxx=??;(2)多个输出module.exports={ xxx: ??, xxx: ??, xxx: ??};(3)module.exports === exports 是等价的三、总结概括:require——引入其他模块exports——输出modu

2020-06-18 09:40:41

npm发布包

npm发布包举例:(1)首先建立一个文件夹(2)登录npm账号(3)发布npm publish(4)出现问题问题1:403 Forbidden - PUT https://registry.npm.taobao.org/extract - no_perms 淘宝镜像可以输入一下命令查看当前的登录源: npm config get registry切回到npmjs源,输入以下命令:npm config set registry=http://registry.npmjs.org问题2

2020-06-18 09:34:22

vue.config.js多页配置

vue.config.js多页配置,具体看代码:"use strict";const path = require("path");var webpack = require("webpack");function resolve(dir) { return path.join(__dirname, dir);}const port = process.env.port || process.env.npm_config_port || 8080; // dev portmodule.

2020-06-12 16:25:05

js设置页面750适配

(function() { if (/Android (\d+\.\d+)/.test(navigator.userAgent)) { var version = parseFloat(RegExp.$1); if (version > 2.3) { var phoneScale = parseInt(window.screen.width) / 750; document.write( '<meta name="view.

2020-06-11 09:52:04

css制作按钮按下去效果

CSS.login { cursor: pointer;}.login:active { position: relative; top: 8px; cursor: pointer;}效果

2020-06-05 14:07:45

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。
  • 分享学徒
    分享学徒
    成功上传1个资源即可获取