- 博客(32)
- 收藏
- 关注
转载 对自己的人生负责 —— 周国平
人活在世上,不免要承担各种责任,小至对家庭、亲戚、朋友,大至对国家和社会。这些责任多半是应该承担的。此外,还有一项根本的责任,便是对自己的人生负责。每个人在世上都只有活一次的机会,没有任何人能够代替他重新活一次。如果这惟一的人生虚度了,也没有任何人能够真正安慰他。 认识到这一点,对自己的人生怎么能不产生强烈的责任心呢?在某种意义上,人世间各种其它的责任都是可以分担或转让的,惟有对自己的人生的责任...
2019-06-05 14:13:36 822
转载 拥有“自我”
作者:周国平一个人怎样才算拥有“自我”呢?我认为有两个可靠的标志。一是看他有没有自己的真兴趣, 亦即自己安身立命的事业,他能够全身心地投入其中,并感到内在的愉快和充实。如果有,便表明他正在实现“自我”,这个“自我”是指他的个性,每个人独特的生命价值。二是看他有没有自己的真信念, 亦即自己处世做人的原则,那是他的精神上的坐标轴,使他在俗世中不随波逐流。如果有,便表明他拥有“自我”,这个“自我”...
2019-06-05 10:25:25 624
原创 MongoDB数据库介绍及安装(Mac版)
1.MongoDB数据库介绍1.1 简介MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。1.2 特点高性能、易部署、易使用,存储数据非常方便。主要功能特性有:面向集合存储,易存储对象类型的数据模式自由支持动态查询支持完全索引,包含内部对象支持查询支持复制和故障恢复使用高效的二进制数据存储,包...
2018-08-09 17:42:24 1851 1
原创 移动端屏幕适配(Rem+js方法)
1.什么是移动端适配在制作webapp时,一个很关键的问题就是适配各种机型不同屏幕的大小,让每种机型上的布局看起来都尽量一样。 也就是说用同一套代码在不同分辨率的手机上跑时,页面元素间的间距、留白,以及图片大小会随着变化,在比例上跟设计稿一致。 2.常见的移动端适配方法适配方案有很多种,常见的方法有以下几种:固定高度,宽度百分比:这种方法只适合简单、要求不高的webApp,几...
2018-08-02 20:51:30 19438 1
原创 npm run dev 报错
npm run dev报错内容:ERROR Failed to compile with 2 errors 11:16:13This dependency was not found:* /Us...
2018-08-02 11:28:16 10776
原创 app上线流程
1.进行版本打包,修改配置文件android打包文件:.apk .apk上线前需要做安全加固 ios打包文件:.ipa ios配置文件:.plistios打包步骤见文章 iOS Xcode如何打包ipa安装包2.上传打包文件和配置文件可将打包文件和配置文件上传到码云,码云(gitee.com)是开源中国推出的代码托管平台,支持 Git 和 SVN,提供免费的私有仓库托...
2018-07-25 16:46:19 9051
原创 iOS Xcode如何打包ipa安装包
1.什么是ipa安装包IPA是Apple程序应用文件iPhoneApplication的缩写。想要在苹果手机上安装开发的app,首先要将项目打包成ipa文件。 2.用xcode打包步骤2.1 打开xcode,导入证书和配置文件2.2 在xcode中打开ios项目,打开的文件后缀名为.xcworkspace2.3 iOS工程调试,选择不同的target对应不同的版本...
2018-07-23 15:53:36 34228
原创 浏览器的同源策略及jsonp跨域请求
1.什么是同源策略浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。两个页面地址中的协议、域名和端口号一致,则表示同源。例如地址 https://www.google.com 和以下地址对比 地址 同源 原因 http://www.google.com 否 协议不一致 https://google.com 否 ...
2018-07-09 21:48:17 359
原创 Vue请求数据——HTTP库axios
axios是一个基于Promise,同时支持浏览器和Node.js的HTTP库,常用于Ajax请求。 Vue.js不像jQuery或AngularJS,本身并没有携带Ajax方法,因此需要借助插件或第三方HTTP库,axios就是一个不错的选择。可以通过NPM或CDN的形式来使用axios,以NPM为例,先进行安装:npm install axios --saveaxios提供了...
2018-06-28 16:24:15 758
原创 Vue插件——状态管理与Vuex基本用法
1.状态管理与使用场景Vuex作为Vue的一个插件使用,可以更好地管理和维护整个项目的组件状态。 在实际业务中,经常有跨组件共享数据的需求,Vuex的设计就是用来统一管理组件状态的,它定义了一系列规范来使用和操作数据,使组件应用更加高效。 使用Vuex会有一定的门槛和复杂性,它的主要使用场景是大型单页应用,更适合多人协同开发。如果项目不是很复杂,也许bus方法就能很简单地解决需求。 当然...
2018-06-27 16:34:59 1514
原创 Weex内置模块——storage模块
weex内置了一些功能模块,可以通过require(‘@weex-module/xxx’);或weex.requireModule(‘xxx’); 调用模块,从而使用模块中封装好的API。 storage模块storage是一个在前端比较常用的模块,可以对本地数据进行存储、修改、删除,并且该数据是永久保存的,除非手动清除或者代码清除。 但是,storage模块有一个限制就是浏览器端(H...
2018-06-21 17:32:08 2550
原创 Weex内置组件及通用事件(一)
1.内置组件1.1<div><div>组件是用于包装其它组件的最基本容器。支持所有的通用样式、特性、flexbox布局。 其类似于HTML的<div>容器,但不能直接在里面添加文本(字符串),如果要展示文本,应该使用<text>组件。 历史版本中,&
2018-06-20 16:30:09 2871
原创 Weex简介及环境搭建(mac版)
1.Weex简介及特点weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。在Ios和Android上都实现了一个渲染引擎,并提供了一套基础的内置组件,渲染出来的都是原生组件。提供了一套基础的内置模块,可以通过这些模块来调用一些原生方法。 Weex的口号是“Write once, run everywhere”,编写一次代码,三端共用(Web, Android, Ios)。...
2018-06-11 15:17:36 1219
原创 JavaScript笔试题(一)
1.js中”5”+4=? 答案:”54” 考点: js中数据类型的隐式转换,不同类型的数据在计算过程中自动进行转换。 数字+字符串:数字转换成字符串。2.js中NaN*4=? 答案:NaN 考点:NaN转化成数字后还是NaN。3.js中null*4.5=? 答案:null 考点:null转化为数字后为0。4.js中alert(5*1.015===5.075)? 答案:...
2018-05-23 17:25:01 7080
原创 用Angular实现登录显示功能
1.功能介绍检查用户是否登录,根据是否登录,决定显示的内容。 如果用户未登录,显示“注册 | 登录”;如果用户已登录:显示“Welcome xxx | 注销”。2.实现步骤及代码2.1 创建一个网络请求的服务http.service.ts//a-service-http快捷键import { Injectable } from '@angular/core';impo...
2018-05-21 18:46:45 12489
原创 购物车页面的功能(php+Ajax+jQuery)
1.功能介绍购物车页面的功能包括:选择要购买的商品、全选商品;商品数量增减;商品删除;价格总计。2.实现思路根据利用冒泡原理,使用jQuery的.on()方法为整个购物车的父元素绑定事件,从而点击子元素时也可触发事件。3.实现代码checkAll.php(商品全选功能)<?php//思路:根据前端传来的用户id和是否选中(is_checked)的值,修改数据库购物车...
2018-05-16 21:00:44 3307
原创 购物车列表加载商品信息及商品增减功能(Ajax+jQuery)
1.功能介绍在商品列表页面,用户将想购买的商品及想购买的数量添加进本页面的购物车列表,并计算商品价格。 2.实现思路加载商品信息 & 修改购物车列表中的数量服务器端:如果用户未添加过某商品,将商品的相关信息添加进数据库中的购物车表;如果用户已经添加过某商品,则更新商品的数量;判断用户是否登录,如果用户已登录,获取用户添加到购物车的商品信息,并将数据返回前端。...
2018-05-14 20:48:20 7648
原创 编写一个JS函数将列表子元素的顺序反转
要求:编写一个JS函数将列表子元素的顺序反转。<ul id="target"> <li>1</li> <li>2</li> <li>3</li> <li>4</li></ul&
2018-05-04 23:01:51 2015
原创 确认登录及注销功能的代码(前端+后端)
1.确认登录功能应用场景在使用网站某些功能时,比如将商品加入购物车、在论坛上下载文件等,需要用户先登录才可操作,这时需要确认用户是否登录,如果未登录跳转到登录页面。实现思路后端:从session中取uid,如果有uid存储在session中,说明用户已登录,如果没有说明未登录;返回用户是否登录的提示信息,如果用户已登录,查询相应的用户名一并返回,用于显示在前端页面上。前...
2018-05-01 22:25:43 14503 2
原创 登录功能代码(前端+后端)
1.实现思路在登录页面用表单提交数据的方式,向后端发送用户名和密码;在数据库的用户表中查询是否有前端传来的用户名和密码,并向前端返回提示信息登录成功后跳回原页面2.实现代码登录页面HTML代码<form id="login"> 用户名: <input id="txtName" name="uname" value=""/>&l
2018-04-29 22:07:36 58402 2
原创 jQuery实现懒加载的原理及代码
1.什么是懒加载?对于图片过多的使用场景,为了提高页面加载速度,改善用户体验,我们对未出现在视野范围内的图片先不进行加载,等到出现在视野范围才去加载。2.为什么需要懒加载?这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢,页面卡顿或崩溃等问题,提高网站的性能。3.实现原理先将img标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储再img标签的...
2018-04-28 10:37:38 3453
原创 关键词搜索框的单击事件代码(jQuery)
1.功能介绍在商城的页头中有搜索框,用户可在搜索框中输入关键词(一个或多个)查询相关商品,点击查询图片或按回车键跳转到商品列表页面。2.代码实现实现思路:在用户点击查询图片或点击回车键时,添加单击事件,跳转到关键词搜索的商品列表页面;同时将用户输入的关键词保留在搜索框中。搜索查询功能的数据库代码,php处理数据代码 以及 前端加载商品页面代码 已经实现。jQuer...
2018-04-27 17:28:28 4544
原创 关键词搜索/分页功能的前端代码(ajax + jQuery)
1.功能介绍**使用语言:**ajax + jQuery 实现功能:在页面加载时获得用户关键词搜索的查询字符串,向服务器发请求,拿回数据(商品信息及页码相关信息),加载到页面上;分页功能,点击上一页/数字页码/下一页,在页面上显示相应的页面内容。2.代码实现//页面一加载就要向服务器发起请求$(function(){ //封装函数,每点一次页码,都重新加载一遍...
2018-04-25 13:24:29 1621
原创 关键词搜索&分页功能的后端代码(PHP + MySQL)
1.功能介绍**使用后端语言:**PHP 后端数据库: MySQL 编程思路: 1.关键词搜索——接受前端传来的用户搜索的关键词,是由关键词组成的字符串;关键词的个数不确定,关键词之间一般用空格隔开,如kw=iphone 64g black;在php中,用explode() 函数根据空格把字符串打散为由关键词组成的数组,如 [iphone, 64g, black];遍历关键...
2018-04-23 20:31:51 3099
原创 实现用户注册功能的代码
1.功能介绍使用语言: html + javascript + ajax + php 后端数据库: MySQL (这里不涉及到样式)成功注册流程:注册页面(register.html),该页面提供一个 form表单,收集用户信息。提交后转到register.php页面,利用php将注册信息添加到数据库中。2.实现代码2.1 创建MySql数据库中的用户信息表需...
2018-04-21 16:21:10 58353 3
原创 JavaScript创建对象的7种方法
面向对象可以把程序中的关键模块都视为对象,而模块拥有属性及方法。 这样我们如果把一些属性及方法封装起来,日后使用将非常方便,也可以避免繁琐重复的工作。1.对象直接量创建对象最简单的方式就是在JavaScript代码中使用对象直接量。 对象直接量是一个表达式,这个表达式的每次运算都创建并初始化一个新的对象。每次计算对象直接量的时候,也都会计算它的每个属性的值。 如果在一个重复调用的函数...
2018-04-19 18:42:13 454
原创 JavaScript数组去重的4种方法
更多内容,欢迎关注微信公众号“让知识成为资产”。1.基本的去重方法function findInArr(n ,arr){ //创建函数,查找一个数在当前数组中是否存在 for (var i = 0; i < arr.length; i++) { if (n == arr[i]) return true; //如果存在,返回tru...
2018-04-17 18:40:58 822
原创 CSS清除浮动的八种方法
浮动对页面的影响如果一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子的高度为0。 由于父盒子的高度为0,下面的元素会自动补位,所以这个时候要进行浮动的清除。CSS浮动详见 http://www.w3school.com.cn/css/css_positioning_floating.asp清除浮动的方法1.父级div定义 he...
2018-04-17 10:49:32 5789
原创 块级元素与行内元素的区别
更多内容,欢迎关注微信公众号“让知识成为资产”HTML中元素大多数都是块级元素或行内元素。 理解块级元素和行内元素是理解CSS浮动定位的基础。含义及特点行内元素(inline element)——也叫做内联元素,只占据它对应标签的边框所包含的空间。 特点—— - 和其他元素都在同一行; - 高、行高及外边距和内边距不可改变; - 宽度就是它的文字和图片的宽度,不可...
2018-04-16 12:19:16 413 1
原创 CSS选择器
更多内容,欢迎关注微信公众号“让知识成为资产”1.通配选择器作用 可以修饰页面上的任何元素 语法 *{ 样式声明 } 示例 *{ color: red; } div * p {color: blue; }2.元素选择器作用 设置页面上某类元素的样式 语法 element1 { 样式声明 } 示例 body { background: #FFF; } p...
2018-04-15 21:12:36 202
原创 DOCTYPE声明 | 严格模式和混杂模式
DOCTYPE声明作用 DOCTYPE声明告诉浏览器该文件的类型,让浏览器解析器知道应该用哪个HTML或XHTML规范来解析文档。元素在不同文档类型中的使用规范,请参阅 这个 HTML 元素表,其中列出了每种元素会出现在哪个文档类型中。HTML与XHTML之间主要的差异——XHTML元素必须被正确地嵌套;XHTML元素必须被关闭,非空标签必须使用结束标签,空标签也必须被关闭;...
2018-04-13 15:19:15 476
原创 浏览器内核
什么是浏览器内核?浏览器内核分为两部分:渲染引擎和JS引擎。渲染引擎负责——取得网页的内容(HTML,XML,图像等)整理信息(加入CSS等)计算网页的显示方式输出至显示器或打印机JS引擎负责——解析Javascript语言执行Javascript语言来实现网页的动态效果五大浏览器内核IE——Trident内核Firefox——Gecko内核Saf...
2018-04-11 16:23:09 226
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人