- 博客(26)
- 收藏
- 关注
RSS订阅
原创 你可能所不知道的 TypeScript 用法
1. 巧用 typeof一般我们情况下，我们都是先写类型接口，再去使用。interface initA { inita: number,}const initA: initA = { inita: 123 } 如何巧用 typeof,如下。typeof 可以自动识别类型，如果只有一个属性，可以减少代码量。也可以通过 typeof 去进行一些校验判断。const...
2019-08-02 17:51:08
409
原创 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
248
原创 在项目中引用 stylelint 规范
在项目中加入 eslint 或者 tslint 去规范我们在写 js 的语法。但项目中占更大比重的一部分就是 css。很多项目不重视 css 的编写。原因其一：基本上写完的页面，改动很小。要是大改动基本上重写一个页面的速度会更快。原因其二：css 的性能影响相对较小，不如 js，如果写个死循环就 done 机了。但是，作为程序员不能放弃追求美的步伐。曾经你们的 css 项目肯定有这样的：...
2019-08-02 17:45:14
727
原创 校招-顺丰前端面经总结
由于本人的个人身体原因，只能三月底回学校进行春招补招的校园招聘！！！前前后后准备了一个月，也算是成绩圆满。这篇文章是今天下午刚拿到顺丰的offer，所以先写顺丰的面经过程。也祝学弟学妹们校招也顺顺利利。之前在顺丰拉勾上的招聘，知道顺丰技术研发是卡学历的，之前大三大四有在两家公司进行实习（不透露了，也是大公司），日常在实验室也跟着老师做着项目，也有项目经验。所以，当时投递顺丰的时候，先有一个测评题，...
2018-04-18 19:29:18
5694
原创 TypeScript 从入门到精通
一、什么是 TypeScript先看一下官网上对 TypeScript 的介绍。关键词：超集言外之意 JavaScript 的所有用法 TypeScript 都支持。关键词：TypeTypeScript 强调也是其优点之意是【类型】为什么需要 Ts 呢？举个小例子：一个杯子可以装水，也可以当笔筒装杂物。但是，拿装杂物的杯子些许显得不太干净。物有所用，各司其职。Js 是弱类型可以...
2019-08-02 17:49:23
2568
原创 在 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
4249
转载 [转载]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
265
转载 【译】通过Recompose库掌握React函数组件
原文地址：blog.usejournal.com/mastering-r… 原文作者：Ilya Suzdalnitski 译者：Crop Circle声明：这不是一篇介绍React基础知识的文章，需要熟悉React相关知识多年来，我逐渐意识到开发高质量的React应用的唯一正确途径，是编写函数组件。在本文中，我将简要介绍函数组件和高阶组件。之后，我们将深入研究臃肿的React组件，将...
2018-11-13 11:38:09
907
原创 react脚手架搭建步骤
第一步：检查npm和node是否安装在安装之前要确认你的机器上安装了 node.js 环境包括 npm。如果没有安装的同学可以到 node.js 的官网下载自己电脑的对应的安装包来安装好环境。第二步：npm install -g create-react-app这条命令会往我们的机器上安装一条叫 create-react-app 的命令，安装好以后就可以直接使用它来构建一个 rea...
2018-10-11 17:09:03
1547
1
原创 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
607
原创 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
156
原创 微信小程序封装函数总集之二：获取系统时间
函数二：获取系统时间背景：如果rd只给你返回了开始时间或者结束时间，要计算与当前时间的状态。则经常需要获取得到当前的系统时间。微信小程序中，在utils中自带util.js，里面可以系统时间转换！util.jsconst formatTime = date => { const year = date.getFullYear() const month = date...
2018-08-27 19:37:01
592
原创 微信小程序封装函数总集之一：显示开抢时间的函数
函数一： 显示开抢时间的函数背景：在商品页中，会显示开抢时间，例如：下图显示。在当前页面例如：index中建一个wxsindex.wxs// 显示开抢时间的函数function formatstartTime(timeStr) { var date = getDate(timeStr.replace(getRegExp('-', 'g'), '/')); var m...
2018-08-27 16:44:14
241
转载 【转载】vue-cli（脚手架）从搭建到运行初步了解
都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、取消事件。。。。（确实很烦）。vue的官方文档还是不错的，由浅到深，如果不使用构建工具确实用的很爽，但是这在实际项目应用中是不可能的，当用vue...
2018-07-18 17:56:39
215
原创 微信小程序如何使用模板template，并且能够调用
一般在开发一个小程序的时候，总是会有一些重复的样式，或者不同页中会出现相同的模板样式，如果一个界面或者不同界面都写一样的代码（哪怕复制粘贴代码），代码复用性低，并且不易维护，若pm要改动一点点东西，则需要全部改动，维护性差。这时候template的作用就出来了，此处，我讲以一个小例子进行简单介绍。红色部分则是，用引用的商品模板:模板页代码如下：template.wxml<!--pages/t...
2018-07-04 16:27:41
9630
4
转载 【转载】react中constructor( )和super( )的具体含义以及如何使用
react中这两个API出镜率超级高，但是一直不太懂这到底是干嘛的，有什么用；今天整理一下，方便自己查看同时方便大家。1.constructor( )-----super( )的基本含义constructor( )——构造方法 这是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加空的constructor(...
2018-07-04 11:01:35
337
原创 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
7879
原创 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
151152
21
原创 在终端通过命令行安装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
10485
原创 初学react入门知识整理
初学react总结：react的最大优点：1、组件化类似于web component的组件封装，面向未来。可复用，可组合的组件框架2、虚拟dom（virtual dom）虚拟dom与直接innerhtml的比较：innerHTML: render html string + 重新创建所有 DOM 元素Virtual DOM: render Virtual DOM + diff + 必要的 DOM ...
2018-05-16 19:30:23
730
1
原创 vue写一个弹出层以及遇上的知识点
直接上简易代码，弹出层的功能，有两个或者多个按钮，点击某一个就出现相应的内容。运行界面：现在html中写DOM结构，根据自己的需要些DOM结构和样式，此处没写上图红色框标起来的地方含义：第一处<slot>Vue使用 slot 特性进行内容分发，我的理解是： 在父组件中放入已被 `slot` 标记的内容，这些内容的顺序可以随意。之后这些内容被分发到子组件的特殊元素 `slot...
2018-04-25 14:39:21
3821
原创 小程序之按钮点击之后，显示隐藏效果不好使！
界面有一个botton，点击botton时，控制某些例如<view>显示隐藏。点击之后，没有切换显示隐藏的效果！text.wxml代码test.js代码show方法中的代码data中的bol的代码界面效果！修改以上代码：由于，bol是在setData中，是取不到bol那个值，必须取到值之后，可以var 一个 bol的变量，在进行取反操作。第二种办法，既可以写成蓝色边框的形式去进行取值！...
2018-04-18 12:07:02
3496
转载 Github 简明教程【最近看到还不错的教程，便于理解】
【转载自网络，若有侵权可以联系本人删除】如果你是一枚Coder，但是你不知道Github，那么我觉的你就不是一个菜鸟级别的Coder，因为你压根不是真正Coder，你只是一个Code搬运工。但是你如果已经在读这篇文章了，我觉的你已经知道Github了。正是Github，让社会化编程成为现实。什么是 Github?github是一个基于git的代码托管平台，付费用
2018-01-13 16:09:13
464
转载 微信小游戏「跳一跳」技术手段高分秘籍实现
最近这两天，从微信最新版内测开始，到正式版发布，微信小程序的游戏：跳一跳，可以说是火爆了微信好友圈。甚至比五六年前的飞机大战游戏都火爆，这种小游戏的火爆不仅仅是因为有魔性，有意思，更好玩的是和好友之间的排名比拼。可以说：微信深谙心理学啊！不知道大家在玩微信小游戏「跳一跳」的时候，有没有这种感觉，就是在刚开始，一步一步的跳的时候，没啥感觉，随着分数的增长，跳的越来越远，你的心跳是不是也在跟着
2018-01-03 14:16:38
343
转载 web前端工程师----JavaScript语言
【转载出处 博客名：playfreely】若有侵权联系我删掉，谢谢您！JS基础一、JavaScript入门篇第1章 请做好准备1-1 为什么学习JavaScript一、你知道，为什么JavaScript非常值得我们学习吗？1.所有主流浏览器都支持JavaScript2.目前，全世界大部分网页都使用JavaScript3.它可以让网页呈现各种动态效果二、易
2017-12-19 18:54:46
371
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人