静水流深之鑫
码龄10年
关注
提问 私信
  • 博客：876,200
    社区：3,537
    问答：218
    879,955
    总访问量
  • 148
    原创
  • 1,839,833
    排名
  • 123
    粉丝
  • 0
    铁粉

个人简介：I AM ON THE WAY! 好好学习，天天向上！

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：山东省
  • 加入CSDN时间： 2015-03-28
博客简介：

静水流深

博客描述：
一个小白的学习记录
查看详细资料
个人成就
  • 获得331次点赞
  • 内容获得66次评论
  • 获得978次收藏
  • 代码片获得601次分享
创作历程
  • 6篇
    2020年
  • 22篇
    2019年
  • 30篇
    2018年
  • 68篇
    2017年
  • 75篇
    2016年
成就勋章
TA的专栏
  • CSS3
    10篇
  • Hadoop
    1篇
  • Linux系统
    48篇
  • C语言
    5篇
  • JAVA学习
    48篇
  • 开发工具
    25篇
  • Web前端
    64篇
  • PS常用教程
    1篇
  • 数据库
    12篇
兴趣领域 设置
  • 前端
    vue.js
创作活动更多

HarmonyOS开发者社区有奖征文来啦！

用文字记录下您与HarmonyOS的故事。参与活动，还有机会赢奖，快来加入我们吧！

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

VueTemplate轻量级后台管理系统模板框架

项目预览登陆页面系统界面404界面安装项目依赖npm install运行项目npm run dev项目进行打包npm run build项目规范校验.eslintrc.js 是对项目编码规范进行限制的操作.eslintignore 中配置忽略校验的文件第三方组件库Element UI 第三方组件库使用饿了吗的Element UI样式重置normalize.css is a modern alternative to CSS resets多语言支持i18n
原创
发布博客 2020.11.18 ·
1366 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

Vue项目中使用过滤器

