前端
jiaway
这个作者很懒,什么都没留下…
展开
-
css的继承性及特例
以color/font-/text-/line开头的属性才可以继承a 标签的文字颜色和下划线不能继承原创 2020-11-06 23:17:30 · 121 阅读 · 0 评论 -
css中的变量导出到js中
在js 中import variables原创 2020-08-11 11:32:11 · 823 阅读 · 0 评论 -
node最简单的服务启动 返回数据 拦截和错误处理 小demo
启动node服务,最简单的 返回 拦截 和 错误处理1.执行以下命令 生成空项目npm init -y2.安装依赖npm i -S express3.写代码运行const exprss = require('express')const app = exprss()function myLogger(req, res, next) { console.log('myLogger') next()}// node 最简单的拦截器使用 需在请求上边app.u原创 2020-08-07 15:02:17 · 707 阅读 · 0 评论 -
flex布局中的margin-right:auto 和 margin-left:auto
在flex布局中,想实现布局左右浮动效果,可以在第二个容器加上 margin-right:auto或给第一个加上 margin-left:auto原创 2020-07-18 08:45:38 · 1763 阅读 · 0 评论 -
使用absolute的流体特性和margin:auto实现居中
百分比transform会让iOS微信闪退推荐的方式原创 2020-05-19 17:41:55 · 212 阅读 · 0 评论 -
单行文字实现溢出 三个点点点效果
核心效果是 text-overflow:ellipais 但入校下个效果缺一不可.ell { text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}原创 2020-05-19 08:41:49 · 479 阅读 · 0 评论 -
CSS 实现三角形 等腰梯形
三角形的答案是: div { width: 0; border: 100px solid; border-color: red transparent transparent;}详细过程借助的是 border-color:red green blue pink; 的四个属性可以理解为 每个颜色代表一个小三角形 如div { width: 0; border: 100px solid; border-color: red g原创 2020-05-18 14:54:11 · 543 阅读 · 1 评论 -
hexo 插入图片 失败的解决方案
使用hexo 插入图片,图片的标签会变为 设置的 url后缀+文件名,如/.com/xxx.jpg 等原因是因为 hexo 升级后,对应的插件hexo-asset-image 并未升级,且留下bug,这里全部修改为绝对路径 即 全域名修改 node_module/hexo-asset-image/index.js 中的大概60行附近的//这个是源码 $(this).attr('src', ...原创 2020-04-27 01:16:17 · 1011 阅读 · 0 评论 -
圣杯布局与双飞翼布局
为了实现左右两侧固定,中间内容宽度可调,发明的布局方式圣杯布局左中右在一个容器中,左右通过覆盖padding内容完成<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width...原创 2020-03-19 14:16:54 · 102 阅读 · 0 评论 -
vscode 给项目加上eslint插件 自动验证修复代码格式
如果用脚手架,自动创建vue项目,只需要安装eslint插件 配置自动autofixOnsave为ture即可以下是初始化时没有安装eslint的配置npm install eslint -geslint --init //选择一堆的配置,会自动生成俩配置文件在左边的插件列表里搜索到eslint插件 ,install在设置里配置如下代码"editor.codeActionsOnSa...原创 2020-03-05 19:09:52 · 722 阅读 · 0 评论 -
行内块缝隙解决方案
行内块之间可能有缝隙1.使用浮动2.元素增加 vertical-align: middle;如: 会有缝隙.one,.two { display: inline-block; width: 200px; height: 200px; background-color: pink;}<div class="one"></div><di...原创 2019-12-11 17:11:06 · 475 阅读 · 0 评论 -
css 块级元素 行级元素居中
行内元素 display:inline-block 给定宽高后居中text-align: center; /* 文字 行内元素 行内块元素水平居中 */块级元素居中margin: 10px auto; /* 块级盒子水平居中 左右margin 改为 auto */...原创 2019-12-11 11:46:39 · 305 阅读 · 0 评论 -
Vuex 极简入门
在中大型项目中,为方便组件间通讯,因此有了vuexVuex 4个核心概念state 用来展示数据getter 用来美化数据mutation 用来计算数据actions 用来异步操作如何使用npm install vuex --save在组件中<template> <div> <h3>当前最新的count值为:{{$...原创 2019-11-07 11:40:22 · 125 阅读 · 0 评论