- 博客(37)
- 收藏
- 关注
RSS订阅原创 h5在iOS上，回退页面，出现白屏，滑动页面，页面正常展示
问题：h5在iOS上，回退页面，出现白屏，滑动页面，页面正常展示scrollRestoration描述：h5在ios上，第一个页面超过一屏，点击进入第二个页面，第二个页面滑动超过一屏时，返回第一个页面时，第一个屏幕有一块白的盖在上面，滑动页面，白屏消失，页面正常展示。这块白的是第二个页面滚动的部分，盖在第一个屏幕上了。解决方法：window.history.scrollRestoration会记录上一个页面滚动的位置。值：auto,将恢复用户已滚动到的页面上的位置; manual,未还原页上的位置。
2020-12-11 00:16:11
2433
4
原创 rem的基础使用
rem的基础使用rem的支持性为什么要使用rempx和rem怎么选择怎么使用remrem的支持性目前除了IE8以及之前的浏览器版本不支持外，其他浏览器都支持为什么要使用remrem是相对html根元素的相对单位，当我们使用移动端适配的时候，我们可以在html根元素上改变字体的大小，从而改变整个页面元素的大小。px和rem怎么选择对于页面适配要求不高的，我们可以简单的使用px单位去展示页面，但是对于页面适配要求较高的页面，我们可以简单的使用rem。怎么使用rem下面是代码块，在style中设置
2020-06-08 23:27:24
260
原创 vue+element+sortableJS拖拽表格
vue+element+sortableJS拖拽表格项目代码中安装sortableJs使用页面代码JS代码项目代码中安装sortableJsnpm install sortablejs --save-dev使用页面代码强烈建议在el-table组件中加入row-key属性，当拖动页面需要实时保存拖拽顺序时，row-key可以帮助列表页面渲染，如果不加，可能导致页面没有正确渲染。<template> <el-table :data="tableData" r
2020-06-08 10:39:33
1249
原创 一张图片，根据区域，跳转不同链接
我使用到了两种方法、第一种方法，使用配合使用（定位可能没调好，代码可以参考）参考网址注意，map只能使用px作为单位，所以，自己看着办，好好选择。例子： <img src="http://img3.imgtn.bdimg.com/it/u=4120146293,3406319282&fm=26&gp=0.jpg" usemap='demomap' alt='dem...
2019-07-24 15:53:20
8748
2
原创 npm初步了解
简介npmnpm是包管理工具，我们可以在npm中，下载依赖包。安装npm安装node的时候就会自动的安装npm,因此，我们可以在nodejs的官网下载并安装。更新npm因为npm的更新比node的更新更快。因此，我们需要自己手动更新npm，打开cmd，输入npm -v,查看当前npm的版本，和npm的官网底部的版本进行对比。若不一致，则需要进行更新操作。更新到下一版本npm ins...
2019-07-22 19:20:23
259
原创 svn初步了解
SVN简介Subversion(SVN) 是一个开源的版本控制系統, 也就是说 Subversion 管理着随时间改变的数据。 这些数据放置在一个中央资料档案库(repository) 中。 这个档案库很像一个普通的文件服务器, 不过它会记住每一次文件的变动。 这样你就可以把档案恢复到旧的版本, 或是浏览文件的变动历史。SVN 的一些概念repository（源代码库）:源代码统一存放的地方...
2019-07-22 11:53:08
239
原创 快速创建vue项目
创建vue项目。安装node(在node官网下载安装，测试安装打开cmd,输入node -v)安装npm(打开cmd，输入npm -v，测试npm是否安装成功，node 一般自带npm)安装vue-cli（打开cmd，输入npm install --global vue-cli，之后输入vue --version测试vue安装成功与否）安装webpack（打开cmd，输入npm inst...
2019-07-16 19:11:25
205
原创 webpack的基础使用
今天我准备总结的就是最近看的webpack4.17.1版本一、为什么要用webpack现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法 1.模块化，让我们可以把复杂的程序细化为小的文件; 2.类似于TypeScript这种在JavaScript基础上拓展的开发语言：使我们能够实...
2018-09-02 20:30:12
6589
原创 css 圣杯布局、双飞翼布局、flex布局
css布局1、通过圣杯布局、双飞翼布局、flex布局实现左中右3栏布局（左右固定，中间流动布局）产生原因：以前实现左中右必须按照源顺序（在 DOM 中表现为先写 Left，然后 Middle，最后，Right）等，它将可能导致代码不够灵活，尤其是从 DOM 的载入顺序上来说，中间的内容不能被首先加载。如何实现：结构申明：声明一个容器.container，并同时声明.middle，...
2018-08-01 09:25:52
748
1
原创 原型
title:2018.7.26分享总结tags:分享总结原型prototype定义：是function对象的一个属性，它定义了构造函数构造出的对象的公共祖先，通过该构造函数产生的对象，可以继承该原型的属性和方法。【注】: (1) 原型也是一个对象(2) 不能通过构造出的实例去更改原型的属性(3) 每一个function对象都会自带一个prototype属性...
2018-08-01 09:23:52
239
原创 2018-7-30 Promise、事件循环、快速排序和希尔排序
一、Promise在JavaScript的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。处理异步的方法1、回调函数（回调是一个函数被作为一个参数传递到另一个函数里，在那个函数执行完后再执行。其优点是简单、容易理解和部署，缺点是不利于代码的阅读和维护，各个部分之间高度耦合（Coupling），流...
2018-07-31 20:49:34
247
原创 2018-7-30 迷宫游戏
本题目采用的是HTML+CSS+JavaScript三种语言结合完成的。第一步在文件中打开我的页面。题目链接 （名字为maze.html）第二步页面打开后，按照页面提示，依次输入行数和列数。输入行数和列数之后，按照迷宫道路的规则输入道路。 （本次测试是按照题目中给出的测试用例进行测试的。行输入：3，列输入：3）第三步页面输入完成之后，点击生成迷宫。页面上会绘制出满足用户...
2018-07-30 09:28:01
230
原创 HTTP简单总结
客户端访问服务器资源协议概述客户端访问服务器资源到底经历了什么协议，首先给大家先看一个概述图客户端和服务器端的通信连接在客户端和服务器端的正式通信之前，需要先建立连接。连接主要是用到了TCP的三次握手来建立连接。TCP的三次握手：第一次握手：客户端向服务器发送连接请求包，标志位SYN（同步序号）置为1，序号为X=0第二次握手：服务器由SYN=1知道客户端要求建立联...
2018-07-18 16:04:02
262
原创 css定位机制
css定位机制有三种：文档流、浮动（float）、定位（position）一、文档流（常规流）什么是文档流（）从直观上理解文档流（正常流）指的是元素按照其在HTML中的位置顺序决定排布的过程，主要形式是自上而下，一行接一行，每行从左到右的顺序排列页面元素。文档流的类型1.块级元素的块级格式 2.行内元素的行内格式 3.两种元素的相互定位方式 什么情...
2018-06-22 11:36:04
414
转载 git项目版本管理
前言今天闲来无事（其实是不想动），就打算将最近学习的东西以基本项目案例的形式记录实践下来，但是，又不想简简单单写个工程，所以打算自己还是像正规项目那样，能有个版本控制工具，由于以前的项目都是用的svn，所以，这次我打算换一换，尝试用现在主流的git作为项目版本管理工具。开始（这个是基本前提工作都完成的情况：比如git 已经安装）在github上创建仓库(这一步只是管理者需要做的事情...
2018-05-18 21:30:01
2954
原创 将本地的博客推到gitbub上的简单指令
将本地的博客推到gitbub上的简单指令-hexo g -hexo d -hexo s -hexo g 相当于将改的东西放到缓存区 -hexo d 相当于把缓存区的东西推送到远程仓库， -hexo s是在本地服务器上预览...
2018-04-05 11:13:00
245
原创 原生js操作数组的方法
原生js操作数组的方法Array 对象方法 concat() 连接两个或更多的数组，并返回结果join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。pop() 删除并返回数组的最后一个元素 reverse() 颠倒数组中元素的顺序。shift() 删除并返回数组的第一个元素slice() 从某个已有的数组返回选定的元素 sort() 对数组的元素进行排序...
2018-04-05 10:51:12
2975
原创 js练习总结一
js练习总结一有很多基础知识的遗漏和遗忘，总结起来，方便查询js变量的定义var 定义的变量可以修改，如果不初始化会输出undefined，不会报错const 定义的变量不可以修改，而且必须初始化。不初始化会报错，当修改变量的值时，当前变量无法输出。当用const定义对象时，可以改变对象属性的值，如：const g = {b:3};console.log(g.b...
2018-03-16 11:27:56
294
原创 JavaScript 创建对象
JavaScript创建对象工厂模式工厂模式是软件工程领域一种广为人知的设计模式，这种模式抽象了创建具体对象的过程。考虑到在ECMAScript中无法创建类，开发人员就发明了一种函数，用函数来封装以特定接口创建对象的细节。 function createPerson(name, age, job){ var o = new Object(); o.n...
2018-03-08 15:53:30
140
原创 JavaScript String类型
字符方法访问字符串中特定字符的方法：charAt()和charCodeAt()。这两个方法都接收一个参数，即基于0的字符位置。 charAt() charCodeAt() 以单个字符字符串的形式返回给定位置的那个字符 返回给定位置的那个字符的字符编码 var stringValue = “hello world”; stringValue.cha...
2018-02-27 20:20:25
235
原创 行级元素、块级元素、行级块元素
行级元素、块级元素、行级块元素简单的介绍html标签元素行级元素块级元素行级块元素行级元素特点及例子(inline)内容决定元素所占位置 不可以通过css改变高宽例子：span strong em a del块级元素特点及例子(block)独占一行可以通过css改变高宽例子：div p ul li ol form ad...
2018-02-26 14:49:38
992
原创 mysql打开数据库出错，密码过期
[mysql] ERROR 1862 (HY000): Your password has expired. To log in you must change it using a client that supports expired passwords. 解决办法： 第一步：打开mysql command line client 第二步：提示输入密码，输入原始密码就行 第三步：输入完
2017-12-01 15:11:00
658
原创 vue项目的创建
新创建一个vue 的项目需要干哪些工作：一，node安装1、判断是否安装nodeJS，没有安装先安装，对安装路径没有要求（node的下载地址：https://nodejs.org/en/ 或者 http://nodejs.cn/）二、node环境检测2、下载git并安装（为了更好的使用命令行，git的下载地址：https://git-for-windows.github.io/）
2017-11-23 21:10:47
321
原创 简单介绍JS的watch
介绍JS 里面的watch watch函数其实是有三个变量的，第一个参数是需要监视的对象，第二个参数是在监视对象发生变化时需要调用的函数，实际上watch还有第三个参数，它在默认情况下是false。 当第三个参数是false时，其实watch函数监视的是数组的地址，而数组的内容的变化不会影响数组地址的变化，所以watch函数失灵了。 用法(主要是讲监听数组) 1、当要监听数组的时候，需要把第
2017-11-20 11:07:20
7883
原创 JavaScript条件判断式之等于=
1、当等于号两边的类型不同时单个判断真假，然后再判断两边的真假值是否相同eg: var a = 0;//a为零 var b="";//b为空值 var c = " ";//c为空格 if( a == b){ //此时，a和b 的类型不一致，a为0，则为false,b为空值，在为false,false==false,条件满足
2017-11-07 21:20:50
1559
原创 js事件冒泡
1、在内部的点击事件的方法中加入event.stopPropagation(); 可以阻止外部点击事件。eg: look at here what will happenfunction clickOutSide(){alert("you are just clicking the outside div");}function cl
2017-11-06 15:04:53
175
原创 如何把本地项目上传至git，指令步骤
第一步：在git上新建一个仓库（new repository）第二步：将ssh地址复制第三步：在本地建一个文件夹，（如hello）,在此右键点击 git bash here,（先确保本地安装git）第四步：输入：git init,这行命令的作用是建立一个.git的文件，用来做版本控制(此时，项目的根目录下面有readme.md文件)第五步：输入 git add . 注意 点 代表将...
2017-08-21 14:48:05
323
原创 js和URL的传递、窗口的打开
javascript获取url参数值的方法第一种使用正则表达式，可以根据参数名字来获取参数值function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg)
2017-08-21 09:16:34
548
原创 微信小程序之初识篇
一：了解什么时候需要使用微信小程序: 1、无需下载安装：小程序跟APP是不一样的，通过微信即可进入相应的小程序入口；（其实实际上是下载了的，只是要求下载包在1M一下，所以，下载过程用户没有感觉） 2、当需要做的东西是在上面停留时间不长的情况（即用即走）用户扫一扫或者搜一下即可打开应用，用完退出即可，简单快捷的方式更容易提高使用率； 3、功能更丰富：与传统A
2017-07-07 16:37:08
499
原创 微信开发前言
为了识别用户，每个用户针对每个公众号有一个安全的openID，如果需要在多个公众号、移动应用之间做用户互通，需要在微信开发平台，将这些公众号和移动应用绑定在一个开发平台账号下。这样，虽然一个用户对多个公众号和应用有多个openID，但，在同一个开发平台账户下，这些公众号和应用有相同的unionID。可以在用户管理-获取用户基本信息（UnionID机制）文档了解详情。 注意：公众平台接口只支
2017-06-19 17:11:33
518
原创 浅谈ajax
Ajax 全称 Asynchronous JavaScript and XML, 即异步JS与XML。ajax没有破坏js的单线程机制在JavaScript代码中首先需要先创建一个用于传送ajax请求的对象：var ajaxRequest = new XMLHttpRequest();在IE浏览器中的XMLHttpRequest和activeXObject对象也实现了ajax的功能。 在
2017-06-13 23:25:39
487
转载 浅谈require.js
require.js一、为什么使用require.js1>在一个HTML页面中要加载多个js时，会写多个来加载js文件，这个HTML页面也会按序加载各个的js文件。当js文件过多时，这时就会出现网页停止响应的现象。此时就需要require.js来实现js文件的异步加载，避免网页停止响应。如何加载require.js{1、把它放在网页底部加载，作为最后一个加载的js文件。2.}
2017-02-13 15:04:17
216
原创 在启动tomcat出现少一张表或视图不存在
angular支持多数据库进行操作，MySQL的表有一个栏位可以设为自动递增，但oracle没有这个，所以在angular框架里面有一个实体primaryKey（主键）用来解决自动递增的问题。 primaryKey含有：serverId、tableName、cloumnName、Max、Min、CurrentKey。 serverId(在项目下的src里的config文件下面的
2016-11-25 09:56:40
1625
原创 学angularJs一
Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个对象，有可用的方法和属性。Scope 可应用在视图和控制器上可用ng-repeat='y in names'来替换li里面的东西1.ul和li {{y}}var app = angular.module('myA
2016-11-20 16:49:51
304
原创 加载html页面的同时加载方法
很多方法需要在加载页面的同时加载，那么现在提供两种方法1.window.onload=function name(){}2.(function(){})()
2016-09-13 22:16:39
1273
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人