- 博客(30)
- 收藏
- 关注
原创 react笔记(二)
常用语法基础列表渲染类似vue中的v-for,react中也有类似的列表渲染方法。首先我们知道,在jsx中标签即是变量,因此我们可以创建一个标签数组。可以借助map等函数,实现值到标签的映射。giftMsg=["123","345","567"];const giftMsgs = giftMsg.map((item,index)=>{ return (<Text>{item}</Text>)})如上,通过map,映射出一个组件数组,该数组可以被jsx解析。条
2020-06-08 18:33:45
175
原创 react笔记(一)
前言React是MVVM框架,是目前最为流行的前端框架之一。MVVM的概念即是数据驱动UI的概念,和Vue一致。这篇文章将谈及react的一些语言特效,一些观念与具体用法。核心概念JSXreact框架是基于jsx语法的,jsx语法是标签语法与js语法的混合体,其本质上是预编译文件,在编译完成上是js文件。react为了能够更灵活地在js脚本中操作html标签,采用了jsx。react会将jsx资源编译成可执行的js脚本,最重要的规则是:标签中涉及js语法或者变量名的,必须加上{},比如点击按
2020-05-22 15:54:52
223
原创 JS基础(数据类型)
简介任何一门语言,其最重要的基础莫过于这门语言对于数据的处理方式,语法只是用法,我们更需要深入了解一门语言关于地址,变量,传值,回收,顺序等等性质,这对于我们构建健硕的代码具有重要的作用。也能大大增加语言的安全性。JS的数据类型上述内容来自权威指南其中对象的范围很广,函数,数组均是一种特殊的对象,又由于class(类)是又构造函数带来的基础数据类型NumberJS中,数字是一个很重...
2020-03-25 23:05:33
199
原创 二分查找leetcode例题
简介二分查找是一种很重要的算法,二分,意味着每次查找都是切分进行的,也就是数据量会成倍减少,达到log(n)的查找效率。不过二分要灵活应用不是很简单。常见思路:设置左中右,判断值在哪个区间,然后调整新的左中右。难点:判断值在哪个区间。做法:我推荐从数据的排列方式和题目要求入手,有序的自然就好切入了,如果是无序的,自然要从要求切入,比如查找峰值,显然是从峰值存在的特征入手。二分查找——第一...
2020-03-20 17:06:26
168
原创 填坑记录——扫雷游戏的重置
简介自从CSS和html更熟练后,发觉之前的扫雷游戏太难看了,而且结构也不好。就重置了一下,还是能遇见一些问题。这些问题很常见,但非常有启示意义。整个游戏完全自研,所以还是有很大的思考空间的。首先,视觉效果好了不知道到多少倍,为自己的样式能力提升感到快乐!~一些逻辑的剖析与优化别看扫雷简单,有些逻辑挺考考验技巧的:生成雷池怎么生成雷池?当然是随机抽取啦,由于只有100个空格,所以用洗...
2020-03-19 20:37:32
464
原创 http与https
安全性https下加入了SSL层,对数据传输进行了加密,所以交换数据更加安全。而且https有CA多重认证,包括域名管理权限认证。SEO优化搜索引擎会自动提高https网站的排名数据对接首先,小程序这种是不会接受http的数据的。其次,https会block掉一些http的数据,很多原始的http的接口调用的资源就用不了了。但是我们可以通过把资源放在本地解决问题,但是cdn就全炸了。...
2020-03-17 20:19:49
145
原创 四数之和II
class Solution {public: int fourSumCount(vector<int>& A, vector<int>& B, vector<int>& C, vector<int>& D) { unordered_map<int,int> ha...
2020-03-16 17:27:55
212
原创 数据结构基础(三)+ 快乐数
移动零class Solution {public: void moveZeroes(vector<int>& nums) { int ptr1 = 0,ptr2 = 1; if(nums.size()<=1){ return; } while(ptr2<nums.s...
2020-03-15 17:50:41
152
原创 数据结构基础(二)+ 移除/替换目标
数组数组就是一个数据集合,有一维和多维的,多维代表有多组数据。很好理解,没啥好讲的,在C++中,数组必须是同类型的,用于分配有效的空间。字符串字符串是一种特殊的数组,简单来说,就是char数组,不过c++专门设定了一个string类,给他编写了挺多实用的方法。length(),atoi(),find(),insert(),replace等二进制求和class Solution {p...
2020-03-14 20:46:00
220
原创 数据结构基础(一)+ 打开轮盘锁
队列队列为先进先出的数据结构类型。我们可以通过数组来实现,也可以用链表来实现,通过一个指针或者数字标记记录头部和尾部的位置,出队列令头部pop,然后后移,入队列让尾部push,然后后移。循环队列,意味着尾部后移到一定程度要绕回头部,形成一个环。可以节约空间。经典算法题:BFS轮盘锁栈先进后出的数据结构类型。我们只需要记录栈顶的位置即可,任何操作都是围绕栈顶进行的,当然,一些特定的情形...
2020-03-14 01:41:05
270
原创 前端知识大汇总
简介留下一点知识总结,希望能给学习者一点帮助,可以当成面试题看,但是最好是学进脑子里。网络跨域问题浏览器的同源策略导致了跨域,用于隔离潜在恶意文件的重要安全机制(1)jsonp ,允许 script 加载第三方资源(2)在代理服务器或者后端服务设置请求字段标识,Access-Control-Allow-Origin,事实上就是放行特定的origin字段jsonp由于浏览器s...
2020-03-12 22:12:59
203
原创 前端网络必备知识点
跨域问题浏览器的同源策略导致了跨域,用于隔离潜在恶意文件的重要安全机制。解决方案:jsonp ,浏览器特性:允许 script 标签加载第三方资源在代理服务器或者后端服务设置请求字段标识,Access-Control-Allow-Origin,事实上就是放行特定的origin字段jsonp:由于浏览器script标签天生就可以跨域,所以我们可以通过动态设置该标签实现跨域效果,但是也只...
2020-03-12 11:34:42
253
1
原创 ajax以及相关的封装
简介ajax,也就是异步JavaScript和XML技术,主要目的就是完成前后端交互而不刷新页面,实现异步效果。基础操作function loadXMLDoc() { //1.创建XHR对象 var xhttp = new XMLHttpRequest(); //2.编写回调函数,说明请求后续操作 xhttp.onreadystatechange = function() {...
2020-03-10 18:47:01
103
原创 jQuery笔记
简介jQuery还是不得不学,毕竟dom操作随时可能进行,有jQuery会方便很多,它和当前热门的MVVM框架(Vue之类的)并不会冲突,只是后者不推崇直接的DOM操作。基本使用安装可以用CDN,也可以本地文件导入,还可以npm install操作符,这个操作符可以根据标签,id,类名选中任意元素,并对其进行操作(冲突时可以用noConflict释放,这个操作符可以根据标签,id,类名...
2020-03-10 16:22:35
129
原创 事件循环以及DOM渲染
事件循环单线程/异步的设计js是单线程的,这主要是由于web的特殊性,为了大量IO操作,也为了避免各类冲突,js需要通过大量同步异步操作达到页面效果。事件事件有很多种,触发/产生事件的方式也有很多,包括:鼠标、键盘等IO操作的事件,浏览器的一些操作事件(操作DOM,或者window绑定产生的事件),js脚本执行过程中产生的异步任务也是一种事件。这些异步事件,也可以说是任务,级别上有两类:微...
2020-03-08 22:12:56
891
原创 组件实战(一)——导航栏设计
简介常见导航栏的设计与封装,以及一些知识点的记录。为了避免组件太细不好管理,这里的导航栏包括了logo以及导航菜单等等。功能详解导航栏是黏性的,也就是拖动到下方时,导航栏会fix在顶部。其次,导航栏是自适应的,当界面不适合时会折叠,靠按钮展开。效果固定时,折叠与未折叠非固定时,折叠与未折叠展开时:代码<template> <header :cl...
2020-03-06 23:30:11
563
原创 浅谈JavaScript(2)
变量提升在非严格模式下,js可以先使用后声明,但是实际编程中一定要避免。小知识:在函数中没有用var声明的变量均视为全局变量 function a(){ test = 1; var test2 = 2; } a() console.log(test)//输出1 console.log(test2)//报错事件这一块应...
2020-02-28 23:41:02
152
原创 CSS基础笔记
引入方法行内样式、文件引入、style标签选择器以及权重类型示例权重行间样式<p style="…" ></p>1000ID选择器#id {}100类选择器.class {}10伪类选择器#id:hover {}10属性选择器[type=“text”]10标签选择器div1伪元素选择器...
2020-02-24 17:54:06
124
转载 双飞翼和圣杯布局
简介布局是写一个网页的开始,也是前端的起步,必须要掌握好一些常见的布局,如圣杯布局和双飞翼布局。Flex就不讲了,用flex很简单,下面讲传统的float。双飞翼布局直接上代码:<template> <div id="app"> <div id="header"></div> <div id="contain">...
2020-02-24 16:38:00
153
原创 浅谈JavaScript
简介JavaScript是一种动态语言,也是一种弱类型语言。一些简单的概念:动态语言:运行时逐行解析静态语言:先编译后执行js与C语言这些语言相比差距很大,js在很多表达上十分灵活,但也带来了很多弊端,容易产生细微的bug,且运行不报错,难以排查,所以编写js一定要有良好的编码习惯。下面我将从C与js的一些差别来浅谈js的一些特性。变量声明变量C在声明变量时要给变量类型...
2020-02-21 21:15:21
278
原创 响应式布局及自适应布局
简介响应式布局:一套界面,根据检测设备分辨率情况,进行相应处理,展示不同的布局和内容自适应布局:多套界面,根据检测设备分辨率情况,返回不同的界面Meta标签通过设置meta标签,我们可以对布局进行控制。meta标签常见用法就是name+content的形式,即将content的内容给予name这个属性值,所以我们可以通过下面方式实现:<meta name="viewport" c...
2020-02-17 17:42:21
234
原创 web项目管理系统的设计
简介某某管理系统(员工信息,学生成绩,办事流程等等)应该是很多web开发者最先接触到的项目之一,也是许多非科技企业主要维护的项目,可以说是学习web项目最佳练手工具,虽然很老旧,但依旧充当着很重要的角色。本人也开发过某某管理系统(大作业项目),因此来分享类似的web项目的开发流程和知识点。关系模式设计(ER)根据要设计的管理系统,我们需要对其涉及的实体以及关系进行抽象。也就是要设计出经典的...
2020-02-12 15:25:42
4746
原创 vue简单例子(扫雷)
<template> <div id="app"> <div class="info-bar"> <div class="info-bar-item">剩余雷数:{{boom}}</div> </div> <div> <...
2020-02-05 22:12:28
307
原创 vue学习(五)——路由
简介前端路由是单页面富应用的核心技术,在之后的开发中,不可避免地要使用到前端路由技术。这篇文章,将从路由这一概念说开来,并讲解前段路由在vue中的应用。概念路由是计算机网络的一个重要概念,简单的讲(可能不准确),路由是中转站,实现端到端的转发,是一个节点,会根据传入的数据包的地址决定传输到哪里去(也就是下一跳),维护着一个路由表。后端路由后端路由是之前后端渲染技术的关键技术。简单来讲,就...
2020-02-05 19:02:27
218
原创 vue学习(四)——组件
简介vue中组件是非常核心的部分,也是开发中必须学会的东西。vue组件化开发是一种很重要的思想,它强调多次复用。你写好一个组件中,可以将它应用在任意你想要应用的地方上来。创建方法全局注册<script>Vue.component(tagName, options)//其中options为选项,也就是组件对象本身,tagname为组件的名字,只是一种简写方法</scr...
2019-12-16 20:05:54
137
原创 vue学习(三)——指令(2)
简介接着上一篇文章,再补充一些重要的指令,其中v-model是重点,篇幅也较长。v-if该指令的作用是通过判断语句中的条件是否成立来决定是否生成对应的html代码。<div id="app"> <p v-if="seen">现在你看到我了</p></div>当seen的值为True时,即可看到该标签p被生成出来。v-show...
2019-12-12 22:51:07
142
原创 vue学习(二)——指令(1)
简介vue在使用上最核心的部分当属v指令的使用。下面简单介绍一些v指令(部分,会有后续)。最后一部分将有代码示例提供学习使用。常用的vue指令v-bind语法糖: 可以直接简写为:该指令的作用是将标签的属性与vue对象中的值绑定,绑定方法有多种。<!--假设data1在vue对象中值为xxx,方法返回的值也是xxx--><p :class = "data1">...
2019-11-20 23:01:14
162
原创 vue学习(一)——安装与基本使用
简介vuejs是一种渐进式框架,可以作为应用的一部分嵌入。(举个例子,再用vue重构jquery时,可以一步一步完成,一部分界面用jquery,一部分用vue,即渐进式。)其拥有许多特点与功能(包括且不限于):1.解耦视图和数据 2.可复用组件 3.前端路由技术 4.状态管理 5.虚拟DOM。vue还是一种声明式的语言,不同于以往普通的js编程,这点之后的代码会体现。安装初期学习,建议只...
2019-11-15 15:16:54
388
1
原创 爬虫简易攻略
爬虫简易攻略环境配置import requestsfrom bs4 import BeautifulSoupimport timeimport lxmlimport reimport osfrom threading import Threadfrom multiprocessing import Processimport json有些不是必须的,有些可以换成别的使用,这...
2019-11-10 15:49:30
184
原创 以代码为例,教你如何利用tkinter快速开发一个简易可用的程序界面或者游戏
以代码为例,教你如何利用tkinter快速开发一个简易可用的程序界面或者游戏首先,什么是tkinter?Tkinter模块是Python的标准Tk GUI工具包的接口,是python自带的GUI库。其他更多的内容网上有大量资料,这里不再累述。先贴出简单项目图给你提提兴趣(这些东西在学完后并查阅网上其他资料后是能很简单的写出来的):既然你选择了tkinter用于开发程序界面,想必是看中了tkin...
2019-10-19 00:48:53
2773
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人