自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 RN实现商城案例

案例说明 案例界面 项目由搜索框+轮播图+一个可以下拉的列表组成;不涉及后台接口(均为模拟数据) 案例所用技术 需要使用react native脚手架+expo;主要是对react native的组件进行学习 文档 https://reactnative.cn/docs/tut...

2019-06-04 19:33:32 338 0

原创 初学react native基础(组件、API、插件、样式、布局)

React Native React Native 看起来很像 React,只不过其基础组件是原生组件而非 web 组件。要理解 React Native 应用的基本结构,首先需要了解一些基本的 React 的概念,比如 JSX 语法、组件、state状态以及props属性。如果你已经了解了...

2019-06-03 09:54:03 211 0

原创 初学react native(脚手架与expo一些报错)

移动APP 移动指的是移动设备平台, app 是应用 (application) 的缩写, 移动App就是移动设备上运行的应用程序 安装 安装个环境感觉在大战一场武林大会一样… npm install -g create-react-native-app 当然什么node环境;cnp...

2019-05-29 15:10:12 512 0

原创 jQuery进阶续集--通过案例(随机颜色案例、全选与反选、递归实现动画、全屏滚动、进度条...)深入知识点

这篇文章是接着写的 防止篇幅过长,影响浏览;所以分开写 这是上集:https://blog.csdn.net/weixin_41105030/article/details/90342430 全选与反选 全选与反选的需求其实很好理解;实际上就是一个串联电路;只要有一处断路;整个电流都是无法...

2019-05-21 20:11:43 180 0

原创 jQuery进阶上集--通过案例(五星好评、轮播图、递归实现动画、全选与反选...)深入知识点

jQuery是不是过了保质期了 现在前端三大框架,都是为了使操作者从繁琐的DOM操作中解脱出来。而现在都是面向数据编程,这样可以提高了性能和便于维护;而dom操作会让页面重绘和回流,且js数组API,字符串的API等其它操作数据的API都很完善了;jQuery还有一席之地吗? jQuery风华...

2019-05-21 07:56:07 159 0

原创 前端性能优化与安全

性能优化 可能一直听到前端性能优化?然后就只想着如何优化!其实重要的是我们要想为什么优化?只是为了提高代码的质量?其实不仅仅;比如用户体验;比如经济利益…我们可以放大来看… 前端优化相关(目的) 主要有两个方面:企业资源和用户体验。很多企业在自己的服务器进行web开发,由于硬件资源有限,...

2019-05-19 14:14:03 3436 0

原创 从贪吃蛇移动到JS面向对象

需求 Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。 比如下面这是一条贪吃蛇(你自己想象);我们如何创建并让它移动 如果我想让它移动:基本的思路是每隔段时间就创建一条贪吃蛇;并删除之前创建的删除蛇 生成实例对象的原始模式-对象字面量来创...

2019-05-17 17:43:47 191 0

原创 从ajax异步请求封装和JSONP跨域封装到第三方库的使用

##### GET请求的理解 1. 使用 AJAX 的过程可以类比平常我们访问网页过程 ```js // 1. 创建异步对象 --相当于打开一个浏览器 var xhr = new XMLHttpRequest() // 2. 打开与网址特定的链接 --相当于在地址栏输入访问地址 ...

2019-05-16 17:53:33 182 0

原创 小程序生命周期函数到todos项目的实现

参考文档 页面生命周期 页面生命周期函数 生命周期函数的学习 其它参考文档 小程序开发·指南·框架·API等 小程序介绍·开发·注册·主体信息·支付 小程序·开发支持 开发者社区 小程序·云开发 ...

2019-05-13 16:12:45 114 0

原创 小程序浅谈MINA框架、数据流到实现登录注册功能

参考文档 小程序开发·指南·框架·API等 小程序介绍·开发·注册·主体信息·支付 小程序·开发支持 开发者社区 小程序·云开发

2019-05-12 18:19:34 341 0

原创 小程序入门到实现底部导航栏tabbar

参考文档 小程序开发·指南·框架·API等 小程序介绍·开发·注册·主体信息·支付 小程序·开发支持 开发者社区 Hello World! 下载微信开发者工具 登录微信公众平台官网 登录后即可看到后台,没登录先注册 拉到最底部里面可以查看或则设置你的AppID 打开我们...

2019-05-11 14:36:00 1083 0

原创 详解JS数组以及其方法(Array API)--操作数组,去重,冒泡

数组是什么 欢迎收看新闻联播!接下来总结一下数组的相关操作… 数组是按次序排列的一组值。 本质上,数组属于一种特殊的对象。typeof运算符会返回数组的类型是object。(万物皆对象) 数组属于复杂数据类型 数组·API剖析 判断是否为数组 instanceof ...

