- 博客(26)
- 收藏
- 关注
RSS订阅原创 Redux的使用
介绍ReduxRedux是一个JavaScript库，用于管理应用的前端状态。Redux并非React应用的必须条件，但是随着网络应用的复杂性越来越高，状态管理不当可能会导致bug。Redux应用中的全局状态存储在单一数据源store中。因为状态的更新受到严格控制，使得Redux非常具有可预测性。Redux = Reducer + Flux Flux:是官方推出的辅助使用的框架！...
2018-11-27 15:15:34
295
原创 G480改装固态硬盘、光驱变机械硬盘以及装系统（下）
装系统需要注意的事项：1.预装win8机型默认是UEFI+GPT，win7默认是Legacy+MBR，win8改win7需要改BIOS和硬盘分区表，此时需要备份所有硬盘数据2、如果内存2G及以下，选择安装32位x86系统，内存4G及以上选择安装64位x64系统一、准备工作1、lenovo G480笔记本电脑2、启动U盘：如何制作大白菜u盘启动盘注意：启动盘制作“模式”要选择带“HDD”...
2018-11-09 16:57:38
13568
1
原创 联想G480改装固态硬盘、光驱变机械硬盘以及装系统（上）
一、 准备工作1.首先，需要购入一块固态硬盘，G480这款电脑最好使用SATA3.0 的固态硬盘，这里我购入的是联想SATA3.0 128G的固态，我选的是JD上的这款，用着还不错链接固态硬盘2.如果你还想要保留机械硬盘，那就需要购入光驱托架，我购入的这款就是适合G480的，链接越泰光驱位硬盘托架2.5 寸 SATA3机械SSD固态支架盒 适用联想Y450G450E430G4803.如...
2018-11-09 15:53:13
35539
1
原创 XAMPP启动apache，mysql报错：This may be due to a blocked port, missing dependencies...
最近在学习微信小程序，需要安装微信小程序的后台，而后台的运行服务器的，so使用到了XAMPP,先是在安装的过程中提示了一个错误：xampp报错这个上面的提示大概意思：就是你已经安装过visual C++ 2008了，so 在运行这软件之前先运行setup_xampp.bat这个批处理文件！最常遇到到就是端口被占用的问题，如下图所示：...
2018-11-01 15:41:00
4988
3
原创 本地DNS服务器无法解析mp.weixin.qq.com
本地DNS服务器无法解析mp.weixin.qq.com最近开发一个项目出现了一个问题，不能访问某一个网站，先是ping 了下微信端的服务器mp.weixin.qq.com提示超时提示显示数据全部丢失然后look了下服务器链接信息提示非权威应答解决办法1、DNS换成公网的DNS服务器就可以打开微信网站。在命令提示行...
2018-10-30 14:47:00
5315
原创 React的生命周期函数
shouldComponentUpdate () { return true //返回true 或者 false，返回false时，上图shouldComponentUpdate下面的函数都不会被执行！返回true,则继续执行！}componentWillReceiveProps() {} //一个组件要从父组件接收参数 //如果这个组件第一次存在于父组件中，不会...
2018-09-12 15:08:00
446
原创 使用charles进行接口数据模拟
介绍 charles是一个HTTP代理服务器,HTTP监视器,反转代理服务器·它允许一个开发者查看所有连接互联网的HTTP通信·这些包括request, response和HTTP headers （包含cookies与caching信息）.1.charles的安装Charles下载地址：https://pan.baidu.com/s/1mi2YZna（百度网盘这里是V4.1.2版本...
2018-09-07 18:05:43
1098
原创 react开发——TodoList
React现在很流行的前端开发框架，这次以TodoList 开发来介绍react一、开发前的准备1.开发前电脑要安装好NodeJS（nodeJs 官网地址）2.npm命令行安装； 安装成功后通过`node-v` 和 `npm-v`来查看是否安装成功； 3.上面两个安装好后，运行命令行 `npm install -g create-react-app` ——安装react脚手架...
2018-09-06 15:19:31
485
原创 开发webApp准备一
如何在原有项目基础上开发整个webApp前端页面的扩展和开发NodeJS服务端环境的搭建和服务设施的提供mock数据的提供和模拟webApp整体搭建方式逆向软件工程用自己熟悉的技术、反推基于通用过的工程、反推下面是一个项目的构建目录 ...
2018-08-08 11:32:54
836
原创 FlexBox布局上
布局作为前端中重要的部分，对于其的掌握尤为重要，Flex布局是一种全新的针对web和移动开发布局应用而生。它可以 简便、完整、响应式地实现各种页面布局。目前它已经得到了所有浏览器的支持。一、FlexBox布局1.1FlexBox是什么意思呢？Flexible(形容词)能够伸缩或者很容易变化，以适应外界条件的变化。box(名词)：通用的的矩形容器1.2什么是FlexB...
2018-08-06 17:35:37
308
原创 仿京东手机端地址选择四级地址选择
地址选择器是很多商城开发中必不可少的组件，有三级联动、四级联动等各种地址选择器。所有的地址选择的核心原理都是相同的，下面是仿京东地址选择的效果图： 使用方法： installnpm install ajax-picker --saveimportimport AjaxPicker from 'ajax-picker'或者以普通的方式引入<script sr...
2018-08-01 16:19:01
4176
2
原创 vue商城路由配置及组件的使用
1.vue路由的配置1)vue项目import Vue from 'vue' //引入vueimport Router from 'vue-router' //引入路由信息Vue.use(Router) //初始化路由信息const MemberStore = (resolve) => { import('components/memberStore/memberStore').then((m
2018-01-03 16:09:50
1168
原创 vue 开发微商城-项目的构造-1
1.vue是基于MVVM模式的框架，即通过数据来操作DOM结构，最为突出的特点就是双向数据绑定的特点；如下图所示是vue-cli搭的脚手架项目文件的构成 2.主要代码的编写是src文件，一般来说一个大项目的文件结构如下图所示： 这样的项目结构有利于项目的开发和后期的维护。 3.main.js 项目的基本配置以及挂载//引入项目所需要的基础组件import 'babel-po
2018-01-03 14:53:15
2843
原创 vue 开发项目前的准备
一、vue开发前的准备 1.node.js环境搭建和npm的安装node.js的官网只需要登录官网看到‘install’按钮就可以直接下载安装； 安装完成后运行cmd命令，输入node -v出现下图提示的版本号就表示安装成功了 ①npm作为NodeJs的模块管理-npm有一些基础的命令例如：npm init , npm set, npm config等，具体可以看地址：地址链接 2.安装
2018-01-02 16:58:10
848
原创 本地localhost换成本地的IP地址后不能访问的原因
首先要明白localhost是本地DNS解析的127.0.0.1的域名；而IP本机IP则指你连到网络上的IP地址，可以是内网地址，当然也可能是公网IP；1.本地的服务器是IIS服务器,需要在程序-功能——打开和关闭windows防火墙中勾选web Http协议； 这样本地测试时localhost就可以换成本机的IP地址了； 2.如果你相要通过手机来测试web应用的页面，可以通过这个ip地址来
2017-06-23 14:09:46
49560
7
原创 vue.js的devtools安装
安装 1.github下载地址：https://github.com/vuejs/vue-devtools 2.下载好后进入vue-devtools-master工程 执行npm install —–>npm run build. 3.修改manifest.json 中的persistent为true 左侧是mainfest.json所在的文件夹目录vue-devtools-master\
2017-06-01 11:46:58
1023
原创 解决WampServer图标不变绿的方法
wampserver运行后图标一直是橙色，无法使用。 可能的原因：电脑打开——控制面板——管理工具——计算机管理——服务，显示如下图： 发现只有wampsqld服务项，而没有wampapache服务项。正常情况下这两个服务都应该运行的。需要我们重新安装Apache服务。 如图 然后会弹出一个命令提示符窗口，按任意键即可。 如果在“服务”窗口中也没有看到wampsqld服务的话，可以按同
2017-04-07 09:21:22
19973
3
原创 闭包总结
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。var n=9
2017-04-07 09:07:06
465
原创 作为一名前端工程师——这些技能你掌握多少？
一框架与组件二构建生态一、框架与组件bootstrap等UI框架设计与实现伸缩布局：grid网格布局基础UI样式：元素reset、按钮、图片、菜单、表单组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告响应式布局：布局、结构、样式、媒体、javascript响应式第三方插件：插件管理jQuery、zepto使用原理以及插件开
2017-02-22 12:04:17
1193
原创 jQuery Validate的使用发法和自定义验证方法的实现
插件简介使用步骤自定义一些验证方法手机号码的验证汉字的验证邮编的验证1.插件简介validate为表单提供了强大的验证功能，让客户表达验证变得简单。同时提供了大量的定制选项，满足应用程序的各种需求。2.使用步骤（1） 下载地址：`http://jqueryvalidation.org/`。 按照顺序引入一下的js文件：<script src="js/jquery.js"></scri
2017-01-16 15:51:05
24249
1
原创 使用AngularJS开发商城-（使用AngularJS的双向数据绑定机制）
AngularJS的基本介绍1-1 初始化模块依赖注入1-2AngularJs的特性-双向数据绑定AngularJS实战2-1 MVC2-2 Bookstore书店系统的实现1.AngularJS的基本介绍1-1 初始化模块、依赖注入首先介绍AngularJS中常用的指令ng-app、ng-controller，在这之前要引用AngularJ.jsvar app=angular.modu
2016-12-27 10:16:50
931
原创 响应式网站开发框架Bootstrap中Carousel插件的使用及使之支持手机端
Bootstrap是最受欢迎的Html、Css和Js框架，它用于开发响应式布局和移动设备优先的web项目。Carousel是用于轮播的插件，它的初始化可以是带有标记的html代码即可。前提是需要引入boostrap.css和bootstrap.js,这两个文件可以去Bootstrap的官网去下载或者直接引入以下代码：<!-- 新 Bootstrap 核心 CSS 文件 --><link rel
2016-12-05 11:42:58
1540
原创 手机端带二级菜单滑动导航的实现
手机端带二级菜单滑动导航的实现实现的效果图： Swiper插件是开源、免费、强大的移动端触摸滑动插件。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。这个效果是freemode模式。 默认的这种模式下只能够实现一级导航，但是如果二级导航的话该如何实现呢？ 下面这段代码是布局加样式的代码： <div class="swiper-head">
2016-12-02 14:16:23
4566
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人