- 博客(63)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 JS判断是否是微信页面，判断手机操作系统（ios或android）并跳转到不同下载页面...
JS判断客户端是否是iOS或者Android$(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS ...
2020-05-16 20:21:00
235
原创 uni-app 图片转base64
urlTobase64(url) {var toBase64Url;uni.request({url: url,method: ‘GET’,responseType: ‘arraybuffer’,success: async res => {let base64 = wx.arrayBufferToBase64(res.data); //把arraybuffer转成base64...
2020-04-15 09:48:43
3188
原创 Flex 布局
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能...
2020-04-07 17:52:00
198
原创 uni-app导入本地json数据
1、在项目根文件夹中，先新建一个文件夹然后把数据丢到js里面2、jslet data = { //这里放数据}module.exports = { data: data}3、uni-app页面引入<script> import sortdata from '../../data/sortData.js' export def...
2020-01-16 16:39:00
3316
2
原创 js判断浏览设备是 手机端，电脑端还是平板端
console.log(navigator.userAgent);var os = function() { var ua = navigator.userAgent, isWindowsPhone = /(?:Windows Phone)/.test(ua), isSymbian = /(?:SymbianOS)/.test(ua)...
2019-10-19 11:11:00
1740
1
原创 CSS的选择器
1.基础的选择器选择器含义示例*通用元素选择器，匹配任何元素* { margin:0; padding:0; }E标签选择器，匹配所有使用E标签的元素p { font-size:2em; }.info和E.infoclass选...
2019-08-16 08:53:00
70
原创 CSS选择器：伪类（图文详解）
伪类（伪类选择器）伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”。静态伪类和动态伪类伪类选择器分为两种。（1）静态伪类：只能用于超链接的样式。如下：:link超链接...
2019-08-16 08:50:00
249
原创 win10如何关闭计算机设备和驱动器非硬盘图标
按win键+R，打开注册表regedit，找到这个路径： HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\MyComputer，把里面的注册表文件夹删除即可解决！
2019-08-16 08:48:00
372
原创 常用正则表达式
一、校验数字的表达式数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(\.[0-9]{1,2})?$带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})$正...
2019-07-04 09:05:00
87
原创 移动端适配神器
<script type="text/javascript"> window.onresize = function() { setHtmlFz(); } setHtmlFz(); function setHtmlFz() { // 基础值 var baseVal = 100; // 设计稿的宽度 var desPage = ...
2019-07-01 15:57:00
84
原创 网站测试的主要方法
一、功能测试对于网站的测试而言，每一个独立的功能模块需要单独的测试用例的设计导出，主要依据为《需求规格说明书》及《详细设计说明书》，对于应用程序模块需要设计者提供基本路径测试法的测试用例。1、链接测试 链接是Web应用系统的一个主要特征，它是在页面之间切换和指导用户去一些不知道地址的页面的主要手段。链接测试可分为三个方面：1)测试所有链接是否按指示的那样确实链接到了该链...
2019-06-24 10:56:00
481
原创 vue指令
指令一：强制数据绑定 语法：<标签 v-bind:标签属性=“字段”> 简写：<标签 :标签属性=“字段”>指令二：绑定事件监听 语法：<标签 v-on:事件=“方法名”> 简写：<标签 @事件=“方法名”>...
2019-06-21 14:32:00
61
原创 对象创建，属性增删改查
创建对象：var obj = new Object();增加对象属性： 语法：对象.属性=属性值 obj.name="张三先生";查询对象属性： 语法：对象.属性 obj.name修改对象属性： 语法：对象.属性=新值 obj.name="李四女士";删除对象属性： 语法：delete 对象.属性名 deleteobj.n...
2019-06-19 17:30:00
98
原创 jquery实现单击div切换背景
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.11.3/jquery.js" type="tex...
2019-06-19 16:29:00
115
原创 微信接口调用
1.新建微信项目2.新建目录3.新建page4.app.json配置页面路径5.main.xwml新建按钮，配置点击方法6.main.js获取公网路径，数据；输出到页面7.main.wxml返回值设置8.HTTPS证书不检验勾选框勾选AppID(小程序ID)在用户所注册的微信公众号平台的 设置>基本设置>账号信息...
2019-06-19 11:44:00
175
原创 npm run dev 报错：missing script:dev
今天在运行Vue项目时，在运行npm run dev时报错如下图：打开package.js文件夹，发现文件夹里的scripts有dev如下图：可就是好不到，什么原因呢？最后一看路径不对，vue init webpack my-project时，自己又建立一个文件夹,取不到对应的package.js中的dev.cd 到对应文件夹，重新运行npm run dev 就O...
2019-06-04 13:49:00
563
原创 5款实用的jQuery验证码插件
效果图文档结构HTML<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>5款实用的jQuery验证码插件</title> <link ...
2019-05-26 23:02:00
775
原创 Grunt快速入门
快速入门Grunt和 Grunt 插件是通过npm安装并管理的，npm是Node.js的包管理器。Grunt 0.4.x 必须配合 Node.js>= 0.8.0版本使用。在安装 Grunt 前，请确保当前环境中所安装的npm已经是最新版本，执行npm update -g npm指令进行升级（在某些系统中可能需要sudo指令）。如果你已经安装...
2019-05-14 20:39:00
107
原创 WebStorm使用参考手册
WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具任何一个编辑器都需要保存(ctrl + s)，这是所有win平台上编辑类软件的特点，但是webstorm编辑文件右上角是没有那个熟悉的 * 的。好处：省去了ctrl + s之后，在结合Firefox的vim，基本不动鼠标就可以看到结果页面了。坏处：没有以前的 * 标识，万一键盘误操作也会被立...
2019-05-14 19:30:00
280
原创 一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？
分为4个步骤： ①当发送一个URL请求时，不管这个URL是Web页面的URL还是Web页面上每个资源的URL，浏览器 都会开启一个线程来处理这个请求，同时在远程DNS服务器上启动一个DNS查询。这能使浏览器获得请求对应的IP地 址。 ②浏览器与远程Web服务器通过TCP三次握手协商来建立一个TCP/IP连接。该握手包括一个同步报文，一个同 步-应答报文和一个应答报文，这三个...
2019-05-12 21:39:00
53
原创 网站重构的理解？
网站重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。也就是说是在不改 变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。对于传统的网站来说重构通常是： 表格(table)布局改为DIV+CSS 使网站前端兼容于现代浏览器(针对于不合规范的 CSS、如对IE6有效的) 对于移动平台的优化 针对于SEO进行优化深层次的网站重构应该考虑的方面...
2019-05-12 21:37:00
174
原创 对前端工程师这个职位你是怎么样理解的？
a.前端是最贴近用户的程序员，前端的能力就是能让产品从 90分进化到 100 分，甚至更好;b. 参与项目，快速高质量 完成实现效果图，精确到1px；c. 与团队成员，UI设计，产品经理的沟通；d. 做好的页面结构，页面重构和用户体验；e. 处理hack，兼容、写出优美的代码格式；f. 针对服务器的优化、拥抱最新前端技术。...
2019-05-12 21:36:00
1702
原创 线程与进程的区别
①一个程序至少有一个进程,一个进程至少有一个线程。②线程的划分尺度小于进程，使得多线程程序的并发性高。③另外，进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率。 ④线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线 程不能够独立执行，必须依存在应用程序中，由应用程序提供多个线程执行控制。...
2019-05-12 21:32:00
75
原创 性能优化的方法1
（1） 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ， 图片服务器。（2） 前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次 操作本地变量，不用请求，减少请求次数。（3） 用innerHTML代替DOM操作，减少DOM操作次数，优化 javascrip...
2019-05-12 21:31:00
58
原创 Javascript的基本规范
1.不要在同一行声明多个变量。2.请使用 ===/!==来比较true/false或者数值3.使用对象字面量替代new Array这种形 式4.不要使用全局函数。5.Switch语句必须带有default分支6.函数不应该有时候有返回值，有时候没有返回值。7.For循环必须使用大括号8.If语句必须使用大括号9.for-in循环中的变量 应该使用var关键...
2019-05-12 21:27:00
93
原创 闭包是什么，有什么特性，对页面有什么影响？
什么是闭包 “官方”的解释：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函 数），因而这些变量也是该表达式的一部分。 在 Scala、Scheme、Common Lisp、Smalltalk、Groovy、 JavaScript、Ruby、 Python、Go、Lua、objective c、swift 以及Java（Java8及以上）等语言中都能...
2019-05-12 21:25:00
147
原创 Ajax的优缺点及工作原理？
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）优点： 1.减轻服务器的负担,按需取数据,最大程度的减少冗余请求 2.局部刷新页面,减少用户心理和实际的等待时间,带来更好的用户体验 3.基于xml标准化,并被广泛支持,不需安装插件等,进一步促进页面和数据的分离缺点： 1.AJAX大量的...
2019-05-12 21:17:00
86
原创 简述同步和异步的区别
同步是阻塞模式，异步是非阻塞模式。同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返 回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；异步是指进程不需要一直等下去， 而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效 率。...
2019-05-12 21:14:00
196
原创 什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的 IE？
响应式网站设计(Responsive Web design)的理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及 使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局，无论用户正在使用笔记本还是iPad，我们 的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备。响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，它更像是一...
2019-05-12 21:12:00
577
原创 CSS优化，提高性能的方法有哪些？
1，首推的是合并css文件，如果页面加载10个css文件，每个文件1k，那么也要比只加载一个100k的css文件慢。2，减少css嵌套，最好不要套三层以上。3，不要在ID选择器前面进行嵌套，ID本来就是唯一的而且人家权值那么大，嵌套完全是浪费性能。4，建立公共样式类，把相同样式提取出来作为公共类使用，比如我们常用的清除浮动等。5，减少通配符*或者类似[hidden="tr...
2019-05-12 21:09:00
207
原创 title与h1的区别、b与strong的区别、i与em的区别？
title与h1的区别 定义： title是网站标题， h1是文章主题 作用： title概括网站信息，可以直接告诉搜索引擎和用户这 个网站是关于什么主题和内容的，是显示在网页Tab栏里的； h1突出文章主题，面对用户，更突出其视觉效果，指向 页面主体信息，是显示在网页中的。b与strong的区别 定义： b(bol...
2019-05-12 21:04:00
1397
原创 CSS定位方式有哪些?position属性的值有哪些?他们之间的区别是什么?
在CSS中关于定位的内容是：position:relative | absolute | static | fixed • static 自动定位，自动定位就是元素在页 面普通文档流中由HTML自动定位，普通文档里中的元素也称为流动元素。不能通过z-index进行层次分级。• relative 相对定位，相对定位不脱离文档流，参考其在原来文档流中的位置，通过 top,bottom,l...
2019-05-12 20:59:00
487
原创 列出display的值，说明他们的作用。position的值， relative和 absolute定位原点是？...
display的值： block 像块类型元素一样显示。 none 像行内元素类型一样显示。 inline-block 像行内元素一样显示， 但其内容像块类型元素一样显示。 list-item 像块类型元素一样显示，并添加样式列表标记。position的值： absolute absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父...
2019-05-12 20:57:00
147
原创 语义化的理解
①去掉或者丢失样式的时候能够让页面呈现出清晰的结构；②有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓 取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；③方便其他设备解析（如屏幕阅读器、盲 人阅读器、移动设备）以意义的方式来渲染网页；④便于团队开发和维护，语义化更具可读性，是下一步吧网页的 重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。...
2019-05-12 20:51:00
72
原创 src与href的区别
href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下 载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处 理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似...
2019-05-12 20:49:00
61
原创 img的alt和title的异同？
alt 是图片加载失败时，显示在网页上的替代文字； title 是鼠标放上面时显示的文字,title是对图片的描述与进一步说明;这些都是表面上的区别，alt是img必要的属性，而title不是。对于网站seo优化来说，title与alt还有最重要的一点： 搜索引擎对图片意思的判断，主要靠alt属性。所以在图片alt 属性中以简要文字说明，同时包含关键词，也是页面优化的一部分。条件...
2019-05-12 20:48:00
217
原创 CSS引入的方式有哪些? link和@import的区别是?
CSS引入的方式包括内联 内嵌 外链 导入link和@import的区别是 ：①link属于XHTML标签，除了加载CSS外，还能 用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS；②页面被加载的时，link会同 时被加载，而@import引用的CSS会等到页面被加载完再加载；③import是CSS2.1 提出的，只在IE5以...
2019-05-12 20:44:00
104
原创 get和post的区别？
GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符 POST：一般用于 修改服务器上的资源，对所发送的信息没有限制。 GET方式需要使用Request.QueryString来取得变量的值，而 POST方式通过Request.Form来获取变量的值，也就是说Get是通过地址栏来传值，而Post是通过提交表单来传值。然而，在以下情况中，请...
2019-05-12 20:39:00
66
原创 数组去重的方法
思路：1.创建一个新的数组存放结果2.创建一个空对象3.for循环时，每次取出一个元素与对象进行对比，如果这个 元素不重复，则把它存放到结果数组中，同时把这个元素的内容作为对象的一个属性，并赋值为1，存入到第2步建立 的对象中。说明：至于如何对比，就是每次从原数组中取出一个元素，然后到对象中去访问这个属性，如果能访问 到值，则说明重复。代码如下：Array...
2019-05-12 20:24:00
66
原创 面试时怎样回答：你对原生ajax的理解
很多人跟我一样用习惯了jq封装好的$.ajax，但是面试时，原生ajax是很多面试官喜欢问的问题，今天再查资料，打算好好整理一下自己理解的原生ajax。首先，jq的ajax：一般我常用的参数就是这些，不过可以配置的参数不止这些$.ajax({ url:'',//请求文件路径 type:'',//请求方式GET POST data:{},//要发给...
2019-05-11 20:50:00
120
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人