前端
文章平均质量分 50
Danile-丹丹
未来的前端 VR+物联网前端 改变世界
展开
-
在终端通过命令行安装node详细步骤
下方截图是mac电脑,从左到右第十个图标是终端图标,第一步:点击终端,打开第二步:输入curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.30.2/install.sh | bash会加载下方代码,不报错: % Total % Received % Xferd Average Speed Time Time ...原创 2018-05-16 20:10:41 · 10553 阅读 · 0 评论 -
在项目中引用 stylelint 规范
在项目中加入 eslint 或者 tslint 去规范我们在写 js 的语法。但项目中占更大比重的一部分就是 css。很多项目不重视 css 的编写。原因其一:基本上写完的页面,改动很小。要是大改动基本上重写一个页面的速度会更快。原因其二:css 的性能影响相对较小,不如 js,如果写个死循环就 done 机了。但是,作为程序员不能放弃追求美的步伐。曾经你们的 css 项目肯定有这样的:...原创 2019-08-02 17:45:14 · 737 阅读 · 0 评论 -
Promise、async、setTimeout异步执行顺序问题
大脑暴来了~~易头晕者勿入题目一:console.log('script start'); setTimeout(function() { console.log('setTimeout');}, 0);const newPromise6 = new Promise(function(resolve, reject) { ...原创 2019-08-02 17:46:15 · 251 阅读 · 0 评论 -
如何更优雅的封装组件 - Search
Search - 搜索框无论在B端还是C端都会存在的东西。无疑把其抽离封装原创 2019-08-02 17:47:18 · 579 阅读 · 0 评论 -
TypeScript 从入门到精通
一、什么是 TypeScript先看一下官网上对 TypeScript 的介绍。关键词:超集言外之意 JavaScript 的所有用法 TypeScript 都支持。关键词:TypeTypeScript 强调也是其优点之意是【类型】为什么需要 Ts 呢?举个小例子:一个杯子可以装水,也可以当笔筒装杂物。但是,拿装杂物的杯子些许显得不太干净。物有所用,各司其职。Js 是弱类型可以...原创 2019-08-02 17:49:23 · 2623 阅读 · 0 评论 -
在 Vue 项目中引入 Lodash
一、安装cnpm i loash -S或npm i -g npmnpm i --save lodash二、引入let _ = require('lodash')三、使用_.debounce(this.handleClick,1000,false)四、实践<template> <div>lodash.js</div></tem...原创 2019-03-18 20:18:56 · 4294 阅读 · 0 评论 -
[转载]css modules使用方法
原文链接:https://www.cnblogs.com/kugeliu/p/7889018.htmlcss modules调研css模块化解决方案抛弃css (Radium,jsxstyle,react-style) 利用js来管理样式依赖(css Modules)css模块化面临的问题全局污染 命名混乱 依赖管理不彻底 无法共享变量 代码压缩不彻底启用CSS Mo...转载 2018-11-14 11:44:27 · 268 阅读 · 0 评论 -
VsCode怎么运行html界面
一般我们安装完VsCode需要安装很多插件。若是想在vscode运行我们编好的代码在各浏览器进行运行修改bug。如下图:那么我们可以安装两个插件:①:open in browers使用它的方式有alt+b运行;或者切换alt+shift+b切换不同浏览器运行;并且可以运行多个界面②view in browers可以在自己想打开的htm目录中右键,出现view in browser即可运行打开;但是...原创 2018-06-26 15:57:20 · 151274 阅读 · 21 评论 -
vscode命令行起本地服务,可发送http请求
在我们vscode中默认打开的是file协议,但是往往我们会有ajax等请求,需要发送http等其他协议,所以我们需要搭起本地服务。三步:①:npm -v 会出现版本号②:npm insrall -g live server如果npm install -g live-server安装报错就用npm install live-server -gf安装第三步:直接 live-server 即可搭...原创 2018-06-27 21:25:03 · 7904 阅读 · 0 评论 -
微信小程序如何使用模板template,并且能够调用
一般在开发一个小程序的时候,总是会有一些重复的样式,或者不同页中会出现相同的模板样式,如果一个界面或者不同界面都写一样的代码(哪怕复制粘贴代码),代码复用性低,并且不易维护,若pm要改动一点点东西,则需要全部改动,维护性差。这时候template的作用就出来了,此处,我讲以一个小例子进行简单介绍。红色部分则是,用引用的商品模板:模板页代码如下:template.wxml<!--pages/t...原创 2018-07-04 16:27:41 · 9663 阅读 · 4 评论 -
【转载】vue-cli(脚手架)从搭建到运行初步了解
都说Vue2简单上手容易,的确,看了官方文档确实觉得上手很快,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前用jq随便拿全局变量和修改dom的锤子不能用了,vue只用关心数据本身,不用再频繁繁琐的操作dom,注册事件、监听事件、取消事件。。。。(确实很烦)。vue的官方文档还是不错的,由浅到深,如果不使用构建工具确实用的很爽,但是这在实际项目应用中是不可能的,当用vue...转载 2018-07-18 17:56:39 · 217 阅读 · 0 评论 -
微信小程序封装函数总集之一:显示开抢时间的函数
函数一: 显示开抢时间的函数背景:在商品页中,会显示开抢时间,例如:下图显示。在当前页面例如:index中建一个wxsindex.wxs// 显示开抢时间的函数function formatstartTime(timeStr) { var date = getDate(timeStr.replace(getRegExp('-', 'g'), '/')); var m...原创 2018-08-27 16:44:14 · 245 阅读 · 0 评论 -
git命令后常用操作用法
一、提交代码第一步:git add .第二步:git commit -m " ....(中间打入备注)"第三步:git push二、合并代码a分支代码要和到b分支代码,或者b分支代码要和a分支代码第一步:先切到a分支代码,并且更新a分支代码 git chekout a(分支名) git pull(拉去最新的代码,合...原创 2018-08-28 14:39:03 · 157 阅读 · 0 评论 -
ES6中的import和export的用法
在es6之前,javascript并没有对模块做出任何定义,于是先驱者们创造了各种各样的规范来完成这个任务。现在来看看它是如何定义的。//hello.js文件//定义一个命名为hello的函数function hello(){ console.log('hello es6');}//使用exports导出这个模块export hello;//main.js...原创 2018-09-18 17:20:58 · 704 阅读 · 0 评论 -
react脚手架搭建步骤
第一步:检查npm和node是否安装在安装之前要确认你的机器上安装了 node.js 环境包括 npm。如果没有安装的同学可以到 node.js 的官网下载自己电脑的对应的安装包来安装好环境。第二步:npm install -g create-react-app这条命令会往我们的机器上安装一条叫 create-react-app 的命令,安装好以后就可以直接使用它来构建一个 rea...原创 2018-10-11 17:09:03 · 1554 阅读 · 1 评论 -
【译】通过Recompose库掌握React函数组件
原文地址:blog.usejournal.com/mastering-r… 原文作者:Ilya Suzdalnitski 译者:Crop Circle声明:这不是一篇介绍React基础知识的文章,需要熟悉React相关知识多年来,我逐渐意识到开发高质量的React应用的唯一正确途径,是编写函数组件。在本文中,我将简要介绍函数组件和高阶组件。之后,我们将深入研究臃肿的React组件,将...转载 2018-11-13 11:38:09 · 923 阅读 · 0 评论 -
你可能所不知道的 TypeScript 用法
1. 巧用 typeof一般我们情况下,我们都是先写类型接口,再去使用。interface initA { inita: number,}const initA: initA = { inita: 123 } 如何巧用 typeof,如下。typeof 可以自动识别类型,如果只有一个属性,可以减少代码量。也可以通过 typeof 去进行一些校验判断。const...原创 2019-08-02 17:51:08 · 415 阅读 · 0 评论