- 博客(82)
- 收藏
- 关注
RSS订阅原创 RN实现商城案例
案例说明案例界面项目由搜索框+轮播图+一个可以下拉的列表组成；不涉及后台接口（均为模拟数据）案例所用技术需要使用react native脚手架+expo;主要是对react native的组件进行学习文档https://reactnative.cn/docs/tutorial/使用脚手架创建空的一个项目# 没有脚手架自行安装脚手架create-react-native-ap...
2019-06-04 19:33:32
1029
原创 初学react native基础（组件、API、插件、样式、布局）
React NativeReact Native 看起来很像 React，只不过其基础组件是原生组件而非 web 组件。要理解 React Native 应用的基本结构，首先需要了解一些基本的 React 的概念，比如 JSX 语法、组件、state状态以及props属性。如果你已经了解了 React，那么还需要掌握一些 React Native 特有的知识，比如原生组件的使用。这篇教程可以供...
2019-06-03 09:54:03
756
原创 初学react native（脚手架与expo一些报错）
移动APP移动指的是移动设备平台, app 是应用 (application) 的缩写, 移动App就是移动设备上运行的应用程序安装安装个环境感觉在大战一场武林大会一样…npm install -g create-react-native-app当然什么node环境；cnpm；yarn什么的再这里就不说；保存我的内力…create-react-native-app[参考文档] h...
2019-05-29 15:10:12
2048
原创 jQuery进阶续集--通过案例(随机颜色案例、全选与反选、递归实现动画、全屏滚动、进度条...)深入知识点
这篇文章是接着写的防止篇幅过长，影响浏览;所以分开写这是上集：https://blog.csdn.net/weixin_41105030/article/details/90342430全选与反选全选与反选的需求其实很好理解；实际上就是一个串联电路；只要有一处断路；整个电流都是无法流动…这里不是讲物理学；只是让我们更加去理解我们要做什么（又要夸自己了：这么贴切的例子都让我想得到）<...
2019-05-21 20:11:43
407
原创 jQuery进阶上集--通过案例(五星好评、轮播图、递归实现动画、全选与反选...)深入知识点
jQuery是不是过了保质期了现在前端三大框架，都是为了使操作者从繁琐的DOM操作中解脱出来。而现在都是面向数据编程，这样可以提高了性能和便于维护；而dom操作会让页面重绘和回流，且js数组API，字符串的API等其它操作数据的API都很完善了；jQuery还有一席之地吗?jQuery风华正茂不管你面向数据还是面向老婆编程；根据江湖传言；第一点，提高我们的竞争力；技多不压身，个人感觉只要没...
2019-05-21 07:56:07
436
原创 前端性能优化与安全
性能优化可能一直听到前端性能优化？然后就只想着如何优化！其实重要的是我们要想为什么优化？只是为了提高代码的质量？其实不仅仅；比如用户体验；比如经济利益…我们可以放大来看…前端优化相关（目的）主要有两个方面：企业资源和用户体验。很多企业在自己的服务器进行web开发，由于硬件资源有限，同时又有商业用途，怎样用有限的资源去满足企业网站商用化的目标，这成为了对Web前端优化的原动力。从用户的体验角...
2019-05-19 14:14:03
4837
原创 从贪吃蛇移动到JS面向对象
需求Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。比如下面这是一条贪吃蛇（你自己想象）；我们如何创建并让它移动如果我想让它移动：基本的思路是每隔段时间就创建一条贪吃蛇；并删除之前创建的删除蛇生成实例对象的原始模式-对象字面量来创建这条蛇假定我们把蛇看成一个对象，它有每一节的宽度、高度；还有身体；还有标识的name属性（重新创建...
2019-05-17 17:43:47
358
原创 从ajax异步请求封装和JSONP跨域封装到第三方库的使用
##### GET请求的理解1. 使用 AJAX 的过程可以类比平常我们访问网页过程```js // 1. 创建异步对象 --相当于打开一个浏览器 var xhr = new XMLHttpRequest() // 2. 打开与网址特定的链接 --相当于在地址栏输入访问地址 xhr.open('get','./01get.php') // 3. 通过链接发送一次请求 --相当于在浏览器输入回车发送请求 xhr.send(null) // 4. 指定 xhr 状态变化事件
2019-05-16 17:53:33
696
原创 小程序生命周期函数到todos项目的实现
参考文档页面生命周期页面生命周期函数生命周期函数的学习其它参考文档小程序开发·指南·框架·API等小程序介绍·开发·注册·主体信息·支付小程序·开发支持开发者社区小程序·云开发...
2019-05-13 16:12:45
266
原创 小程序浅谈MINA框架、数据流到实现登录注册功能
参考文档小程序开发·指南·框架·API等小程序介绍·开发·注册·主体信息·支付小程序·开发支持开发者社区小程序·云开发
2019-05-12 18:19:34
1263
原创 小程序入门到实现底部导航栏tabbar
参考文档小程序开发·指南·框架·API等小程序介绍·开发·注册·主体信息·支付小程序·开发支持开发者社区Hello World!下载微信开发者工具登录微信公众平台官网登录后即可看到后台，没登录先注册拉到最底部里面可以查看或则设置你的AppID打开我们的微信开发者工具，新建一个项目。接下来可以使用我们自己的ID,或则点击小程序测试号，生成一个测试号你的第一个小程序项目就...
2019-05-11 14:36:00
2463
原创 详解JS数组以及其方法（Array API）--操作数组,去重，冒泡
数组是什么欢迎收看新闻联播!接下来总结一下数组的相关操作…数组是按次序排列的一组值。本质上，数组属于一种特殊的对象。typeof运算符会返回数组的类型是object。（万物皆对象）数组属于复杂数据类型数组·API剖析判断是否为数组instanceofinstanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。 let...
2019-05-02 21:06:10
447
原创 React实现todos
TodoMVC官网实例git clone https://github.com/tastejs/todomvc-app-template.git --depth 1React的配置可以使用脚手架cnpm install -g create-react-appcreate-react-app todos# 支持es6，加上cnpm install --save-dev babe...
2019-04-29 11:21:01
1306
原创 使用Vue实现todos（Vue CLI和VueX）
Vue CLIVue CLI 是一个基于 Vue.js 进行快速开发的完整系统# 全局安装脚手架cnpm install -g @vue/cli# 快速创建一个项目vue create todos# 打开项目cd todos# 运行项目cnpm run serve --openVueXVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理...
2019-04-27 21:06:03
2467
1
原创 angular-todomvc
使用脚手架新建一个angular项目cnpm new todo-ngcd todo-ngng serve// cnpm start下载模板文件git clone https://github.com/tastejs/todomvc-app-template.git --depth 1如果不想下载的话，我已经把模板文件拷贝在这里（index.html）<!doctype h...
2019-04-26 14:27:48
312
原创 Angular概念和TypeScript基础语法
什么是AngularAngular是构建用户界面的JavaScript框架；由 Google 开发和维护，主要被用来开发单页面应用程序。它的创新之处在于，通过数据绑定和依赖注入减少了大量代码，而这些都在浏览器端通过JavaScript实现，能够和任何服务器端技术完美结合。Angular的出众之处构建一个CRUD应用时可能用到的所有技术：数据绑定、基本模板指令、表单验证、路由、深度链接、...
2019-04-25 19:22:12
1298
原创 PHP使用session实现猜数字
需求随机生成或则准备一个数字，用户有10次机会可以猜中它。那么问题来了，这个数字生成后要放在哪里。放在cookie还是session？先来讲讲“远古时代”；也就是对cookie和session的理解cookie和session的区别会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息...
2019-04-20 15:53:07
887
原创 PHP关于文件$_FILES一些问题、校验和限制
科学研究通过 PHP，可以把文件上传到服务器。通过$_FILES可以获取文件上传的相关信息；从而对文件进行操作。经过我的科学研究，发明了许多奇奇怪怪的问题；经过我的认真思考，终于；还是没能解决。最后一边百度一边思考。上传单个文件不管三七二十一，涉及到上传文件都需要使用enctype="multipart/form-data"进行编码我们可以使用accept设置文件上传的类型,然并卵，设置...
2019-04-18 12:05:12
1647
原创 PHP+Mysql实现增删改查
碎碎念PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。数据库（Database）是按照数据结构来组织、存储和管理数据的仓库。每个数据库都有一个或多个不同的 API 用于创建，访问，管理，搜索和复制所保存的数据。MySQL 是一种在 Web 上使用,在服务器上运行的数据库系统;MySQL 是非常快速，可靠，且易于使用的,支持标准的 SQL。Mysql语句打开我们的w...
2019-04-17 22:38:17
24864
8
原创 vue+node前后端实现登录注册功能
使用vue cli3脚手架搭建一个vue项目创建一个vue_cms项目，没安装脚手架全局安装即可，安装过程选择默认的即可vue create vue_cms安装路由，axios，完成后启动项目，cnpm i vue-router axios -Scnpm run server...
2019-04-17 11:05:03
20641
7
原创 从回调地狱谈Promise
碎碎念本质上，Promise 是一个绑定了回调的对象，而不是将回调传进函数内部。它代表了一个异步操作的最终完成或者失败。node读取文件我们知道readFile API是异步操作，如果我们想依次读取文件的话，需要嵌入const fs = require('fs')const path = require('path')function readTxt(dir,callback){...
2019-04-16 12:13:18
167
原创 web前端浏览器兼容问题
浏览器兼容性所谓浏览器的兼容性，就是在不同的浏览器效果对同一段代码有不同的解析；造成对页面显示效果不统一的情况主流浏览器浏览器内核是可以解析网页语言的代码；也就是渲染引擎；用来渲染显示网页。我已经使用运用我成熟，精湛，精通复制黏贴的技术为大家从百科拿来这段话，不用感谢我。浏览器的内核：浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们...
2019-04-15 17:59:48
430
原创 web开发-PHP基础学习
PHP是什么PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。PHP 是免费的，并且使用非常广泛。同时，对于像微软 ASP 这样的竞争者来说，PHP 无疑是另一种高效率的选项。PHP开发环境集成安装通常，PHP集成环境包，都会将Apache、Ngnix、PHP、MySQL集成在一起，给用户一个非常简单的解决方案。并且大多数情况下:php版本是允许切换的。MySQL一般都是提...
2019-04-11 20:08:24
329
原创 PHPStorm、PHP、web开发网络概念（HTTP）
PHP环境的搭建Apache和PHP的理解PHP下载PHP下载PHP入门指引Apache下载Apache 是一家没有太多能力的公司，只能处理一些简单的业务（静态网站），但是心很大想做更多的事（动态网站），所以就想到了外包，所有额外的业务都需要外包给其他程序，而 PHP 就是理解为一个专门能够处理 php 业务的外包公司WampServerwamp下载wamp使用phpw...
2019-04-10 14:36:59
1522
原创 HTML5画布canvas实战(2)--刮刮乐(模拟刮卡中奖)
插播一段广告HTML5 canvas 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成 canvas 标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。画布 MDN文档广告之后马上回来–需要用到的API解释getContext()渲染上下文：canvas创造了一个固定大小的画布，它公开了一个...
2019-04-07 22:06:29
736
2
原创 HTML5画布canvas实战(1)--折线图
画布基本教程画布基础知识和绘制Canvas MDN唠唠叨叨canvas 是 HTML5 新增的元素，可用于通过使用JavaScript中的脚本来绘制图形。例如，它可以用于绘制图形，制作照片，创建动画，甚至可以进行实时视频处理或渲染。HTML结构 <style> canvas { border: 1px solid #000;...
2019-04-07 16:03:57
914
原创 HTML5 画布"重磅"知识点
碎碎念使用 canvas>元素不是非常难但你需要一些基本的HTML和JavaScript知识。最基础的反而是最重磅的；所有需求的实现大致方向都是建立在你的基础知识上的思考；盖房子都是要有稳固的地基；…好了，严肃点，进入正题，我们开始讲混凝土的构成…画布可以做什么canvas是一个可以使用脚本(通常为JavaScript)来绘制图形的 HTML 元素.例如,它可以用于绘制图表、制作图片...
2019-04-06 21:29:55
602
原创 好玩的CSS3（5）-- 实现正方体+3D切割轮播图+原生JS
https://www.cnblogs.com/hskw/p/9294860.html
2019-04-04 11:46:34
1826
原创 通俗讲React技术栈（整合篇）
React是用于构建页面的JavaScript 库(只关注于View)构建用户界面，其实就是把数据展示出来。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。为什么要学习React当然是为了统一宇宙…当然开玩笑...
2019-04-02 20:54:39
4176
1
原创 React路由react-router-dom
文档分享react-routerreact-router-domAnt Design of Reactwebpack配置ReactReact router和React-router-domReact routerReact-router提供了一些router的核心api，包括Router, Route, Switch等，但是它没有提供dom操作进行跳转的api。当我们使用它的时...
2019-04-01 14:34:22
1018
原创 好玩的CSS3（4）--动画实现时钟+附加JS操作
了解animation所有动画属性的简写属性，除了animation-play-state@keyframes规定动画属性animation-name:规定动画的名称（none | custom-ident | string;）animation-duration:属性指定一个动画周期的时长，单位为s或ms；默认值为0s，表示无动画。animation-timing-functio...
2019-03-29 12:24:57
1244
1
原创 好玩的CSS3（3）-- 翻转（旋转正反两张）图片
错误的思路先看效果图（这里准备两张相同的图片）刚开始的思路:两张层叠的图片，旋转第一张，在旋转第二张。通过时间差来实现，然后出现了bug,以为是层级问题，但是背后一张回去的时候显示HTML结构 <div> <img class="a" src="img/hou.svg" alt=""> <img class="b" src="img/qian.s...
2019-03-28 20:16:41
6186
原创 好玩的CSS3（2）--圆角半径实现安卓机器人
效果图上百度找了个图片，实现大概这样一个效果，一看就是被绿过得机器人…只要锄头使的好，没有代码挖不到。顺便我们对它的结构先进行分析实现方法有很多种，可以构造自己的结构。也可以使用定位来布局…border-radius允许你设置元素的外边框圆角。当使用一个半径时确定一个圆形，当使用两个半径时确定一个椭圆。这个(椭)圆与边框的交集形成圆角效果。border-radius是一个简写属...
2019-03-28 18:12:20
309
原创 好玩的CSS3(1)-跳动的心和盛开的花助你表白
cssCSS3线性渐变（Gradients）渐变入门文档background: linear-gradient(angle, color-stop1, color-stop2);CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。了解的应该知道，可以直接理解为我们的背景图片CSS3动画animation:动画名称 动画时间 运动曲线 何时开始 播...
2019-03-28 15:49:08
780
原创 原生JS实现无限滚动瀑布流布局
APIHTMLElement.offsetWidth 是一个只读属性，返回一个元素的布局宽度。一个典型的（译者注：各浏览器的offsetWidth可能有所不同）offsetWidth是测量包含元素的边框(border)、水平线上的内边距(padding)、竖直方向滚动条(scrollbar)（如果存在的话）、以及CSS设置的宽度(width)的值。Element.clientWidth 属性表...
2019-03-28 11:00:44
1336
原创 原生JS实现自定义滚动条
浏览器带给我们的滚动条.test{ width: 300px; height: 100px; overflow: auto; }于是我们可能与我们的界面不搭，或则不好看，不符合…那么可以自己自定义一个。或则，希望自己有一双发现美的卡姿兰大眼睛…大概思路方向这里的思路不是指马克思主义道路，指我们可以大...
2019-03-26 21:44:10
13237
1
原创 webpack配置React开发详解版
文档React官方文档的学习webpack的配置webpack的babel-loader的配置文件夹的解释dist用来放入打包后的文件（生产时）src这是我们开发时的文件（css和less主要是这里用来测试的）index.html（我们的页面，放一个容器来让其他元素渲染进去）<div id="app"></div>webpack.config.j...
2019-03-23 20:48:15
667
原创 React 使用 Context
React建议不要使用Context绝大多数程序是不需要使用Context这是个实验性API;在未来的React版本中，可能会被更改.所以是不稳定的如果你不是一个有经验的React的开发者，不要使用context，通常仅使用props和state来实现功能是更好的一种方式。我就是不听劝尽管有这些警告，如果你还是坚持要使用context，那么尽量将使用context的代码隔离到一小块地...
2019-03-23 10:46:56
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人