为什么要使用过滤器？​ 能够对数据进行各种过滤处理，返回需要的结果，非常的方便和快捷。怎么使用过滤器？​ 首先过滤器分为两类：>- 全局过滤器>- 局部过滤器例如：Vue.filter('filterDome', function(val) { // val 为固定的参数 即是你需要过滤的数据 return val.split('.')})全局过滤...
原创
发布博客 2020.03.10 ·
2546 阅读 ·
2 点赞 ·
2 评论 ·
8 收藏

Vue项目中使用iconfont

首先创建自己的iconfont项目设置步骤如下：其中Font Family的值默认就可以，之后添加一些图标到自己的项目中。下载iconfont到本地下载到本地之后解压选中下面几个文件在项目中建立引用现在项目中建立一个iconfont的文件，把上面几个文件复制到这个文件中：之后再建一个样式文件，用于项目中使用同时在入口文件index.scss中引用到此，整个引用的顺序已...
原创
发布博客 2020.03.09 ·
1251 阅读 ·
0 点赞 ·
1 评论 ·
3 收藏

模拟window系统的ip输入框(支持粘贴复制)

需求：支持点、回车、长度三位之后自动跳转到下个输入框支持删除自动回退到前一个支持任意位置粘贴ip效果：进行vue代码的封装：/** * IP输入组件 */<template> <ul class="ipAdress" :style="{'background-color': disableFlag? '#f7f7f7' : '',...
原创
发布博客 2020.03.02 ·
500 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue项目代码注释规范

文件注释规范​ 单个文件注释规范，每个独立的VUE文件开头都要进行注释，表明该文件的描述信息、作者、创建时间等。<!-- * @FileDescription: 该文件的描述信息 * @Author: 作者信息 * @Date: 文件创建时间 * @LastEditors: 最后更新作者 * @LastEditTime: 最后更新时间 -->效果：方法注释规范...
原创
发布博客 2020.02.20 ·
37131 阅读 ·
16 点赞 ·
4 评论 ·
61 收藏

CSS常用技巧

技巧一：渐变色问题<html><head> <style> .gradient-text { background-image: linear-gradient(90deg, red, blue); -webkit-background-clip: text; ...
原创
发布博客 2020.02.18 ·
246 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

CSS模拟电池充电效果的实现

模拟简单的电池充电效果先画出电池的轮廓<html><head> <style> html,body { width: 100%; height: 100%; display: flex; background-color: #e4e4...
原创
发布博客 2019.12.24 ·
3755 阅读 ·
19 点赞 ·
1 评论 ·
31 收藏

基于DOM元素的自定义窗格思路以及实现

效果如下：实现的思路怎么实现款选时选中的白线的效果，怎么实现模拟对下面小的框格的选中效果。怎样进行合并之后窗格的布局显示，以及合并之后的再合并操作怎样进行还原操作，以及怎样判断框选主的是矩形（只允许框选矩形进行合并）…实现的步骤：构造需要操作的div并设置相关的样式 <div class="box"> <div v-for=...
原创
发布博客 2019.10.07 ·
228 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

Vue实现类似于word插入表格时选中行列的效果

首先看一下效果：实现的思路：先设置一个容器的，容器中放上10×10的小格子，同时监听容器的进入和离开方法。每个小格子上设置鼠标进入的方法，同时传入当前的序号，计算出当前的行和列，改变背景颜色。监听容器的是从那个位置进入，只有从左边和上边进入有效。相关的核心代码：判断鼠标移入元素的方向——上下左右，核心代码：var direction = Math.round((((Math...
原创
发布博客 2019.09.28 ·
1812 阅读 ·
3 点赞 ·
3 评论 ·
7 收藏

详解HTTP摘要认证

典型的认证过程客户端请求一个需要认证的页面，但是不提供[用户名]和[密码]。通常这是由于用户简单的输入了一个地址或者在页面中点击了某个[超链接]。服务器返回[401] “Unauthorized” 响应代码，并提供认证域(realm)，以及一个随机生成的、只使用一次的数值，称为[密码随机数 nonce]。此时，浏览器会向用户提示认证域(realm)（通常是所访问的计算机或系统的...
原创
发布博客 2019.08.31 ·
1798 阅读 ·
0 点赞 ·
0 评论 ·
5 收藏

vue项目开发规范总结

强制执行的：文件名要为多个单词，且语义明确，同时要为大写驼峰组件名应该始终是多个单词的，根组件 App 以及 、 之类的 Vue 内置组件除外。反例：Vue.component('todo', { // ...})好例：export default { name: 'TodoItem', // ...}组件数据data必须为一个函数反例：export ...
原创
发布博客 2019.08.28 ·
757 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

Vue学习笔记（三）------配置项

包管理工具和配置项npm和package.jsonnpm 是 Node Package Manager 的简称，顾名思义，它是 node 的包管理工具，也是目前世界上最大的开源库生态系统。使用 vue-cli 来构建自己的项目，并生成了相应的目录结构，而在最外层目录中，我们可以看到有 package.json 这一文件，该文件便是我们需要了解的包管理文件，例如：{ "name"...
原创
发布博客 2019.07.20 ·
3570 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

OpenLayers实现小车的轨迹查询的功能

支持实现的功能限制3天的时间跨度小车在运动中改变速度小车重新运动小车运动的点位支持打开详情信息这是自己当时刚从后端切到前端时，实现的第一个功能，当时都没有接触过前后端分离的开发模式，更不知道react,抱着现学现做的态度做的…，可能有需要的同学，做个参考吧。import React, {Component} from 'react';import {DatePicker, Inp...
原创
发布博客 2019.06.04 ·
2741 阅读 ·
2 点赞 ·
2 评论 ·
5 收藏

Vue学习笔记（二）------axios学习

axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios的功能和特征：从浏览器中创建XMLHttpRequests从node.js中创建http请求支持PromiseAPI拦截请求和响应转换请求数据和响应数据取消请求自动转化JSON数据客户端支持防御XSRF在项目中安装axois使用npmnpm install...
原创
发布博客 2019.04.20 ·
472 阅读 ·
3 点赞 ·
0 评论 ·
1 收藏

vue学习笔记（一）------脚手架vue cli

脚手架vue-cli(3.x)vue-cli是一个基于vue.js进行快速开发的完整系统，提供下面几个功能：通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时依赖 (@vue/cli-service），该依赖：可升级；基于 webpack 构建，并带有合理的默认配置；可以通...
原创
发布博客 2019.04.17 ·
990 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

图解原型和原型链

原型和原型链是 JS 中不可避免需要碰到的知识点
转载
发布博客 2019.04.03 ·
259 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

React中使用地图时一些常用方法总结

WGS84转换为火星 /** * 从84转火星 * @param {Number} wgsLng 经度 * @param {Number} wgsLat 纬度 * @return {[Number,Number]} point */ getWGS2Mars(wgsLng, wgsLat) { if (this._out...
原创
发布博客 2019.03.26 ·
855 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

在React中实现一个简单的SVG背景图

在React中实现简单的Svg背景框首先我们需要定义一个SVG.jsx组件，这个组件用于绘制svg背景： import React from 'react' import { Component } from 'react' export default class Svg extends Component { constructor(prop...
原创
发布博客 2019.03.26 ·
3392 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

Flex布局讲解

Flex弹性盒布局Flex是Flexible Box的缩写，意为’弹性布局’。任意一个容器都可以指定为Flex布局：.box{ display: flex; }注意一点：设置flex布局之后，子元素的float、clear和vertical-align属性将失效。基本概念​ 采用弹性盒布局的元素称为Flex容器，简称容器。它的所有子元素自动成为容器成员，称为Flex项目，简...
原创
发布博客 2019.03.26 ·
397 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

React练习小dome

发布资源 2019.03.20 ·
zip
加载更多