- 博客(42)
- 收藏
- 关注
RSS订阅
原创 react制作豆瓣电影详细过程（一）
效果图：（ps:不知道为什么有的图片显示不出来，但是链接都是对的）1.建立react项目：create-react-app doubancd doubannpm start2.页面用了蚂蚁金服的antd模板，所以先下载antdnpm install antd --save3.创建三个文件，分别是movie.jsx,about.jsx,home,jsx,重点讲解movie这个页面...
2019-03-31 20:32:41
728
2
原创 js前端数组展开，并指定展开维度
var result = []function flatten(arr, dep) { if (dep == undefined) { dep = 1 } arr.map(item=>{ var d = dep//递归时记录dep if (d) { if (Array.isArray(item)) { result.concat(flatten(item, --d))
2020-09-09 21:29:52
915
原创 在[1,1000]范围内生成500个不重复的数，组成数组
function randomNumber(){ let arr=[] for(var i=0;i<500;i++){ arr[i]=Math.floor(Math.random()*1000)+1 for(var j=0;j<i;j++){ if(arr[i]==ary[j]){ i=i-1; break; } } }}
2020-03-22 22:50:55
680
原创 leedcode3:javaScript寻找无重复字符的最长子串
给定一个字符串，请你找出其中不含有重复字符的 最长子串 的长度。示例 1:输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc","bca"等，所以其长度为 3。解题思路：（1）将依次不重复的字符存放入一个变量str中，直到遇到重复的字符（2）在str中找到并删除重复的字符，继续存入后面的字符（3）循环往复var lengthOfLonge...
2019-12-20 17:53:49
225
原创 vue/cli中，配置自己的静态文件夹
1.新建vue.config.js,建文件夹data，将data.json数据放在data文件夹中，配置如下:var express = require('express')module.exports = { devServer: { port: 7788, setup: function (app, server) { app.use(express....
2019-12-06 14:17:15
1531
1
原创 vue/cli3.x开发环境下配置json不用放在public文件夹里也可以请求，和请求接口跨域配置问题
vue/cli默认本地数据是放在public下，若数据路径为/public/data.json，请求时只需要，如果没有‘/’会出现错误但是，如果json放在其他位置需要配置，我把data.json放在根目录下，建立vue.config.js文件来配置配置如下：var datas = require('./data.json')module.exports = { devServer...
2019-12-05 19:17:19
2556
3
原创 js获取当月的天数
var date =new Date()var year=date.getFullYear();var month=date.getMonth+1;var lastDay=new Date(year,month,0).getDate()//获得是标准时间,需要getDate()获得天数
2019-09-03 16:27:18
5960
原创 type为datetimerange出现value.getTime is not a function错误
1.使用type="datetimerange"时，设置验证规则type为date时出现错误2.应改为：改后就正常了
2019-07-24 09:49:24
492
原创 vue全局引用组件
1.main.jsimport A from './component/A.vue'Vue.use(A)Vue.component('A',A)//初始化组件new Vue({ el: '#app', router, components: { A }, template: '<App/>',});这时A组件可以任意使用参考：https:/...
2019-07-19 15:00:43
802
原创 vue中的$route和$router
$route为当前router跳转对象里面可以获取name、path、query、params等$router为VueRouter实例，想要导航到不同URL，则使用$router.push方法
2019-07-19 11:59:34
243
原创 vue变异方法和非变异方法总结
变异方法和非变异方法：（1）变异方法:改变原数组，使视图更新 push() 往数组最后面添加一个元素，成功返回当前数组的长度。 pop() 删除数组的最后一个元素，成功返回删除元素的值。 shift() 删除数组的第一个元素，成功返回删除元素的值。 unshift() 往数组最前面添加一个元素，成功返回当前数组的长度。 splice() 有三个参数，第一个是想要删除的元素的下...
2019-07-11 19:13:48
2302
原创 vue中的变异方法造成的死循环
1.简单的代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta ...
2019-07-11 19:12:30
2430
原创 前端面试中常问的防抖和节流
防抖应用场景：（1） keyup 事件（2）调整窗口大小原理：假设等待时间为500ms,如果500ms之内有请求，则计时器清零重新开始计时，直到500ms之内没有请求，则执行函数。function debounce(fn,wait){ let timer=null; return function(...args){ if (timer){ clearTimeou...
2019-07-05 16:34:29
1140
原创 原生jsonp和jquery jsonp + node.js跨域详解
1.JSONP原理：利用script的不受同源限制的src属性，将回调函数作为url请求的一部分返回给服务器，服务端通过字符串拼接的方式将数据包裹在回调方法中，再返回给前端执行回调函数2.原生Jsonp: index.html<body> <h1>node学习</h1> <div id="container"> 姓...
2019-06-24 13:04:37
210
原创 关于express.js中的app.use, app.get, router.get
1 .routes文件夹中.index.js和getData.js代码为(1)index.js:var express=require('express');var router=express.Router();router.get('/',function(req,res){ res.render('index.html')})module.exports = rou...
2019-06-23 22:14:55
2270
原创 node.js解决输出中文乱码问题
需要添加res.writeHead(200, {'Content-Type': 'text/html; charset=utf-8'});
2019-06-23 17:28:15
3338
原创 flex布局之justify-content,align-content,align-items,flex-direction
1.当flex-direction:row时，这时水平轴为主轴，垂直轴为侧轴justify-content：调整水平轴上的对齐方式；align-content：调整垂直轴上各行间的对齐方式（仅在多于一行时有效）；align-items：调整每一行里各个item垂直轴上的对齐方式；2.当flex-direction:column时，这时垂直轴为主轴，水平轴为侧轴justify-conte...
2019-06-21 15:18:17
3336
原创 express.js渲染html
1.安装express,ejs,html模块npm install expressnpm install ejsnpm install html2.设置HTML引擎：app.engine('html', ejs.__express);3.创建views文件夹(固定名称)，设置视图引擎app.set('view engine', 'html');...
2019-06-20 14:06:25
872
原创 ajax +node.js+mongodb
1.建立 ajax-mongo.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2019-06-19 21:27:43
310
原创 mac安装配置nginx
安装brew install nginx2.修改配置（将8080端口改成了6060）vim /usr/local/etc/nginx/nginx.conf3.重启配置（每次修改完配置都需要重启）sudo nginx -s reload4.启动nginxbrew services start nginx5.停止nginxbrew services sto...
2019-06-19 16:15:01
143
原创 前端面试经典选择题解析
WEB前端面试选择题解答（共36题）第1题["1", "2", "3"].map(parseInt)A：["1", "2", "3"]B：[1, 2, 3]C：[0, 1, 2]D：other解释：该题目的答案为：[1, NaN, NaN]；即选择D。该题用到了map与parseInt；parseInt() 函数的语法是parseInt(string, radix)；strin...
2019-06-04 17:23:08
1652
原创 gitlab合并出现冲突时的符号
<<<<<<<到=======是在当前分支合并之前的文件内容=======到>>>>>>>是其他分支的代码内容需要删除其中一个版本，符号也要一并删除...
2019-06-04 15:28:52
3616
转载 前端学习路径
入门标准入门标准很简单，就一条：达到能参与 Web 前端实际项目的开发水平。请注意，是实际项目，这就需要了解如今的实际项目开发都用了哪些技术栈。HTML/CSS/JavaScript 这三大基础技术栈肯定是需要掌握的，但要能参与实际项目开发，肯定还要掌握其他一些主流的框架体系。几年前， jQuery + Bootstrap 可以说是一统江湖，是前端领域的绝对霸主。而这几年，随着 Angular...
2019-05-31 17:01:07
388
1
原创 关于的git疑惑
写的很好哎，看完理解了：https://blog.csdn.net/Sweet__Cat/article/details/79397629
2019-05-17 17:11:52
88
原创 微信小程序：摇筛子
1，效果图：2.HTML代码：<!--pages/game/game.wxml--><view class="text">筛子点数为：{{total}}</view><view class="point1"> <image src="{{top}}"> </image></view><...
2019-04-13 17:15:55
4969
原创 详解深拷贝和浅拷贝
1.首先需要知道的知识点：（1）5种js基本数据类型：number，string，null,undefined,Boolean。name,value都存在于栈内存中：例如var a=1;当var b=a 时，复制的是a的值，不受a值变化的影响。（2）引用数据类型：function，Array,object，Date等name 存储于栈中，value存储于堆内存中当var b=a 时...
2019-04-11 12:07:56
401
转载 前端学习网站
前端网：http://www.w3cfuns.com/智能社：http://www.zhinengshe.com/ https://ke.qq.com/course/152997妙味课堂：http://www.miaov.com/2013/miaovideo/miaovideo.htmlhttp://bbs.miaov.com/forum.php?mod=viewthread&tid...
2019-04-10 09:23:19
88
原创 python爬虫爬取table数据-超简单
用pandas的read_html()方法 for df in pd.read_html(url): df.to_csv(path, mode='a',encoding='utf-8',header=0,index=False)每一个页面的多个表格循环写入csv文件
2019-04-09 19:53:09
11803
原创 Number,null,undefined转换规则
六种数据类型转Number规则：1、Number转Number，本来多少就是多少；2、String转Number：数字字符串转成对应数字，空字符串转为0，其他均为NaN；3、Boolean转Number：true为1，false为0；4、null为0，undefined为NaN；5、Object（包括对象、函数、数组、正则等）转Number调用其valueof（）方法，如果为NaN，调用...
2019-04-07 21:41:46
8479
原创 2019百度前端实习在线笔试题
只记了不太会的题1.输出最后a的长度：var a=[] a.push(1,2) a.shift(3,4); a.concat([5,6]); a.splice(0,1,2)我以为是3.。。。输出的是1.原因：（1）a.push(1,2):返回的是数组长度2，a=[1,2],（2）shift()：删除数组第一个元素，返回删除的元素，里面的参数没 用，a=...
2019-04-02 22:41:27
1938
1
原创 react制作豆瓣电影详细过程（四）
1.创建电影详情页面movieDetail.jsx,详情页面接口为：https://api.douban.com/v2/movie/subject/${this.props.match.params.id}${this.props.match.params.id}：电影id2.获取电影详情页面数据：componentWillMount(){ const ...
2019-03-31 22:23:25
311
原创 react制作豆瓣电影详细过程（三）
1，下面是数据列表显示代码和列表单个电影渲染代码，创建movieList.jsx,和movieItem.jsx文件。2.movieList.jsx 页面：我们需要获取的信息有：（1）一页获取的电影：movie（2）一页显示的电影个数，可以自己设置数字：pageSize（3）现在显示的页数：nowPage（4）总的数据个数：total（5）是否在加载中：loding（6）获取电影是哪...
2019-03-31 22:08:34
375
原创 react制作豆瓣电影详细过程（二）
1.movie.jsx页面，‘正在热映’对应的豆瓣电影接口为https://api.douban.com/v2/movie/in_theaters，‘即将上映’ 接口为https://api.douban.com/v2/movie/coming_soon,‘top250’ 接口为https://api.douban.com/v2/movie/top250因为三个的页面相似，因为数据分页显示，...
2019-03-31 20:51:44
269
原创 for循环和setTimeOut
函数声明：类似function aaa(){},函数表达式，类似var aaa=function(){},匿名函数：类似function(){}函数表达式即var aaa=function(){}(), 后面加（）表示立即调用，函数声明则不会调用。与**(function() {}) () 和（function() {} ()）**三者是一样的。for (var i = 0; i...
2019-03-29 15:52:41
969
原创 图片瀑布流案例
Document <img src="./images/p_000.jpg"></img> </div> <div class="item"> ...
2019-03-21 18:56:35
584
原创 nlp基本命令
1.concordance：上下文一起出现， text1.concordance(“monstrous”)2.similar:用来搜索相似词，text1.similar(“monstrous”)3.common_contexts:研究共用2个或者2个以上的词汇的上下文。,找到它两相似的词 text2.common_contexts([‘monstrous’,’very’])4.disper...
2018-12-26 20:38:56
278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人