2019-05-02 21:06:10 118 0

原创 React实现todos

TodoMVC 官网实例 git clone https://github.com/tastejs/todomvc-app-template.git --depth 1 React的配置 可以使用脚手架 cnpm install -g create-react-app cr...

2019-04-29 11:21:01 203 0

原创 使用Vue实现todos(Vue CLI和VueX)

Vue CLI Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 # 全局安装脚手架 cnpm install -g @vue/cli # 快速创建一个项目 vue create todos # 打开项目 cd todos # 运行项目 cnpm run ...

2019-04-27 21:06:03 628 1

原创 angular-todomvc

使用脚手架新建一个angular项目 cnpm new todo-ng cd todo-ng ng serve // cnpm start 下载模板文件 git clone https://github.com/tastejs/todomvc-app-template.git --...

2019-04-26 14:27:48 99 0

原创 Angular概念和TypeScript基础语法

什么是Angular Angular是构建用户界面的JavaScript框架;由 Google 开发和维护,主要被用来开发单页面应用程序。它的创新之处在于,通过数据绑定和依赖注入减少了大量代码,而这些都在浏览器端通过JavaScript实现,能够和任何服务器端技术完美结合。 Angular的出...

2019-04-25 19:22:12 273 0

原创 PHP使用session实现猜数字

需求 随机生成或则准备一个数字,用户有10次机会可以猜中它。 那么问题来了,这个数字生成后要放在哪里。放在cookie还是session?先来讲讲“远古时代”;也就是对cookie和session的理解 cookie和session的区别 会话(Session)跟踪是Web程序中常用的...

2019-04-20 15:53:07 230 0

原创 PHP关于文件$_FILES一些问题、校验和限制

科学研究 通过 PHP,可以把文件上传到服务器。通过$_FILES可以获取文件上传的相关信息;从而对文件进行操作。经过我的科学研究,发明了许多奇奇怪怪的问题;经过我的认真思考,终于;还是没能解决。最后一边百度一边思考。 上传单个文件 不管三七二十一,涉及到上传文件都需要使用enctype=&qu...

2019-04-18 12:05:12 684 0

原创 PHP+Mysql实现增删改查

碎碎念 PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。 数据库(Database)是按照数据结构来组织、存储和管理数据的仓库。每个数据库都有一个或多个不同的 API 用于创建,访问,管理,搜索和复制所保存的数据。 MySQL 是一种在 Web 上使用,在服务器上运行的数据库...

2019-04-17 22:38:17 7774 2

原创 vue+node前后端实现登录注册功能

使用vue cli3脚手架搭建一个vue项目 创建一个vue_cms项目,没安装脚手架全局安装即可,安装过程选择默认的即可 vue create vue_cms 安装路由,axios,完成后启动项目, cnpm i vue-router axios -S cnpm r...

2019-04-17 11:05:03 7149 1

原创 从回调地狱谈Promise

