- 博客(75)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 ionic -- ion-item不渲染div或者span
今天遇到了一个问题，<ion-item>里面写div和span不展示结构是这样的：<ion-item> <ion-label>这是ion-label</ion-label> <ion-select> <ion-option>这是ion-option</ion-option>...
2019-05-14 15:27:03
812
原创 JavaScript -- forEach不改变原数组但是改变对象属性的问题
我们一直知道forEach是没有返回值并且不直接改变原数组的，今天发现是不直接改变，实际上里面是包含着改变的。1. forEach(item, index, arr)，三个参数，如果直接用item=xxx是无法改变原数组的，但是如果用arr[index]就可以改变原数组。var s = [1,2,3,4];s.forEach(item=>{ item = 'a'});...
2019-05-10 14:40:57
5647
原创 leetCode （1-3）
第一题题目给定一个整数数组nums和一个目标值target，请你在该数组中找出和为目标值的那两个整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。示例给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1...
2019-03-30 13:42:27
287
原创 css弹性盒子实现固定footer
1. 假如我们要实现不论中间内容多大，有无空白，footer永远居于最下方，我第一反应就是用fixed固定视角，但是fixed让元素脱离文档流了呀，今天刚刚学习到用弹性盒子做。如下：<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>Lay...
2019-03-27 20:57:52
2139
1
原创 响应式布局（4）CSS媒体查询四级之可编程
假如我们需要在加载js和没加载js的时候，使用不同的样式，一般可以这样：先设置一个基本样式，class="no-js"，js运行的时候，js代码里面替换样式class="have-js"，对应的css就可以这样写：.no-js{} .have-js{}。CSS媒体查询四级可以在CSS中实现：@media(scripting: none){}; 无js时的样式@media(script...
2019-03-26 20:26:45
399
原创 最近的一些困惑
之前面试了一个联想外包作为备胎，拿了offer，然后通知我入职时间直接推迟至少一个月，姑且当作凉了。然后另外一个想去的公司，一面过了，让我发英文简历等着二面，一个星期过后，也就是今天，我打电话问那边消息，那边回复我说，当时她同事通知我的时候，我拒绝了？？？？？？？？，然后说现在再把我的简历推过去，感觉像是说辞了，一个星期了，坑也有别的萝卜了把，诶。真的有点不顺，不知道说什么好了。...
2019-03-21 23:33:21
225
原创 js函数参数--都是按值传递
es中所有函数的参数都是按值传递。基本类型值的传递和基本类型变量复制一样，引用类型传递如同引用类型变量的复制一样。在向参数传递基本类型的值的时候，被传递的值会被复制给一个局部变量，也就是我们的arguments；function add(num){ num += 10; return num;}var count = 20;var result =...
2019-03-13 22:31:37
494
2
原创 计算机网络 (1) --TCP/IP 分层和网络分层
1. TCP/IP网络之间互相通信，就必须制定一些规则，比如怎么搜索到目标，怎么开始，结束通信，这种规则我们称为协议。TCP/IP是互联网相关的各类协议族的总称，通常使用的网络是在tcp/ip协议族的基础上运作的，http属于它内部的一个子集。1.1TCP/IP分层1.2为什么要分层假如有地方需要改变设计，分层的话就只改变需要改动的层即可，不用整个替换；设计变简单，处于应用...
2019-03-10 12:29:03
2854
原创 React笔记(3) -- react事件处理
1. 注意的点 (1) 事件命名采用驼峰式，比如dom中的onclick ===> react中为onClick； (2) 处理事件的函数要写成以对象的形式赋值给对象属性，而不是dom中的字符串形式。 dom中<button onclick = "onclickButton()"/> react中<but...
2019-03-07 23:04:37
165
原创 React笔记(4) -- redux的connect和provider
最近在看《Reac进阶之路》，做一下redux的笔记，这一块学完了react基础应用应该补上了，下面内容都是从书上面总结的。1. connect 容器组件：负责逻辑处理。 展示组件：负责UI展示。 conncet用于把react组件和store关联，生成容器组件。 语法：const MyTodoList = connect()(TodoList) ...
2019-03-06 21:12:36
216
原创 响应式布局（2）-- 设计稿750px
rem相关(function () { function changeRootFont() { var designWidth = 750, rem2px = 100; document.documentElement.style.fontsize = ((window.innerWidth / designWidth) * rem2px) + 'p...
2019-02-20 16:22:00
1513
1
原创 响应式布局（1）-- 像素和视口
1. 前言 最近准备针对移动端css和react学习，补一下常用的而我又很弱的前端知识。笔记都是从网上教程摘录的，会随着学习的深入一直更新。2. 像素和视口(1) 像素 以iphone6为例 分辨率：750pt x 1334pt 指的是屏幕上水平有750个物理像素，垂直有1334个物理像素。 屏幕尺寸：4.7in ...
2019-02-19 00:04:55
589
原创 React笔记(2) -- 组件的生命周期
1. 前言 最近在看《React进阶之路》，因为我个人性子比较急，担心学习的时候不过脑，所以记下笔记放慢速度，争取多吸收。另外，我react基础还在摸索呢，这咋就开始进阶了都。2. react组件生命周期 我喜欢图形化的东西，所以直接搞个思维导图吧。其中有几个点可以注意一下(1). 为啥react的组件要super(props)？答：这个问题我从学习rea...
2019-02-18 17:26:09
165
翻译 为初学者准备的React Redux 教程 [2018]
本文是一系列翻译，原文地址：https://www.robinwieruch.de/react-redux-tutorial/DECEMBER 13, 2018 尽管我写了一本有关redux的书，但是它对于那些只想尝试一下React Redux的人来说可能显得太笨重了，所以我从书里面提取这一章作为给初学者阅读的Redex教程，并放在我的网站上供大家免费学习。当然，如果你想深入研究这个...
2019-01-09 23:13:54
207
翻译 How to learn X with React Redux
How to learn X with React Redux在我们开始之前，应该先搞清楚一件事：我们的这里的React Redux 教程只和React，Redux和一点点Redux的生态系统有关，它并不包括所有细节，先进的技术和自以为是的（opinionated ）Redux使用方法，因为这些都在我另一本叫Taming the State in React的书中解释过了。所以，这里只是一个简...
2019-01-08 23:50:22
149
原创 遇到的node和webpack错误记录（1）
今天在跑环境的时候遇到了2个错误，记录在此。首先报错：Cannot destructure property `compile` of 'undefined' or 'null'.解决方法：运行 npm install -D [email protected] ，把webpack降级到3.x。然后报错：ENOENTnpm ERR! errno -4058npm ERR...
2018-12-23 22:50:39
537
原创 electron整合react入门（踩坑）记录（3）
1. 前言 根据简书一篇文章，记录入门过程 https://www.jianshu.com/p/ea0852003209 electron入门（踩坑）记录（1）https://blog.csdn.net/qq_15241071/article/details/85049159 electron入门（踩坑）记录（2）https://blog.csdn.net/qq_15...
2018-12-17 17:58:22
4914
1
原创 electron整合react入门（踩坑）记录（2）
1. 前言 在electron入门（踩坑）记录（1）(https://blog.csdn.net/qq_15241071/article/details/85049159）中，才刚刚运行出来electron官方demo，没高兴几秒，然后在简书electron+react教程中（https://www.jianshu.com/p/ea0852003209），用create-react-a...
2018-12-17 16:54:29
1156
原创 electron整合react入门（踩坑）记录（1）
1. 前言 之后的工作会涉及到用electron，所以就先玩了一下官方demohttps://github.com/electron/electron-quick-start 下载项目到本地，然后和很多node项目一样，执行npm install->npm start即可。 然后发现下载electron速度巨慢，于是乎开始设置淘宝镜像： npm config set...
2018-12-17 15:00:53
2764
原创 React笔记(1) -- react组件的props和state
1. 写在前面的话 最近跳槽，新工作技术栈要用到react，所以现在开始学习react，而且也发现成都这边react用得比较多。2. react组件的数据 react的组件类型有2种：(1）props 用于组件和外部交互，不要去改变传入的props，因为其它组件也可能要用；(2) state 是组件内部状态。3. 关于prop props在构造函数里面通过su...
2018-10-09 23:26:30
159
原创 面试 -- 一道牛客网的题
原题题目描述请修复给定的 js 代码中，函数定义存在的问题示例1输入true输出a题目代码function functions(flag) { if (flag) { function getValue() { return 'a'; } } else { function getValue() { return '...
2018-09-09 21:43:18
252
原创 面试 -- js连等的记录
1. 写在前面的话之前没用过连等，也没怎么注意过，现在看了一点，发现不用连等是正确的，连等是魔鬼(???)啊。2. 实例 ① 来自segmentFaultvar a = {n:1};var b = a;a.x = a = {n:2};a.x// undefinedb//{n:1, x: {n:2}} 解析一下，有错请指出 首先执行 a = {n:1}; b ...
2018-09-04 15:24:34
166
原创 css -- 水平和垂直居中的一些笔记
这些日子一直恶补css，感觉居中是个很重要的东西，网上说了很多方法，在这里记录一下，而且在实验过程中也发现有的人说的方法根本做不到，所以还是要自己亲自测试，不能只背别人的东西。以下的方法都在 chrome 68.0.3440.106（正式版本）经过测试。以下为代码 ===》》》 水平居中<!DOCTYPE html><html lang="en">...
2018-08-28 11:03:05
273
原创 JS数组方法
js数组1. Array.from() 从一个类数组或可迭代对象中创建一个新的数组实例。 Array.from('qui'); //["q", "u", "i"] Array.from([1, 2, 3], x=> x + x); //[2, 4, 6]2. Array.isArray() 判断传入的参数是否是数组 Array.isArr...
2018-08-25 23:56:17
663
原创 js -- 作用域和闭包的笔记
笔记的知识大部分来自 https://www.cnblogs.com/wangfupeng1988/p/3992795.html和<JavaScript权威指南>1. 作用域 自由变量：在A作用域中使用的变量x，却没有在A作用域中声明（即在其他作用域中声明的），对于A作用域来说，x就是一个自由变量 看到这样一段代码，对fn来说，x就是自由变量var x = ...
2018-08-20 23:02:02
203
原创 css3 -- box-sizing的一些东西
最近迷上了思维导图，什么都要画一画才满意，如图，对box-sizing画图说明：content-box为w3c标准模型，border-box为IE下的模型。其实我感觉我更喜欢border-box这种.........
2018-08-12 21:29:39
150
原创 JS -- 理一下cmd, amd , es6, require, export, exports
amd, cmd, commonJS, ES6 相关的模块导出和引入，一直让我很晕，加上node， requireJs，总是不知道这些有什么区别和关系，所以在这画个总结图，让自己弄清到底哪些对应的哪些。参考来自以下文章：https://www.cnblogs.com/libin-1/p/7127481.html画的图，字体看不清可放大浏览器观看，关于node的exports可以参考我之前的...
2018-08-09 22:20:37
635
原创 js正则表达式检验经纬度
/** * @description 检验输入的纬度，检验项：1.范围0-90°0分0秒; 3.字母只以WE中的一个结尾; * 3.输入为number度(°)number分('/′)number秒(''/″)；设计秒不能输入小数是因为转化十进制要/3600,位数过多 * @example 00度(°)00分('/′)00.00秒...
2018-08-04 22:05:29
3444
2
原创 JS小tips -- e.preventDefault和e.returnValue=false
1.e.preventDefault阻止事件的默认行为，之前我一直对事件默认行为不知道是啥，现在终于知道一点了。比如checkBox:<!DOCTYPE html><html><head> <title> </title></head><body> <input id...
2018-07-30 22:29:26
5547
原创 前端初级面试 -- html/CSS (1)
1. 置换元素 替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。 例如浏览器会根据img标签的src属性的值来读取图片信息并显示出来，而如果查看(X)HTML代码，则看不到图片的实际内容；又例如根据input标签的type属性来决定是显示输入框，还是单选按钮等。 这些元素是一类 外观渲染独立于CSS的 外部对象。 典型的可替换元素有<i...
2018-07-28 23:21:20
168
原创 前端初级面试 -- 网络连接
1. 建立一条TCP连接需要几个步骤，关闭一个TCP连接需要几个步骤建立：3次握手：客户端发起连接请求；服务器接收请求并回应客户；客户端收到后回应服务器关闭：4次握手：客户端发送请求，停止数据发送；服务器接收请求，回应客户端；客户端收到回应后，等待服务器发送最后的数据；服务器发送完最后的数据，通知客户端，等待客户端确认；客户端收到请求，发出确认；服务器收到确认，进入已关闭状态2....
2018-07-23 23:54:59
575
原创 vue -- 挂载点，模板和vue实例
最近在学习vue，在此记下笔记。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="https://cdn.bootcs
2018-07-14 22:37:14
1033
原创 css小tips -- figcaption标签
今天看到了figcaption标签：<div class="col-md-4"> <figure class="single bg"> <img class="img-fluid" src="https://res.cloudinary.com/kirillkrasin/image/upload/v1529409840/codepen/c.
2018-07-11 22:31:12
1077
原创 css -- js动态改变before和after
before和after也算是css里面最常见的元素了，而我却一直不太了解，再不学一下就真的太不像话了。所以学习一下，记记笔记。1. before && after 伪元素，也可以解释为虚拟元素，就是为当前元素增加装饰效果，它们不会出现在dom树，它们显示的是'content'属性，默认为内联元素。 它们无法在document中被找到，无法设置点击等事件，但是可以捕获事件...
2018-07-09 23:38:10
20479
原创 CSS小tips -- background原来可以批量设置
今天无意中看到别人的代码批量设置了background，感觉打开了新世界的大门，不仅感慨自己css真的太弱了。以下为例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bg</title>
2018-07-06 22:27:39
301
原创 CSS -- translate，transform，transition和animation
translate，transform，translation和animation这4个东西搞混，所以在这做个笔记，经常看看。
2018-07-06 21:27:04
306
原创 CSS小tips--@media和pointer-events
1. @media@media可以针对不同的媒体类型定义不同的样式。语法：@media mediatype and|not|only (media feature){ css-Code;}mediatype即媒体类型的值有(过滤掉已经废弃的)： 值 描述 all 用于所有设备 print 用于打印机和打印预...
2018-06-24 19:06:13
128
原创 CSS小tips--calc()和justify-content
今天在codepen看到各位小伙伴的css，有的我根本没见过，在此做个笔记。1. CSS3的calc()函数 calc()，顾名思义，calculate, 计算的意思，用于在css中做样式的四则运算操作。 比如：.container{ height: calc(100%-100px);//注意，冒号后面要加空格。...
2018-06-20 22:09:07
341
原创 NodeJs--module和exports
1. module.exports 在js里面，原型和原型链以前困扰我很久，后来慢慢得看得多了也不怎么迷茫了，node里面的module和exports也是一个让我想不通的东西，我之前的纠结点在于module.exports，这个module，每个模块都是module，它们挂在哪？global么.....这不就冲突了吗？今天在腾讯课堂看了一节讲这个的课程，大概没辣么迷茫了，在此记录。 ...
2018-05-07 22:16:19
2214
原创 2018百度ife--第三天：让简历有点色彩
课程请点击代码如下：<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #lately-film{ color:aqua}#lately-film+ul>li{ /* #lately-film+ul>li
2018-05-04 23:28:19
263
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人