随手笔记
初心-LIUSHOP
明天的你一定会感谢今天努力的你
展开
-
weex实现list列表上拉加载&下拉刷新
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述Weex框架能够完美兼顾性能与动态性,让移动开发者通过简捷的前端语法写出Native级别的性能体验,并支持iOS、安卓、YunOS及Web等多端部署。在开发中,列表是必不可少的,既然有列表,上拉加载、下拉刷新也是必不可少的,下面我们就来研究下:...原创 2019-06-10 17:01:16 · 1199 阅读 · 0 评论 -
React Refs详解
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416React 支持一种非常特殊的属性 Ref ,你可以用来绑定到 render() 输出的任何组件上。这个特殊的属性允许你引用 render() 返回的相应的支撑实例( backing instance )。这样就可以确保在任何时间总是拿到正确的实例。使用方法绑定一个 ref 属性到 render 的返回值...原创 2018-10-05 15:16:35 · 1128 阅读 · 0 评论 -
添加、移除、移动、复制、创建和查找节点
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):7573454161)创建新节点createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点2)添加、移除、替换、插入 appendChild() //添加 removeChild()...原创 2018-09-26 15:00:58 · 204 阅读 · 0 评论 -
vue生命周期详解
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416先上图:下面我们用实例来理解生命周期:<div class="test" style="border: 1px black dashed;padding: 8px;"> <p>{{demo}}</p> <butto...原创 2018-09-26 14:53:43 · 290 阅读 · 0 评论 -
鼠标移到图片上图片放大-CSS3
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416在开发中,我们往往会遇到图片放大特效,今天给大家分享下用CSS3来实现鼠标移动到图片上放大,直接贴代码了。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>www.chao9...原创 2018-09-25 15:43:26 · 3885 阅读 · 1 评论 -
CSS3 transition 属性
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416语法transition: property duration timing-function delay;值描述transition-property规定设置过渡效果的 CSS 属性的名称。transition-duration规定完成过渡效果需要多少秒或毫秒。tr...原创 2018-09-25 13:07:02 · 297 阅读 · 0 评论 -
react中onClick事件传参
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416在我们实际开发中,单击事件传参也是经常用到的,下面我们来研究下传参问题。正常绑定事件:<button className="clear-completed" onClick={test()}>点击</button>传递参数我们需要这样写:错误写法:&l...原创 2018-09-14 16:30:33 · 5095 阅读 · 0 评论 -
vue2.0项目实战源码(购物车和地址选配)
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416有好多朋友都想要vue项目源码,今天给大家分享一下,里面带注释先看下截图:git地址: https://github.com/782483506/vue2.0_project文章到此结束,希望对大家的学习有帮助!...原创 2018-09-23 15:42:49 · 3182 阅读 · 0 评论 -
ES6(React)中的bind(this)详解
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416探讨问题: 在使用React中 如果使用ES6的Class extends写法 如果onClick绑定一个方法,需要bind(this),而使用React.createClass方法 就不需要。 解析: React.createClass 是ES5 的写法默认绑定了 bind 写法。 在 ES6...原创 2018-09-13 15:36:33 · 2012 阅读 · 0 评论 -
在html中使用百度地图API
欢迎加入qq群(IT-程序猿-技术交流群):7573454161、点击进入百度地图API2、在左侧导航栏进行地图配置,如下图:3、点击“获取代码”,即可得到源码文章到此结束,希望对你的学习有帮助!...原创 2018-09-07 16:50:47 · 2659 阅读 · 0 评论 -
jquery.zoom.js放大镜实例
欢迎加入qq群(IT-程序猿-技术交流群):757345416效果图如下: 下面直接上代码:1、引入jquery.js、jquery.zoom.js<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script><script src="https://...原创 2018-09-07 11:38:56 · 2982 阅读 · 0 评论 -
react中setState第二个参数
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416该函数会在setState函数调用完成并且组件开始重渲染的时候被调用,我们可以用该函数来监听渲染是否完成,demo代码如下:this.setState( { username: 'tylermcginnis33' }, () =&gt; console.log('这是回调函数'))文章到此结束...原创 2018-10-05 15:47:25 · 18483 阅读 · 0 评论 -
react&vue中发起异步请求之axios详解
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416安装npm安装npm install axioscdn引入&amp;lt;script src=&quot;https://unpkg.com/axios/dist/axios.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;发起请求get//方法一axios.ge原创 2018-12-04 13:20:57 · 915 阅读 · 0 评论 -
weex开发--css注意事项
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828最近在开发weex项目,由于weex支持的Css写法有限,所以我们需要了解,目前布局只支持flex。特写此记录文档:1、Box左右居中(可代替text-align):align-items: center;2、Box上下居中等:justify-...原创 2019-05-29 17:26:54 · 443 阅读 · 0 评论 -
git或gitlab修改密码之后,报错remote: HTTP Basic: Access denied,fatal: Authentication failed for ‘git或gitlab地址’
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828方案一:1、打开控制面板2、修改密码方案二:git config --system --unset credential.helpergit config --global credential.helper store再push就会...原创 2019-05-29 13:01:17 · 46650 阅读 · 10 评论 -
vscode中文配置&中文插件
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828vscode刚安装上都为英文,那怎么汉化呢,继续往下读1、Ctrl+Shift+P 进入命令2、输入Configure Display Language或者configure language,选择“Configure Display Languag...原创 2019-02-21 10:03:39 · 15224 阅读 · 0 评论 -
单页面应用与多页面应用间的区别及优缺点
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828单页面应用(SPA),通俗一点说就是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入,单页面的页面跳转,...原创 2019-01-22 10:58:51 · 4828 阅读 · 0 评论 -
PhpStorm修改字体和主题
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828直接图解了:原创 2019-01-22 09:46:10 · 1366 阅读 · 1 评论 -
TortoiseGit可视化git工具历史版本下载
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828直接贴地址了:https://download.tortoisegit.org/tgit/原创 2019-01-09 16:20:25 · 753 阅读 · 0 评论 -
npm install 安装某个指定版本
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828npm i -S 包名@版本号原创 2019-01-02 12:41:47 · 2104 阅读 · 0 评论 -
es6中async和await的使用及注意事项(await报错-语法错误)
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416基本用法:async函数返回一个 Promise 对象,可以使用then方法添加回调函数。当函数执行的时候,一旦遇到await就会先返回,等到异步操作完成,再接着执行函数体内后面的语句。注意:await命令只能用在async函数之中,如果用在普通函数,就会报错。这里只是简单描述了一下,详细教程点这里...原创 2018-12-21 16:47:45 · 9476 阅读 · 0 评论 -
react暴露webpack配置文件
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416当我们按照官方安装脚手架之后,发现webpack.json特别简洁,然而我们还可以看到有以下配置:"eject": "react-scripts eject"这个可以暴露配置文件,打开cmd,进入项目目录:yarn eject运行之后会询问是否暴露,输入y即可,现在打开项目根...原创 2018-09-10 09:22:05 · 5260 阅读 · 1 评论 -
rem+js移动端开发技术原理&demo源码
欢迎加入qq群(IT-程序猿-技术交流群):757345416入门: rem为 root和em root为html标记 所以rem是根据html标记的font-size来决定大小的1、新建public.js文件window.onload=window.onresize=function(){ document.getElementsByTagName(...原创 2018-09-06 15:03:25 · 541 阅读 · 2 评论 -
JavaScript中this详解
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416this在好多时候都会困扰我们,下面来详解下this:this概念:当前环境对象(上下文对象)代码示例1:function test(x,y){ console.log(this);}//this指向windowtest();//this指向当前的Objectnew tes...原创 2018-09-09 23:31:53 · 133 阅读 · 0 评论 -
原生php分页功能-源码
欢迎加入qq群(IT-程序猿-技术交流群):757345416代码如下:<?php $link=@MySQL_connect('localhost','root','密码');mysql_select_db('数据库',$link);mysql_query('set names utf8');$result=mysql_query("select * fro...原创 2018-08-22 14:46:36 · 763 阅读 · 0 评论 -
cross-env 不是内部或外部命令
欢迎加入qq群(IT-程序猿-技术交流群):757345416执行npm run dev 报错cross-env 不是内部或外部命令,解决办法如下:npm install依赖项丢失,直接再执行下即可。...原创 2018-08-18 18:02:55 · 54336 阅读 · 2 评论 -
nodejs搭建服务器
欢迎加入qq群(IT-程序猿-技术交流群):7573454161、新建app.js文件var http = require('http');var hostname = '127.0.0.1';var port = 3000;var server = http.createServer((req, res)=&gt;{ res.statusCode = 200...原创 2018-08-15 16:42:00 · 196 阅读 · 0 评论 -
Web前端经典面试试题及答案
欢迎加入qq群(IT-程序猿-技术交流群):757345416 javascript: JavaScript中如何检测一个变量是一个String类型?请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.co...转载 2018-08-08 15:03:35 · 1338 阅读 · 0 评论 -
伪类和伪元素的区别(详解)
欢迎加入qq群(IT-程序猿-技术交流群):757345416定义伪类:用于向某些选择器添加特殊的效果伪元素:用于将特殊的效果添加到某些选择器伪类例:a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00F...原创 2018-08-15 15:50:34 · 1632 阅读 · 0 评论 -
webpack作为本地开发依赖安装报错
欢迎加入qq群(IT-程序猿-技术交流群):757345416报错信息如下图: 本以为会有什么大错误或者依赖包出了问题,经过分析和网络资料的帮助查找到错误原因为:【package.json】文件中的【name】值为【webpack】,改一下即可!希望本文章对你的学习和工作有帮助!...原创 2018-08-03 16:10:01 · 701 阅读 · 1 评论 -
事件冒泡、阻止事件冒泡以及阻止默认事件(JavaScript&jQuery)
欢迎加入qq群(IT-程序猿-技术交流群):757345416事件冒泡触发顺序由内向外可称为事件冒泡。html部分 <div id="one"> <div id="two"></div> </div> <a href="http://www.chao99.top"原创 2018-08-15 12:59:12 · 211 阅读 · 0 评论 -
JavaScript验证码生成
欢迎加入qq群(IT-程序猿-技术交流群):757345416验证码在开发中经常会用到,下面我们就来探讨下随机数的生成:1、html部分<div id="test" class="test"></div>2、css部分.test{ display:inline-block; font-size: 2...原创 2018-08-06 13:07:26 · 425 阅读 · 0 评论 -
React学习-基础项目搭建及环境配置
欢迎加入qq群(IT-程序猿-技术交流群):757345416React简介:React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。下面我们开始搭建环境:1、npm 安装 create-react-...原创 2018-08-04 21:43:06 · 624 阅读 · 0 评论 -
webpack简介&配置项解析
欢迎加入qq群(IT-程序猿-技术交流群):757345416webpack简介:webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。webpack是一个模块加载器及打包工具webpack配置项:在项目根目录新建webpack.config.js文件...原创 2018-08-26 19:38:31 · 254 阅读 · 0 评论 -
PHP测试是否已连接MYSQL数据库源码
欢迎加入qq群(IT-程序猿-技术交流群):757345416将下面的代码保存为test.php,放到web目录里面执行即可。<?php $link=mysql_connect("localhost","root","密码"); if(!$link) echo "数据库连接失败"; else echo "连接成功"; ?> 注:其中mysql_conne原创 2018-08-21 19:01:39 · 4391 阅读 · 0 评论 -
JavaScript中数组去重
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416在我们操作数组中,去重是我们必须会的,下面给大家介绍数组去重的方法:方法一://此方法为es6写法var arr=[69,89,96,99,69,99];var arr2=Array.from(new Set(arr));方法二:var arr=[69,89,96,99,69,9...原创 2018-09-09 22:10:31 · 145 阅读 · 0 评论 -
JavaScript中的onload详解
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416下面我们先写代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>原创 2018-09-09 16:46:11 · 6836 阅读 · 0 评论 -
react组件分类
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416react组件分为内置组件和自定义组件,下面我们来详细介绍:1、内置组件: html标记可以直接渲染 例如:div p span ……2、自定义组件: 自定义组件为自己定义的组件,创建方法有3种 (1)静态无状态组件(函数式无状态组件),不会被实例化,没有this,只有属性prop...原创 2018-09-08 16:06:59 · 496 阅读 · 0 评论 -
react生命周期详解
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416前言:学习react生命周期很重要,此文章将详解生命周期 生命周期分为3个阶段: 1、初始化阶段 2、更新阶段 3、销毁阶段 小编在网上找了一张生命周期图: 详细介绍如下:初始化阶段1、getDefaultProps()设置默认的props,在es6中使用组件名.dufa...原创 2018-09-08 15:59:18 · 221 阅读 · 0 评论 -
JavaScript入门篇
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416概念: JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。特点: 是一种监...原创 2018-09-08 15:37:15 · 137 阅读 · 0 评论