前端
胡图图你游不听话了
这个作者很懒,什么都没留下…
展开
-
创建链表,链表两两交换-递归
function Node(val) { this.val = val this.next = null } function rceateNode(arr) { if(arr.length === 1){ return new Node(arr[0], null) } if(arr.length === 2){ ..原创 2021-07-10 11:31:15 · 107 阅读 · 0 评论 -
javaScript整合自己的理解,逐渐形成知识体系。
console.log(x); //(6) [1, 2, 3, 4, 5, 6]前端开打掌握的知识内容概要HTML/CSS对web标准的理解(结构/表现/行为)、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系、常用属性、布局、选择器、权重、盒模型、Hack、CSS预处理器、Flexbox、CSSModules、Documentflow、BFC、HTML5(离线&储存&history、多媒体、webGL、SVG、Cavas)**Javascri...原创 2021-06-23 15:52:47 · 108 阅读 · 0 评论 -
7. 整数反转 leetcode
给你一个 32 位的有符号整数 x ,返回将 x 中的数字部分反转后的结果。如果反转后整数超过 32 位的有符号整数的范围 [−231, 231 − 1] ,就返回 0。假设环境不允许存储 64 位整数(有符号或无符号)。示例 1:输入:x = 123输出:321示例 2:输入:x = -123输出:-321示例 3:输入:x = 120输出:21示例 4:输入:x = 0输出:0思考过程先把数字取绝对值,然后将绝对值字符串化,接着转成数组再反转数组,.原创 2021-05-04 16:43:20 · 89 阅读 · 0 评论 -
48. 旋转图像 leetcode
题目链接给定一个 n × n 的二维矩阵 matrix 表示一个图像。请你将图像顺时针旋转 90 度。你必须在 原地 旋转图像,这意味着你需要直接修改输入的二维矩阵。请不要 使用另一个矩阵来旋转图像。思考过程将矩阵按照对角线旋转,然后把每行数组旋转过来。代码实现/** * @param {number[][]} matrix * @return {void} Do not return anything, modify matrix in-place instead. */va原创 2021-05-04 16:12:32 · 75 阅读 · 0 评论 -
217. 存在重复元素 leetcode
题目给定一个整数数组,判断是否存在重复元素。如果存在一值在数组中出现至少两次,函数返回 true 。如果数组中每个元素都不相同,则返回 false 。示例 1:输入: [1,2,3,1]输出: true示例 2:输入: [1,2,3,4]输出: false示例 3:输入: [1,1,1,3,3,4,3,2,4,2]输出: true思考过程:首先定义一个对象,就遍历数组,把数组的值作为对象的key,然后存在对象中,在遍历的过程中,发现对象中已经有这个对象的时候直接r原创 2021-05-01 14:58:49 · 51 阅读 · 0 评论 -
189. 旋转数组 leetcode
题目链接题目描述:给定一个数组,将数组中的元素向右移动 k 个位置,其中 k 是非负数。示例 1:输入: nums = [1,2,3,4,5,6,7], k = 3输出: [5,6,7,1,2,3,4]解释:向右旋转 1 步: [7,1,2,3,4,5,6]向右旋转 2 步: [6,7,1,2,3,4,5]向右旋转 3 步: [5,6,7,1,2,3,4]示例 2:输入:nums = [-1,-100,3,99], k = 2输出:[3,99,-1,-100]解释:向右原创 2021-05-01 14:49:09 · 59 阅读 · 0 评论 -
26. 删除有序数组中的重复项 leetcode
题目描述:给你一个有序数组 nums ,请你 原地 删除重复出现的元素,使每个元素 只出现一次 ,返回删除后数组的新长度。不要使用额外的数组空间,你必须在 原地 修改输入数组 并在使用 O(1) 额外空间的条件下完成。思考过程:因为是有序的所以遍历一边,每次都与前面的数据比较,发现相同就把当前的数组的值删掉,并且需要把循环的i–,如果不i–,就会造成数组的长度其实已经发生了变化,但是i的值还是根据原始数组长度的i来的,就会造成错误。代码实现:/** * @param {number[]}原创 2021-04-28 22:22:03 · 82 阅读 · 0 评论 -
js字符串反转涉及到的split(‘‘).reverse().join(‘‘)
var message = 'Hello Vue.js!' message.split('').reverse().join('')//"!sj.euV olleH"split() 方法用于把一个字符串分割成字符串数组。reverse() 方法用于颠倒数组中元素的顺序。join() 方法用于把数组中的所有元素放入一个字符串。...原创 2020-11-20 11:32:01 · 444 阅读 · 0 评论 -
假设高度已知,请写出三栏布局,其中左,右宽各300px,中间自适应。
前言css布局很多时候偏向喜欢在页面一边调试一边看效果,只要最后是自己想要的效果就结了,不了了之,这种面向调试写样式,总是会事倍功半。今日总结下多栏布局,争取做到不多写一行css。保证每行代码是有灵魂的,多些几次就可以做到胸有成足,刻意训练n次,这样以后写css。就再也不会面向调试编程了。加油~假设高度已知,请写出三栏布局,其中左,右宽各300px,中间自适应。1.浮动布局css:<style> html * { margin: 0; padding:原创 2020-08-28 17:26:23 · 275 阅读 · 0 评论 -
app框架介绍
框架选型情况redux : 数据管理器 react-redux : 支撑reduxredux-thunk : 支撑reduxaxios : 网络请求 es6 : 编写语言react-native-elements : UI库react-native-webview原创 2020-08-07 16:03:12 · 551 阅读 · 0 评论 -
Execution failed for task ‘:app:compileDebugJavaWithJavac‘.
由于添加了依赖就报错,但是build是成功得,看图:但是react-native run-android出错了,如下:FAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:compileDebugJavaWithJavac'.> Compilation failed; see the compiler error output for details.* Try原创 2020-07-23 17:12:24 · 2073 阅读 · 1 评论 -
`getFieldDecorator` will override `value`, so please don‘t set `value` directly and use `setFieldsVa
index.js:1 Warning: getFieldDecorator will override value, so please don’t set value directly and use setFieldsValue to set it.经过排查:在自定义组件中定义了value值,getFieldDecorator会覆盖我们自己定义的值,需要添加默认值可以使用在getFieldDecorator的时候,设置initialValue,删除在自定义组件中定义的value就可以了!imp.原创 2020-07-14 12:29:09 · 7616 阅读 · 0 评论 -
React中的响应式设计思想和事件绑定
<Fumi label={'请输入您的用户名/手机号'} iconClass={FontAwesomeIcon} iconName={'user-circle-o'} iconColor={'#4EADEF'} iconSize={30} icon...原创 2020-04-13 22:59:36 · 188 阅读 · 0 评论 -
android studio环境下如何修改app名字
在app下的manifests文件夹下的AndroidManifest.xml文件下修改下的android:label=“app名字”<application android:networkSecurityConfig="@xml/network_security_config" android:name="com.scmp_app.MainApplication...原创 2020-03-31 10:20:24 · 650 阅读 · 0 评论 -
前端选型
构建前端框架概述Dojo/Vue/React/React Native针对PC端/移动端对比的选型方案技术成熟度,技术可行性等等了解EPEC的页面样式风格、页面操作风格,根据选型结果,基于框架做PC端/移动端原型。1.三大框架对比PC端名称reactvuedojo基本介绍React于2013年3月首次发布,被描述为一个JavaScript库。React由Fac...原创 2020-02-15 00:16:48 · 326 阅读 · 0 评论 -
react-native + react-navigation+ redux执行顺序
1.constructor(props)2.mapStateToProps 、mapDispatchToProps3.Action>popular>index.js4.Reducer>popular>index.js5.combineReducers6.store7.APP.js:store注册到根组件中8. render()其中navigation就可以在t...原创 2020-02-13 15:57:02 · 356 阅读 · 0 评论 -
9.3收藏功能的实战1
action>popular>index.js修改 onLoadPopularData 增加参数 favoriteDao修改 handleData增加参数 favoriteDao进而需要修改import { handleData, _projectModels} from ‘…/ActionUtil’import { handleData, _projectModels} f...原创 2020-02-12 23:42:08 · 124 阅读 · 0 评论 -
unable to load script from assets 'index.android.bundle',make sure your bundle is packaged correctly
1 在 android/app/src/main 目录下创建一个 assets空文件夹2 在项目根目录运行react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --asset...原创 2019-12-07 10:00:43 · 175 阅读 · 0 评论 -
ebook项目
vuex<div class="title-wrapper" v-show="menuVisible"></div>store文件里面book.jsconst book = { state: { fileName: '', menuVisible: false }, mutations: { 'SET_FILENA...原创 2019-08-11 16:25:37 · 370 阅读 · 0 评论 -
正則表達式
REGEXP對象javaScript通過内置對象REGEXP支持正則表達式兩種淡化實例化regExp對象1.字面量 var reg =/\bis\b/ 不加g是搜索到第一个就停止,加了g之后是全文匹配。2.構造函數 let reg = new RegExp(’\bis\b’, ‘g’);6-7日回调函数的弊端嵌套层次很深,难以维护无法正常使用return和throw无法正常...原创 2019-08-11 16:24:59 · 145 阅读 · 0 评论 -
vue cli 3.0 windows上下箭失效解决方案
在用windows项目创建新的cli3.0项目的时候,发现上下箭头不起作用,找了下解决方案:找到安装git的目录下的bash.bashrc文件打开在文件最后一行添加这个代码即可alias vue = ‘winpty vue.cmd’后期创建新的项目的时候上下箭头就可用了。创建项目基本如下步骤npm install -g @vue/cli-service-globalvue cre...原创 2019-08-11 16:20:14 · 416 阅读 · 0 评论 -
git push 报错 fatal: TaskCanceledException encountered.
push代码报错fatal: TaskCanceledException encountered. ▒▒ȡ▒▒һ▒▒▒▒▒▒ Username for ‘https://github.com’:git 更新git config --global credential.helper manager原创 2019-08-11 16:18:41 · 6140 阅读 · 2 评论 -
js 原型对像
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>面向对象</title> </head> <body> <script type="text/javascript"> /*...原创 2019-08-11 16:21:33 · 86 阅读 · 0 评论 -
如何将本地代码push到git上
0.git clone +地址git add .git commit -m “提交”git push -u origin master提交代码4.git push -u origin master5.git push origin hare:hare拉代码git pull以上都可以不变就是上传文件名字必须和新建立的git文件名字一样...原创 2019-08-11 16:32:42 · 749 阅读 · 0 评论 -
闭包js
闭包概念:是指有权访问另一个函数作用域中的变量的函数。1.它的本质是什么实际上就是一种函数,该函数描述了:函数访问变量时其作用域的问题。怎么判断他是不是一个闭包呢?闭包的表现形式(满足以下形式就是闭包):使函数外部能够调用函数内部定义的变量。就形成了一个闭包。说复杂点就是当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数内部的其它变量,如果返回的这个函数在外部被执行...原创 2019-08-11 16:45:31 · 92 阅读 · 0 评论 -
事件捕获
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="main"> <a href="#">a1</a> ...原创 2019-09-06 23:22:47 · 105 阅读 · 0 评论 -
jquery 的事件代理 -proxy
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="main"> <a href="#">a1</a> ...原创 2019-09-06 23:30:36 · 202 阅读 · 0 评论 -
js模式
只初始化一次在这里插入图片描述单例模式红包弹出也是单例 模式原创 2019-09-06 23:32:24 · 81 阅读 · 0 评论 -
代理模式 拦截
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> windo...原创 2019-09-07 00:05:07 · 243 阅读 · 0 评论 -
web-移动端布局实现自适应
重在理解原理rpx布局把页面按比例分割750份,不同分辨率的设备每一份占有的像素不一样,来达到自适应 1rpx=window.innerWidth/750微信的rpx,用过rpx都知道,只要写rpx单位,就可以达到完美适配,不必担心它在不同分辨率的设备上适配情况,实际上布局呈现是一致的,rpx实际上就是系统级的rem(把页面按比例分割750份,1rpx=window.innerWidth/...原创 2019-06-02 17:30:32 · 286 阅读 · 0 评论