web前端
关注
分享
扫一扫
曼夭29
这个作者很懒，什么都没留下…
展开
-
在[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 · 735 阅读 · 0 评论 -
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 · 1570 阅读 · 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 · 2639 阅读 · 3 评论 -
node.js解决输出中文乱码问题
需要添加res.writeHead(200, {'Content-Type': 'text/html; charset=utf-8'});原创 2019-06-23 17:28:15 · 3396 阅读 · 0 评论 -
关于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 · 2333 阅读 · 0 评论 -
原生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 · 223 阅读 · 0 评论 -
前端面试中常问的防抖和节流
防抖应用场景：（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 · 1163 阅读 · 0 评论 -
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 · 2477 阅读 · 0 评论 -
vue变异方法和非变异方法总结
变异方法和非变异方法：（1）变异方法:改变原数组，使视图更新 push() 往数组最后面添加一个元素，成功返回当前数组的长度。 pop() 删除数组的最后一个元素，成功返回删除元素的值。 shift() 删除数组的第一个元素，成功返回删除元素的值。 unshift() 往数组最前面添加一个元素，成功返回当前数组的长度。 splice() 有三个参数，第一个是想要删除的元素的下...原创 2019-07-11 19:13:48 · 2364 阅读 · 0 评论 -
vue中的$route和$router
$route为当前router跳转对象里面可以获取name、path、query、params等$router为VueRouter实例，想要导航到不同URL，则使用$router.push方法原创 2019-07-19 11:59:34 · 256 阅读 · 0 评论 -
type为datetimerange出现value.getTime is not a function错误
1.使用type="datetimerange"时，设置验证规则type为date时出现错误2.应改为：改后就正常了原创 2019-07-24 09:49:24 · 537 阅读 · 0 评论 -
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 · 827 阅读 · 0 评论 -
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 · 6003 阅读 · 0 评论 -
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 · 3379 阅读 · 0 评论 -
前端面试经典选择题解析
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 · 1762 阅读 · 0 评论 -
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 · 911 阅读 · 0 评论 -
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 · 761 阅读 · 2 评论 -
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 · 287 阅读 · 0 评论 -
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 · 411 阅读 · 0 评论 -
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 · 332 阅读 · 0 评论 -
详解深拷贝和浅拷贝
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 · 420 阅读 · 0 评论 -
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 · 8604 阅读 · 0 评论 -
JS中数组和字符串的方法大全
文章十分全面：https://www.cnblogs.com/leaf930814/p/6919197.html转载 2019-04-02 22:28:36 · 247 阅读 · 0 评论 -
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 · 2005 阅读 · 1 评论 -
前端学习网站
前端网：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 · 99 阅读 · 0 评论 -
微信小程序：摇筛子
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 · 5060 阅读 · 0 评论 -
前端学习路径
入门标准入门标准很简单，就一条：达到能参与 Web 前端实际项目的开发水平。请注意，是实际项目，这就需要了解如今的实际项目开发都用了哪些技术栈。HTML/CSS/JavaScript 这三大基础技术栈肯定是需要掌握的，但要能参与实际项目开发，肯定还要掌握其他一些主流的框架体系。几年前， jQuery + Bootstrap 可以说是一统江湖，是前端领域的绝对霸主。而这几年，随着 Angular...转载 2019-05-31 17:01:07 · 436 阅读 · 1 评论 -
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 · 331 阅读 · 0 评论 -
闭包，以菜鸟教程为例
好懂：https://www.cnblogs.com/haidaojiege/p/7070560.html原创 2019-06-10 15:51:36 · 327 阅读 · 0 评论 -
for循环和setTimeOut
函数声明：类似function aaa(){},函数表达式，类似var aaa=function(){},匿名函数：类似function(){}函数表达式即var aaa=function(){}(), 后面加（）表示立即调用，函数声明则不会调用。与**(function() {}) () 和（function() {} ()）**三者是一样的。for (var i = 0; i...原创 2019-03-29 15:52:41 · 1008 阅读 · 0 评论