- 博客(57)
- 收藏
- 关注
RSS订阅转载 vue移动端项目经验
如何实现横向滚动(兼容safari，微信，浏览器)实现横向滚动需要以下几点：1、设置width:2000px这种大的宽度2、父级盒子要overflow-y:hidden;overflow-x:auto来防止页面宽度溢出，以及实现左右滚动效果3、::-webkit-scrollbar { display: none;}隐藏横向滚动条(此方法在ios和微信端无效)，所以第四步实现兼容...
2019-09-09 19:28:00
476
转载 文字溢出时省略号表示
单行文字省略：text-overflow: ellipsis;overflow: hidden;white-space: nowrap;多行文字省略：display: -webkit-box; -webkit-line-clamp: 2; //设定行数 -webkit-box-orient: vertical; overflow: hidden; tex...
2019-09-09 15:09:00
122
转载 vue移动端适配
vue-cli3.0引入px2rem与lib-flexible 移动端适配https://blog.csdn.net/qq_31393401/article/details/82353267vue vue-cli @vue/cli将px转换成rem单位配置(flexible,px2rem)https://blog.csdn.net/weixin_41424247/article/d...
2019-09-03 10:54:00
142
转载 vue移动端UI组件库
详情见博客：https://www.jianshu.com/p/1e05c8d68407转载于:https://www.cnblogs.com/huihuihero/p/11451424.html
2019-09-03 10:17:00
129
转载 线上部署一整套流程
买一个服务器到腾讯云，百度云或者阿里云上买一个云服务器。购买后你将获得：您新购买的云服务器(共1台)已分配成功（订单号：20190825312560）,感谢您对腾讯云的支持! 服务器操作系统为 CentOS 7.6 64位 ，默认账户为 root ，初始密码为 H4XD75R7b4gTv服务器名称：未命名云主机ID：ins-10b2vqqp所在网络ID：vpc-qhq4v...
2019-08-28 23:35:00
217
转载 json-server搭建本地数据接口
参考 https://blog.csdn.net/lhjuejiang/article/details/81475993转载于:https://www.cnblogs.com/huihuihero/p/11425790.html
2019-08-28 18:39:00
59
转载 vue-resource请求网络接口
vue-resource,http请求使用示例【首先，安装vue-resource的包】 npm install vue-resource --save【main.js】页面import Vue from 'vue'import App from './App'import VueRouter from 'vue-router' import VueResource ...
2019-08-28 13:08:00
153
转载 vue路由总结
基本用法及模板【首先，安装路由的包】：npm install vue-router --save【main.js】页面import Vue from 'vue'import App from './App'import VueRouter from 'vue-router' /* 1、引入路由 *//* 4、引入需要路由跳转的相关组件页面 */import Man...
2019-08-28 12:29:00
139
转载 vue项目经验(一)
首先，贴一张vue脚手架的目录创建组件及引用组件【创建组件】要在项目目录的components文件夹下(建议新建组件文件命名时，首字母大写)--------新建User.vue组件--------<template> <!-- 当前组件的具体内容 --> <div class="Users"> <ul> ...
2019-08-27 19:57:00
611
转载 搭建一个vue项目
搭建vue脚手架2.01、电脑里新建文件夹，用vscode打开文件夹2、用vscode打开终端, 通过 npm uninstall -g @vue/cli 卸载vue-cli3.0的包(3.0和2.0是不一样滴，避免冲突，先卸载3.0)3、npm install -g vue-cli 全局安装vue-cli2.0的包4、vue --version 检查一下版本，是否安装成功5...
2019-08-27 15:20:00
76
转载 Vue知识总结
基础知识appDemo.jsvar one = new Vue({ //实例一个vue对象 el:"#vue-app-one", //获取element,id为vue-app的element里此实例对象生效 data:{ //data,用于存储各种数据 age:30, sex:"男", website:...
2019-08-26 21:06:00
87
转载 canvas
基本代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas</title> <style> canvas{ border:1px solid #ccc; }...
2019-08-14 11:13:00
99
转载 浅拷贝，深拷贝
浅拷贝拷贝就是复制,就相当于把一个对象中的所有的内容,复制一份给另一个对象,直接复制,或者说,就是把一个对象的地址给了另一个对象,他们指向相同,两个对象之间有共同的属性或者方法,都可以使用var obj1={ age:10, sex:"男", car:["奔驰","宝马","特斯拉","奥拓"] }; //另一个对象 var...
2019-08-11 22:21:00
54
转载 闭包
闭包：一个函数中有另一个函数或对象。里面的函数或对象可以调用外面的函数定义的变量或数据。此时形成闭包。闭包的作用：缓存数据，延长作用域链。(同时这也是缺点，因为这导致函数中的变量不能及时释放)function f1(){ var num=10; return function(){ console.log(num); //10 ，这里函数可以调用其外...
2019-08-11 15:28:00
73
转载 apply,call,bind
apply,callapply和call在调用时改变了this的指向 function f1(x,y) { console.log((x+y)+":===>"+this); return "这是函数的返回值"; } //apply和call调用 var r1=f1.apply(null,[1...
2019-08-11 12:36:00
62
转载 递归
递归：函数中调用函数自己(递归一定要有结束条件，否则会不断调用自己，陷入死循环。递归一般应用在遍历上)递归一般情况下不用，效率不高var i=0；function f1(){ i++； if(i<6){ f1(); }； console.log("从前有座山，山里有座庙，庙里有个老和尚，天天给小和尚讲故事：从前。。。")；}...
2019-08-11 08:51:00
59
转载 函数声明，函数表达式
函数声明function f1(){ console.log("我是一个函数")};f1();函数表达式(多用函数表达式，少用函数声明，函数声明在ie8有问题)var f2=function(){ console.log("我也是一个函数")};f2();react里async f1(){}f1=async()=>{}转载于:ht...
2019-08-07 15:05:00
56
转载 继承的几种方式
js继承的几种方式：原型继承，借用构造函数继承，组合继承(原型继承+借用构造函数继承)，拷贝继承原型继承function Animal(name,weight){ this.name=name; this.weight=weight;};Animal.prototype.eat=function(){ console.log("我是Animal构造函数的...
2019-08-06 17:55:00
59
转载 react生命周期详解
转自 https://www.jianshu.com/p/514fe21b9914周期第一个是组件初始化(initialization)阶段第二个是组件的挂载(Mounting)阶段此阶段分为componentWillMount，render，componentDidMount三个时期。第三个是组件的更新(update)阶段此阶段分为componentWillReceiv...
2019-08-04 17:38:00
59
转载 网址图标的制作与引入
代码：<link rel="icon" type="image/png" sizes="16x16" href="./favicon.ico">注意：它不是iconfont字体 也不是图片。位置是放到 head 标签中间。后面的type="image/x-icon" 属性可以省略。为了兼容性，请将favicon.ico 这个图标放到根目录下。在网址后面键入f...
2019-08-04 15:35:00
99
转载 js原型知识，贪吃蛇游戏
利用js原型的相关知识点封装相关函数，完成一个贪吃蛇的小游戏。其中food,snake,game都是封装的对象SnakeGame.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title>...
2019-07-31 16:54:00
87
转载 js原型，构造函数，实例对象，原型对象
解析：构造函数可以实例化对象构造函数采用大写首字母命名，如function Person(name){}构造函数中有一个属性叫prototype,是构造函数的原型对象构造函数的原型对象(prototype)中有一个constructor构造器,这个构造器指向的就是自己所在的原型对象所在的构造函数实例对象的原型对象(__proto__)指向的是该构造函数的原型对象构造函数的原...
2019-07-29 09:54:00
177
转载 es6-class-extends解析
见此博客，https://www.cnblogs.com/lishuxue/p/6097575.html转载于:https://www.cnblogs.com/huihuihero/p/11201490.html
2019-07-17 15:56:00
82
转载 react项目经验(三)
react使用if else语句的方法①在函数中使用if else语句，然后调用函数export default class Demo extends React.Component { state={ value:"first", } select=()=>{ if (this.state.value==="first...
2019-07-04 19:44:00
1846
转载 封装一个promise
目前封装的最好的Promise是axios，官方也推荐使用axios简单封装一个promise,理解思路就okconst p = new promise((resolve,reject)=>{ if(success){ resolve(data) }else{ reject(error) }})p.then(dat...
2019-06-28 16:43:00
87
转载 对象方法简写
demo:function(){ console.log("你好")}简写：demo(){ console.log("你好")}转载于:https://www.cnblogs.com/huihuihero/p/11103274.html
2019-06-28 16:08:00
348
转载 react项目经验(二)
删除接口，弹出模态框询问，回调函数写在一个函数里productDelete=(productInfo)=>{ Modal.confirm({ title:"删除产品", content:`您确认要删除产品 "${productInfo.name}" 吗？`, centered:true, ...
2019-06-20 18:24:00
328
转载 debugger的使用
debugger会在当前代码行迅速打断点，以便程序员查错。debugger;此外，debugger也可以用来判断参数个数转载于:https://www.cnblogs.com/huihuihero/p/11053122.html
2019-06-19 18:21:00
249
转载 async与await
async：我的理解是，异步，就是在执行到我的时候，如果我无法立即执行，你可以暂时忽略我继续向下执行，等其他的执行完了，你再来执行我。await：必须要写在async之后，await后面紧跟着一个函数作用域。就是在执行到我(await)时，你要等待紧跟我之后的函数执行完，你再往下执行。但是我这个函数作用域之外的，则是根据async异步执行的。想了解更多见这个博客：https://ww...
2019-06-17 18:48:00
89
转载 react中this指向问题
一.行间定义事件后面使用bind绑定thisrun(){ alert("第一种方法！") } <button onClick={this.run.bind(this)}>第一种</button>//这一种方法使用bind来修改this的指向，需要注意的是bind括号内第一个参数是修改this的，后面可以设置其他参数进行传值...
2019-06-15 17:39:00
78
转载 es6的this指向问题
普通函数普通函数中的this，普通函数中的this表示调用此函数时的对象，如下例：var x=11;var obj={ x:22, say:function(){ console.log(this.x) }}obj.say();//console.log输出的是22//调用say函数的是对象obj，所以this指代对象obj，输出的就是obj对象里的x值...
2019-06-15 17:32:00
108
转载 css经验总结
关于:nth-child() 选择器nth-child(2)的意思是当前元素的父元素的第二个子元素<div> <i>好</i> //i:nth-child(1) <i>好</i> //i:nth-child(2)...
2019-06-14 22:46:00
66
转载 promise用法详解
本文转自https://www.cnblogs.com/whybxy/p/7645578.htmlES6 Promise 用法讲解Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。那就new一个var p = new Promise(function(resolve, reject){ ...
2019-06-09 23:48:00
74
转载 前端网站
mock 伪造虚拟数据接口，用于测试easymock: https://www.easy-mock.com/loginmock.jsJSONplaceholder 伪造虚拟数据接口，用于测试http://jsonplaceholder.typicode.com/npm.js 可用于查阅从npm下载的插件的使用说明https://www.npmjs.com/muse-ui...
2019-06-09 18:31:00
83
转载 搭建一个react项目
搭建react整体框架1、电脑里新建文件夹，用vscode打开文件夹2、npm create react-app 项目名称 如 npm create react-app huihuidemo / yarn create react-app huihuidemo3、cd 项目名称 如 cd huihuidemo4、npm run start5、安装antd cn...
2019-06-08 12:20:00
97
转载 react前后端对接(axios)
全局配置1 安装axios npm install axios -S 2 安装cookie npm install react-cookies -S3 src文件目录下新建文件夹api4 api 下新建statecode.js //该页面用来返回请求状态export default { "-1": "系统繁忙", "0": "...
2019-05-26 15:38:00
1060
转载 受控组件&&非受控组件
声明，本博客摘自：https://segmentfault.com/a/1190000002675685表单组件像 input、textarea 不同于其它的原生组件，因为它们会随着用户交互而改变。这些组件提供了接口方便我们管理这些交互。交互属性表单组件提供了一些受用户交互影响的属性value，支持input、textareachecked，支持input type类型是ch...
2019-05-25 11:05:00
64
转载 快捷方式
快速打开记事本window+r notepad 调用记事本转载于:https://www.cnblogs.com/huihuihero/p/10921632.html
2019-05-25 10:43:00
48
转载 react项目经验
调用后返回上一页&&跳转至当前页 this.props.history.goBack(); 返回 this.props.history.push("/index/setting/basicsetting"); 跳转 this.props.history.go(-1) 跳转当使用时出现以下错误Cannot read property 'push' of un...
2019-05-25 10:14:00
2857
转载 react路由心得总结
1引入react-router-dom包 npm install react-router-dom --save或者 yarn add react-router-dom2 创建并暴露router.js文件，并在index.js里引入，之后在其他页面使用Link便可。页面模板如下这是index.js页面import React from 'react';import R...
2019-05-08 21:29:00
142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人