碎碎念 本质上,Promise 是一个绑定了回调的对象,而不是将回调传进函数内部。它代表了一个异步操作的最终完成或者失败。 node读取文件 我们知道readFile API是异步操作,如果我们想依次读取文件的话,需要嵌入 const fs = require('fs&#...

2019-04-16 12:13:18 73 0

原创 web前端浏览器兼容问题

浏览器兼容性 所谓浏览器的兼容性,就是在不同的浏览器效果对同一段代码有不同的解析;造成对页面显示效果不统一的情况 主流浏览器 浏览器内核是可以解析网页语言的代码;也就是渲染引擎;用来渲染显示网页。我已经使用运用我成熟,精湛,精通复制黏贴的技术为大家从百科拿来这段话,不用感谢我。 ...

2019-04-15 17:59:48 48 0

原创 web开发-PHP基础学习

PHP是什么 PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。 PHP 是免费的,并且使用非常广泛。同时,对于像微软 ASP 这样的竞争者来说,PHP 无疑是另一种高效率的选项。 PHP开发环境集成安装 通常,PHP集成环境包,都会将Apache、Ngnix、PHP...

2019-04-11 20:08:24 64 0

原创 PHPStorm、PHP、web开发网络概念(HTTP)

PHP环境的搭建 Apache和PHP的理解 PHP下载 PHP下载 PHP入门指引 Apache下载 Apache 是一家没有太多能力的公司,只能处理一些简单的业务(静态网站),但是心很大想 做更多的事(动态网站),所以就想到了外包,所有额外的业务都需要外包给其他程序,而 PH...

2019-04-10 14:36:59 158 0

原创 HTML5画布canvas实战(2)--饼状图

画布

2019-04-08 17:17:07 1671 2

原创 HTML5画布canvas实战(2)--刮刮乐(模拟刮卡中奖)

插播一段广告 HTML5 canvas 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成 canvas 标签只是图形容器,您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。 画布 MDN文档 广告之后马上回来–...

2019-04-07 22:06:29 212 2

原创 HTML5画布canvas实战(1)--折线图

画布基本教程 画布基础知识和绘制 Canvas MDN 唠唠叨叨 canvas 是 HTML5 新增的元素,可用于通过使用JavaScript中的脚本来绘制图形。例如,它可以用于绘制图形,制作照片,创建动画,甚至可以进行实时视频处理或渲染。 HTML结构 <style> ...

2019-04-07 16:03:57 246 0

原创 HTML5 画布"重磅"知识点

碎碎念 使用 canvas>元素不是非常难但你需要一些基本的HTML和JavaScript知识。最基础的反而是最重磅的;所有需求的实现大致方向都是建立在你的基础知识上的思考;盖房子都是要有稳固的地基;…好了,严肃点,进入正题,我们开始讲混凝土的构成… 画布可以做什么 canvas是...

2019-04-06 21:29:55 250 0

原创 好玩的CSS3(5)-- 实现正方体+3D切割轮播图+原生JS

https://www.cnblogs.com/hskw/p/9294860.html

2019-04-04 11:46:34 513 0

原创 通俗讲React技术栈(整合篇)

React是用于构建页面的JavaScript 库(只关注于View) 构建用户界面,其实就是把数据展示出来。React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后...

2019-04-02 20:54:39 425 0

原创 React路由react-router-dom

文档分享 react-router react-router-dom Ant Design of React webpack配置React React router和React-router-dom React router React-router提供了一些router的核心a...

2019-04-01 14:34:22 435 0

原创 好玩的CSS3(4)--动画实现时钟+附加JS操作

了解animation 所有动画属性的简写属性,除了animation-play-state @keyframes 规定动画 属性 animation-name:规定动画的名称(none | custom-ident | string;) animation-duration:属性...

2019-03-29 12:24:57 1003 1

原创 好玩的CSS3(3)-- 翻转(旋转正反两张)图片

错误的思路 先看效果图(这里准备两张相同的图片) 刚开始的思路:两张层叠的图片,旋转第一张,在旋转第二张。通过时间差来实现,然后出现了bug,以为是层级问题,但是背后一张回去的时候显示 HTML结构 <div> <img class="a" src...

2019-03-28 20:16:41 2063 0

原创 好玩的CSS3(2)--圆角半径实现安卓机器人

效果图 上百度找了个图片,实现大概这样一个效果,一看就是被绿过得机器人…只要锄头使的好,没有代码挖不到。顺便我们对它的结构先进行分析 实现方法有很多种,可以构造自己的结构。也可以使用定位来布局… border-radius 允许你设置元素的外边框圆角。当使用一个半径时确定一个圆形,当使用两...

2019-03-28 18:12:20 79 0

原创 好玩的CSS3(1)-跳动的心和盛开的花助你表白

css CSS3线性渐变(Gradients) 渐变入门文档 background: linear-gradient(angle, color-stop1, color-stop2); CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。了解的应该知道,可以直接...

2019-03-28 15:49:08 358 0

原创 原生JS实现无限滚动瀑布流布局

API HTMLElement.offsetWidth 是一个只读属性,返回一个元素的布局宽度。一个典型的(译者注:各浏览器的offsetWidth可能有所不同)offsetWidth是测量包含元素的边框(border)、水平线上的内边距(padding)、竖直方向滚动条(scrollbar)(...

2019-03-28 11:00:44 398 0

原创 原生JS实现自定义滚动条

浏览器带给我们的滚动条 .test{ width: 300px; height: 100px; overflow: auto; } 于是我们可能与我们的界面不搭,或则不好看,不符合…那么可以自己自定义一个。...

2019-03-26 21:44:10 3979 1

原创 webpack生产阶段的配置

开发–测试–生产 开发版 这是开发版本的配置 webpack.pub.config.js

2019-03-26 15:43:53 84 0

原创 webpack配置React开发详解版

文档 React官方文档的学习 webpack的配置 webpack的babel-loader的配置 文件夹的解释 dist用来放入打包后的文件(生产时) src这是我们开发时的文件(css和less主要是这里用来测试的) index.html(我们的页面,放一个容器来让其他...

2019-03-23 20:48:15 214 0

原创 React 使用 Context

React建议不要使用Context 绝大多数程序是不需要使用Context 这是个实验性API;在未来的React版本中,可能会被更改.所以是不稳定的 如果你不是一个有经验的React的开发者,不要使用context,通常仅使用props和state来实现功能是更好的一种方式。 ...

2019-03-23 10:46:56 50 0

提示
确定要删除当前文章?
取消 删除