- 博客(79)
- 收藏
- 关注
RSS订阅转载 理解CSS3 max/min-content及fit-content等width值
https://www.zhangxinxu.com/wordpress/2016/05/css3-width-max-contnet-min-content-fit-content/转载自张鑫旭博客
2019-07-16 15:03:36
594
转载 通过计算属性解决vue中map数据修改无法动态响应的问题
https://blog.csdn.net/SGAFPZys/article/details/80754786
2019-04-22 15:38:23
3454
转载 vue-cli使用jsonserver模拟后台数据
环境需要安装 node https://nodejs.org/en/开始1.新建项目 mkdir rest-api-demo && cd rest-api-demo2.初始化项目 npm init3.安装 npm install --save-dev json-server4.在项目根目录下，新建一个 JSON 文件db.json{ "posts": ...
2018-10-23 11:13:16
493
转载 axios用post提交的数据格式
vue框架推荐使用axios来发送ajax请求，之前我还写过一篇博客来讲解如何在vue组件中使用axios。但之前做着玩用的都是get请求，现在我自己搭博客时使用了post方法，结果发现后台（node.js）完全拿不到前台传来的参数。后来进过一番探索，终于发现问题所在。post提交数据的四种编码方式1.application/x-www-form-urlencoded这应该是最常见的pos...
2018-10-23 00:43:32
1955
转载 echarts中使用饼状图显示百分比
echarts-在现实标题中显示百分比如图：需要在标题显示所占百分比使用方式：图中标记部分 series : [{ name: '类型', type: 'pie', radius : '55%', center: ['50%', '60%'],...
2018-10-22 23:07:32
21290
1
转载 vue2.0之axios使用详解
axios基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用功能特性在浏览器中发送 XMLHttpRequests 请求 在 node.js 中发送 http请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 自动转换 JSON 数据 客户端支持保护安全免受 XSRF 攻击浏览器支持安装使用 bower...
2018-10-21 09:41:41
244
转载 2018Web前端经典面试题合集
javascript: JavaScript中如何检测一个变量是一个String类型？请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.constructor === String请用js去除字符串空格？方法一：使用replace正则匹配的方法去除所有空格: str = str.replace(/\s*/g,""...
2018-10-17 12:24:01
373
转载 前端面试整理汇总100题
1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？ position的值， relative和absolute分别是相对于谁进行定位的？ absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 stati...
2018-10-17 12:19:09
591
原创 五种实现三栏布局的方式，左右宽度固定中间自适应（一）——面试常考点
<!DOCTYPE html><html><head> <title>Layout</title> <style type="text/css"> html,*{ margin:0; padding: 0; } section{ margin-top: 20px; } /*
2018-10-11 11:49:38
565
原创 一个练手的企业级网页
最近在巩固html5、css3基础知识，所以今天趁着国庆，普天同庆的日子，来好好摩擦摩擦这是在慕课网学习的时候，由于自己设计感不是很好，所以借鉴了慕课网的练习素材，本文基本上没用到js代码地址：https://github.com/Steven37/EnterprisePage.git...
2018-10-01 21:07:22
432
原创 使用原生js和jQuery实现百度搜索
使用的百度搜索接口1、设置样式2、为input绑定keyup事件，从百度搜索接口获得热关键词3、点击关键字列表，可以跳转到相应的百度搜索界面实现思路：1、样式就不说了，直接上代码 <div id="main"> <div id="logo"></div> <form id="search-form"&
2018-09-30 14:08:17
682
转载 百度、Google、bing搜索接口
各种搜索接口https://blog.csdn.net/weixin_38362146/article/details/77834445
2018-09-29 20:43:18
13351
原创 使用原生js实现瀑布式加载图片
1、首先设置好容器，每张图片的宽度设置为固定宽度，高度自适应 <div id="main"> <div class="box"> <img src="images/0.jpg" /> </div> ………… ………… </div&a
2018-09-28 20:13:34
578
转载 前端实现页面跳转几种方式——面试
推荐使用<script language='javascript'> document.location = 'http://mail.qq.com/domain/longtimenosee.cc' </script> https://www.cnblogs.com/zlay0701/p/5820639.html https:/...
2018-09-25 19:53:52
2353
原创 vue使用css3实现无限旋转动画——面试
<!DOCTYPE html><html><head> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <style type="text
2018-09-25 19:10:32
6387
原创 人生经验篇之前端之路（一）
今天面试前端实习生，对我来说挑战非常大，其实这是我转前端两个多月来第一次面对技术官的考问，没经历过，也不知道会问些什么，在这之后，也是对自己的分量有点逼数了，问的很多很基础的东西没回答上来，html5特性，css特性，es6特性，说实话平时我只管用标签，属性这些，从来都没管过他是不是html5标签，css3特性这些，很多框架也都只是会用，没有自己研究过原理，要是用原生的js自己怎么实现，从来没想过...
2018-09-22 00:25:29
190
原创 fcc第二个web项目
用vue换不来body的背景颜色，本来按钮和背景颜色一起变的，但是只能改变按钮的颜色，背景颜色修改不了，所以最后按钮就没有动态改变颜色了https://codepen.io/FronJs/pen/KxWwjV...
2018-09-20 16:37:50
351
原创 布尔类型与其他类型转换比较
console.log(([])?true:false); console.log(([]==false?true:false)); console.log(({}==false)?true:false)答案：true true false此题考察类型转换，三元运算符先“分清是非”，再决定今后该走哪条路，“==”运算符比较“喜欢”Number类型。（我就不严谨地这么一说，若要...
2018-09-17 17:34:17
1273
原创 AngularJS1元素过滤
filter的两种使用方法1. 在模板中使用filter我们可以直接在{{}}中使用filter，跟在表达式后面用 | 分割，语法如下：{{ expression | filter }}也可以多个filter连用，上一个filter的输出将作为下一个filter的输入{{ expression | filter1 | filter2 | ... }}filter可以接收参数，参数用 :...
2018-09-17 17:28:46
554
原创 siblings，next，find方法的使用
jQuery siblings() 方法siblings() 方法返回被选元素的所有同胞元素。下面的例子返回 <h2> 的所有同胞元素：实例$(document).ready(function(){ $("h2").siblings();});亲自试一试您也可以使用可选参数来过滤对同胞元素的搜索。下面的例子返回属于 <h2> 的同胞元素...
2018-09-17 17:26:07
903
原创 js中关于this的知识点
在全局范围内，this指向全局对象（浏览器下指window）（√）对象函数调用时，this指向当前对象（√）全局函数调用时，this指向全局函数（×）使用new实例化对象时，this指向新创建的对象（√） this有四种情况！1)当在函数调用的时候指向widow2)当方法调用的时候指向调用对象3)当用apply和call上下文调用的时候指向传入的第一个参数...
2018-09-17 17:24:19
254
原创 es6中yield的使用
有以下ES6代码 1 2 3 4 5 function * gen() { yield 1; yield 2; yield 3; 答案：gen()执行后返回一个Generator对象这是ES6的新feature， function 后面带 * 的叫做gene...
2018-09-17 17:22:07
1031
原创 关于NaN
console.log(1+ "2"+"2");console.log(1+ +"2"+"2");console.log("A"- "B"+"2");console.log("A"- "B"+2);答案：12232NaN2NaN 分析1. 1 console.
2018-09-17 17:20:29
266
原创 关于null,undefined
ECMAScript认为undefined是从null派生出来的，因此将它们定义为不严格意义上的相等，即undefined==null。alert(undefined==null) truealert(undefined===null) falsealert(null==undefined) truealert(null===undefined...
2018-09-17 17:16:36
129
原创 关于数组长度
1 2 var a =[]; a[0]=1, a[1]=2, a[2]=3, a[5]=4; 答案 6ECMAScript数组的大小是可以动态调整的，既可以随着数据的添加自动增长以容纳新增数据。当把一个值放在超出当前数组大小的位置上时，数组就会重新计算长度值，即长度值等于最后一项的索引加一，前面的值都自动被赋值为了undefined了...
2018-09-17 17:14:00
405
原创 AngularJS1指令
ng-route 自带路由ng-template 寄存方式ng-model 指令绑定了 HTML 表单元素到 scope 变量中ng-controller 指定控制器
2018-09-17 17:12:18
209
原创 js数据类型
在 JavaScript 中有 5 种不同的数据类型：string 、number 、boolean 、object 、function 3 种对象类型：Object 、Date 、Array 2 个不包含任何值的数据类型：null 、undefined...
2018-09-17 17:07:43
115
原创 浏览器在一次 HTTP 请求中，需要传输一个 4097 字节的文本数据给服务端，可以采用那些方式?
IndexdDB 是 HTML5 的本地存储，把一些数据存储到浏览器（客户端）中，当与网络断开时，可以从浏览器中读取数据，用来做一些离线应用。Cookie 通过在客户端 ( 浏览器 ) 记录信息确定用户身份，最大为 4 kb 。url 参数用的是 get 方法，从服务器上获取数据，大小不能大于 2 kb 。Session 是服务器端使用的一种记录客户端状态的机制 。post 是...
2018-09-14 13:58:09
2172
原创 整数转换成罗马数字
function convert(num) { var numbers=[1000,900,500,400,100,90,50,40,10,9,5,4,1];//用numbers中的值依次和item比较，大于item则返回对应的index返回Romans中对应字母加入字符串str中，num减去item var romans=['M','CM','D','DC'...
2018-09-03 18:25:13
272
原创 freeCodeCamp上的第一个前端项目
只是用bootstrap构建了基本的布局，用的还不是很熟https://codepen.io/FronJs/pen/PdGVam
2018-08-30 18:13:21
3159
3
原创 js刷题（30道）
1，以下表达式的运行结果是：[1, NaN, NaN] ["1","2","3"].map(parseInt) A.["1","2","3"] B.[1,2,3] C.[0,1,2] D.其他 通常使用parseInt时,只需要传递一个参数.但实际上,parseInt可以有两个参数.第二个参数是进制数.可以通过语句"alert(par
2018-08-30 11:52:58
2803
1
原创 es6中解析赋值的用途
变量的解构赋值用途很多。（1）交换变量的值let x = 1;let y = 2;[x, y] = [y, x];上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰。（2）从函数返回多个值函数只能返回一个值，如果要返回多个值，只能将它们放在数组或对象里返回。有了解构赋值，取出这些值就非常方便。// 返回一个数组function examp...
2018-08-26 12:04:19
316
原创 es6中 “标签模板”的一个重要应用
“标签模板”的一个重要应用，就是过滤 HTML 字符串，防止用户输入恶意内容。let message = SaferHTML`<p>${sender} has sent you a message.</p>`;function SaferHTML(templateData) { let s = templateData[0]; for (let i =...
2018-08-26 11:48:50
1839
原创 es6引用模板字符串本身（不是很懂）
需要引用模板字符串本身，在需要时执行，可以像下面这样写。// 写法一let str = 'return ' + '`Hello ${name}!`';let func = new Function('name', str);func('Jack') // "Hello Jack!"// 写法二let str = '(name) => `Hello ${name}!`';l...
2018-08-26 11:27:31
498
1
原创 es6中padStart常见用途
padStart的常见用途是为数值补全指定位数。下面代码生成 10 位的数值字符串。'1'.padStart(10, '0') // "0000000001"'12'.padStart(10, '0') // "0000000012"'123456'.padStart(10, '0') // "0000123456"另一个用途是提示字符串格式。'12'.padStart(10...
2018-08-26 11:15:06
1216
原创 args参数读取不成功
在args.js文件中加上由于参数没有读取到导致热更新也不成功，参数可以读取到之后，热更新就没有问题了，不知道什么关联关系>^<
2018-08-24 10:29:17
812
转载 前端构建工具gulpjs的使用介绍及技巧
gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装 开始使用gulp gulp的API介绍 一些常用的gulp插件...
2018-08-24 10:14:52
115
原创 gulp报错“Error: Couldn't find preset "es2015" relative to directory”
第一次使用gulp 多加了一条横线~~~~
2018-08-23 20:46:14
234
转载 node 安装gulp后，不是内部或外部命令
windows下使用如下命令安装gulp后npm install gulp-cli -gnpm install gulp -D再使用命令：gulp --help提示‘gulp’不是内部或外部命令，也不是可运行的程序原因： 环境变量没有配置正确； 此处环境变量不仅需要设置node安装路径的配置，也需要添加node下node_global的环境变量；C:\Progr...
2018-08-23 20:18:51
573
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人