前端
关注
分享
扫一扫
文章平均质量分 60
秋叶夏风
在这里探讨Python,Go,前端相关技术,分享一些个人总结的经验和学习中遇到的各种坑 o～(▔▽▔o～)
展开
-
偶然发现一个大佬写的 React 脚手架，叫Moderate, 用起来很方便
发现一个大佬写的 React 脚手架，叫Moderate, 用起来很方便Moderate，意思为适中的，适度的，用这个作为代号，主要取决于他的本名“中用”，其一以贯之的想法就是中庸，秉承着以人为本的态度，着眼一般且常见业务，整理出一套“还行”的解决方案，选择性地追求先锋，策略性地坚持守拙，大体保持趋向极致的中庸，目标是打造一个没那么“重”(各种设限)，没那么“轻”(啥也没有)，方便演化的一个有生命力的脚手架，这就是Moderate所追求的“终”。???? 开箱即用，逻辑风格（比较）统一，理解一二，可推原创 2021-06-23 15:23:45 · 343 阅读 · 0 评论 -
Vue.js前后端分离2
内容回顾- 过滤器- 局部的过滤器// 只能在当前组件内部使用filters:function(val,a,b){ // 执行过滤处理逻辑,(添油加醋的内容) return xxx;}- 全局的过滤器// 声明+创建 在任何组件中都能使用Vue.filter("myTime",function() { // 添油加醋的处理 return xxxx;...原创 2020-01-15 11:11:44 · 355 阅读 · 0 评论 -
Emmet的html语法
Emmet的html语法所有操作按下“tab”键即可瞬间完成元素1.在编辑器中输入元素名称，即可自动补全生成 HTML 标签，即使不是标准的 HTML 标签。2.输入：! 或者 html:5 或者 html:4s 或者 html:4t 将自动补全html基本结构嵌套操作1.使用“>”生成子元素// 输入div>ul>li// 按下TAB键<div>...原创 2019-11-04 00:16:11 · 288 阅读 · 0 评论 -
npm常用命令
npm有啥用npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。npm常用命令1、npm install moduleNames：安装Node模块安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。node的安装分为全局模式和本地模式。一...原创 2019-11-04 00:15:10 · 229 阅读 · 0 评论 -
Node.js中事件的循环
Node.js 事件循环Node.js 是单进程单线程应用程序，但是通过事件和回调支持并发，所以性能非常高。Node.js 的每一个 API 都是异步的，并作为一个独立线程运行，使用异步函数调用，并处理并发。Node.js 基本上所有的事件机制都是用设计模式中观察者模式实现。Node.js 单线程类似进入一个while(true)的事件循环，直到没有事件观察者退出，每个异步事件都生成一个事...原创 2019-11-04 00:14:34 · 200 阅读 · 0 评论 -
nodejs简介
nodejs是啥？Node.js是运行在服务端的JavaScript。Node.js是一个基于Chrome JavaScript运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。Node.js适合哪些人来使用呢？对于不会运用Python、PHP以...原创 2019-11-04 00:13:55 · 429 阅读 · 0 评论 -
JavaScript中的函数
js函数*第一种是使用function语句定义函数function abc(){ alert('abc');}*第二种是在表达式中定义函数var 函数名 = function\(参数1，参数2，…\){函数体};//例如：//定义 var add = function\(a,b\){ return a+b; } //调用函...原创 2019-07-20 10:25:19 · 441 阅读 · 0 评论 -
JavaScript中的对象
js对象1.使用原始的方式创建内置对象 var myObject = new Object(); myObject.name = “lijie”; myObject.age = 20; myObject.say = function(){...}2.直接创建自定义对象 var 对象名 = {属性名1：属性值，属性名2：属性值2，…….}*3.使用自...原创 2019-07-20 11:14:06 · 278 阅读 · 0 评论 -
JavaScript中的数组
js数组数组就是一组数据的集合，javascript中，数组里面的数据可以是不同类型的。定义数组的方法//对象的实例创建var aList = new Array(1,2,3);//直接量创建var aList2 = [1,2,3,'asd'];操作数组中数据的方法1、获取数组的长度：aList.length;var aList = [1,2,3,4];alert(aLis...原创 2019-07-20 11:18:31 · 355 阅读 · 0 评论 -
JavaScript中的数学对象Math
js数学对象Math//四舍五入var res = Math.round(5.921);//获取最大值var res = Math.max(10,23,523,43,65,46,32,32);//获取最小值var res = Math.min(12312,324,32,42,3,23,412,4332,21,3,-1);//获取绝对值var res = Math.abs(-1...原创 2019-07-20 11:20:49 · 704 阅读 · 0 评论 -
JavaScript中的正则
js正则正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串,正则表达式通常被用来检索、替换那些符合某个模式的文本声明方式普通字符new RegExp();/hehe/转义字符\w \W \d \D \s \S var reg = /\w/;//单个的字母数字下划线var reg = /\W/;//单个的非字母数字下划线var reg = /\...原创 2019-07-20 11:23:34 · 359 阅读 · 0 评论 -
jquery中的选择器
jquery选择器jquery用法思想选择某个网页元素，然后对它进行某种操作jquery选择器jquery选择器可以快速地选择元素，选择规则和css样式相同基础选择器//通过id来获取元素 document.getElementById();// $('#logo').css('border','solid 2px red');//通过标签名来获取元素// $('li').css...原创 2019-07-21 17:20:32 · 189 阅读 · 0 评论 -
jQuery中的元素操作
jQuery元素操作通过jQuery可以操作控制元素的样式,文本,属性等jquery样式操作css操作行内样式// 获取div的样式$("div").css("width");$("div").css("color");//设置div的样式$("div").css("width","30px");$("div").css("height","30px");$("div")....原创 2019-07-22 08:26:27 · 295 阅读 · 0 评论 -
JavaScript中的定时器
js定时器通过使用 JavaScript，我们有能力作到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。** 定时器在javascript中的作用**1、制作动画2、异步操作3、函数缓冲与节流定时器类型及语法setInterval() - 间隔指定的毫秒数不停地执行指定的代码。 setTimeout() - 暂停指定的毫秒数后执行指定的代码 se...原创 2019-07-20 10:21:07 · 1300 阅读 · 0 评论 -
JavaScript中的元素获取与操作
js元素获取与操作可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素，获取到的是一个html对象，然后将它赋值给一个变量，比如：<script type="text/javascript"> var oDiv = document.getElementById('div1');</script>.......原创 2019-07-20 10:08:08 · 618 阅读 · 0 评论 -
CSS边框,背景,边距,溢出
CSS边框,背景,边距,溢出css边框属性 border:宽度 样式 颜色;border-color;border-style; 边框样式：solid实现，dotted点状线，dashed虚线CSS3的样式border-radius：圆角处理box-shadow: x轴偏移 y轴偏移 模糊度 扩散成都 颜色 inset内阴影 设置或检索对象阴影背景属性：background *b...原创 2019-07-17 08:01:28 · 1699 阅读 · 0 评论 -
CSS中的盒子
盒子盒子模型解释元素在页面中显示成一个方块，类似一个盒子，CSS盒子模型就是使用现实中盒子来做比喻，帮助我们设置元素对应的样式。盒子模型示意图如下：把元素叫做盒子，设置对应的样式分别为：盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。盒子模型的尺寸按照下面代码制作页面：<!DOCTYPE html><...原创 2019-07-17 08:05:40 · 1758 阅读 · 0 评论 -
CSS中的块元素,内联元素,内联块元素
块元素,内联元素,内联块元素元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。块元素块元素，也可以称为行元素，布局中常用的标签如：div、p、ul、li、h1~h6等等都是块元素，它在布局中的行为：支持全部的样式如果没有设置宽度，默认的宽度为父级宽度100%盒子占据一行、即使设置了宽度内联元素内联元素，也可以称为行...原创 2019-07-17 08:11:01 · 367 阅读 · 0 评论 -
CSS之浮动
浮动文档流文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。浮动特性1、浮动元素只有左浮动(float:left)和右浮动(float:right)两种2、一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到父级边框或另一个浮动元素的边框为止3、浮动元素后面如果有不浮...原创 2019-07-17 08:15:33 · 274 阅读 · 0 评论 -
CSS中的定位
定位关于定位我们可以使用css的position属性来设置元素的定位类型，postion的设置项如下：relative 生成相对定位元素，元素所占据的文档流的位置不变，元素本身相对文档流的位置进行偏移absolute 生成绝对定位元素，元素脱离文档流，不占据文档流的位置，可以理解为漂浮在文档流的上方，相对于上一个设置了相对或者绝对或者固定定位的父级元素来进行定位，如果找不到，则相对于bod...原创 2019-07-17 08:17:47 · 252 阅读 · 0 评论 -
Vue相关知识总结
Vue简介Vue是js的一个库,类似于JQueryVue当前版本已经发展到2.X版本,并且现在市面上基本使用的都是2.X版本.现在一些知名的互联网公司,例如滴滴,美团等,都在大量的使用vue本段内容主要讲解Vue的基本知识和指令,了解vue的基本概念注意: Vue 不支持 IE8 及以下版本vue中文官网https://cn.vuejs.org/Vue的使用直接用 script...原创 2019-07-17 08:33:44 · 269 阅读 · 3 评论 -
前端相关索引汇总
前端相关索引汇总HTML相关HTML概述和基本结构HTML中Head头HTML标题 HTML段落,换行,字符实体HTML块,含样式的标签HTML中的图片HTML中的链接HTML中的列表HTML中的表格HTML中的表单...原创 2019-07-20 09:33:39 · 608 阅读 · 0 评论 -
JavaScript使用场景
JavaScript嵌入页面的方式1、行间事件（主要用于事件）<input type="button" name="" onclick="alert('ok！');">2、页面script标签嵌入<script type="text/javascript"> var a = '你好！'; alert(a);</script>...原创 2019-07-20 09:50:25 · 1384 阅读 · 0 评论 -
JavaScript中的变量
js变量JavaScript 是一种弱类型语言，javascript的变量类型由它的值来决定。定义变量需要用关键字 ‘var’,不使用var关键字定义全局变量在严格模式下将会执行错误 “use strict”; var a = 123; var b = 'asd'; //同时定义多个变量可以用","隔开，公用一个‘var’关键字 var c = 45,d='qwe',f='68'...原创 2019-07-20 09:54:17 · 364 阅读 · 0 评论 -
JavaScript中的数据类型转换
js数据类型转换使用：Number（）、parseInt() 和parseFloat（） 做类型转换Number()强转一个数值(包含整数和浮点数)。*parseInt()强转整数，*parseFloat（）强转浮点数函数isNaN()检测参数是否不是一个数字。isNaN() is not a numberECMAScript 中可用的 3 种强制类型转换如下：Boole...原创 2019-07-20 09:58:35 · 426 阅读 · 0 评论 -
JavaScript中的运算符
js运算符算 字 赋 比 逻 位 它算术运算符 + - * / ++ --字符串连接 +赋值运算 = += -= %=比较运算符 < > >= <= == === != !==逻辑运算符 && || !位运算 ^ & | << &...原创 2019-07-20 10:00:56 · 451 阅读 · 0 评论 -
JavaScript中的循环
js循环程序中进行有规律的重复性操作，需要用到循环语句。break 和 continue 语句对循环中的代码执行提供了更严格的控制。for循环for(var i=0;i<len;i++){ ......}while循环var i=0;while(i<8){ ...... i++;}for-in 语句for-in 语句是严格的迭代...原创 2019-07-20 10:05:15 · 383 阅读 · 0 评论 -
HTML概述和基本结构
HTML概述和基本结构HTML是什么? http://www.w3school.com.cn/index.htmlHTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个...原创 2019-07-16 07:57:19 · 444 阅读 · 0 评论