- 博客(72)
- 收藏
- 关注
RSS订阅转载 86.使用webpack爬过的坑
Webpack 4 和单页应用入门 https://github.com/wallstreetcn/webpack-and-spa-guide转载于:https://www.cnblogs.com/sqyambition/p/11505991.html
2019-09-11 14:16:00
250
转载 85.webpack的安装失败至成功
webpack怎么安装1、安装node.js;2、安装webpack： npm install webpack --save-dev ；注意:webpack 4x以上，webpack将命令相关的内容都放到了webpack-cli，所以还需要安装webpack-cli；输入命令npm install --save-dev webpack-cli，然后按回车键，...
2019-09-09 14:01:00
374
转载 84.前端工程师需要了解的知识点
vue 与 vue-resource 跨域问题解决方法一：在vue项目下的 config/index.js 文件里面配置代理proxyTable:var path = require('path')module.exports = { build: { env: require('./prod.env'), index: path.resol...
2019-08-30 16:45:00
1189
转载 11111111111111111111111111111111111111111
1一步一步实现一个前端模板引擎 https://www.cnblogs.com/fayin/p/6803654.htmlhttps://www.html.cn/doc/zeptojs_api/http://jquery.cuishifeng.cn/javascript事件与功能说明大全http://tools.jb51.net/table/javascript_e...
2019-08-23 14:31:00
444
转载 83.基于Vue SEO的四种方案(小结)
前言：众所周知，Vue SPA单页面应用对SEO不友好，当然也有相应的解决方案，下面列出几种最近研究和使用过的SEO方案，SRR和静态化基于Nuxt来说。1.SSR服务器渲染；2.静态化；3.预渲染prerender-spa-plugin；4.使用Phantomjs针对爬虫做处理。1.SSR服务器渲染关于服务器渲染：Vue官网介绍，对Vue版本有要求，对服务器也有一定要求，...
2019-08-20 14:48:00
398
转载 82.使用vue后怎么针对搜索引擎做SEO优化？
什么是SEO搜索引擎优化（Search engine optimization，简称SEO），指为了提升网页在搜索引擎自然搜索结果中（非商业性推广结果）的收录数量以及排序位置而做的优化行为，是为了从搜索引擎中获得更多的免费流量，以及更好的展现形象。SEM（Search engine marketing，搜索引擎营销），则既包括了SEO，也包括了付费的商业推广优化。本文主要介绍...
2019-08-20 14:17:00
2377
转载 81.一名【合格】前端工程师的自检清单
一名【合格】前端工程师的自检清单开篇前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。winter在他的《重学前端》课程中提到：到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的...
2019-08-06 11:21:00
192
转载 79.mobile/js---手机端分享调用功能的实现（只能在真机上测试有效）
html:<a href="javascript:void(0);" class="all-share" onclick="call('default')"> <i></i> <b>分享</b></a>添加此demo即可实现微信，QQ，微信朋友圈，微博等诸多功能点击更多还有支付宝，邮箱，私信等等分享功能...
2019-07-25 15:43:00
600
转载 78.3D立体轮播图（完整兼容手机端和pc端）
效果呈现来源于http://www.jq22.com/demo/jR3DCarousel-master20160315/在此基础上改成需要的3个分类的3D图由于原有的不支持粘贴复制显示3个分类我通过点击分类去获取当前分类下的图片路径生成3d最后发现每一种分类下图片要么都是小于8张，要么都是大于8张，此目的是因为保证每个3d图角度一样修改后的效果可以去https:/...
2019-06-26 14:48:00
1282
转载 77.JS本地保存数据的几种方法
1.Cookie 这个恐怕是最常见也是用得最多的技术了，也是比较古老的技术了。COOKIE优点很多，使用起来很方便 但它的缺点也很多： 比如跨域访问问题；无法保存太大的数据（最大仅为4KB）；本地保存的数据会发送给服务器，浪费带宽 等等；代码如下 function SetCookie(name, value) { var key = ''; va...
2019-06-24 16:19:00
215
转载 75.手机端图片瀑布流的加载代码和效果
http://www.bin012.com/index.php?route=product/product&path=63&product_id=52效果在https://m.zqins.com/xiaoguotu/?hx=135&&lx=&&fg=&&jb=查看html:<section class="...
2019-06-14 13:57:00
502
转载 74.js---移动端文章的瀑布流的实现。
移动端文章的瀑布流的实现。 1.首先在前端html页面已经通过PHP代码循环完全数据。2.然后在js先全部隐藏，通过判断滑动到底部，每次加载一部分数据，直到数据全部显示完全。js代码：// 瀑布流//获取文章的总长度var liLength=$(".trim-content-active li").length;//规定每次加载的数据条数va...
2019-05-21 12:01:00
196
转载 73.移动端Web界面滚动性能优化 Passive event listeners
题，滚动时候不仅滚动了希望滚动的部分，整体的页面也跟随者上下滚动，整个页面非常卡顿。这两个页面都用了touch事件控制台打印如下警告：[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive...
2019-05-17 10:13:00
106
转载 70.JS---利用原生js做手机端网页自适应解决方案rem布局
利用原生js做手机端网页自适应解决方案rem布局刚开始我用的是下面这段代码，然后js通过外部链接引入，最后每次用手机刷新网页的时候都会出现缩略图function getRem(pwidth, prem) { var html = document.getElementsByTagName("html")[0]; var oWidth = ...
2019-05-03 14:51:00
439
转载 69.js--点击事件等比例弹出层div
html:<!--弹出层导航栏--> <div class="public-nav-content"> <ul> <li><a href=""><i></i><b>方案设计</b></a></li> &...
2019-04-27 15:57:00
552
转载 68.jq---tab选项实现网页定点切换
{volist name="list" id="vo"}<div class="nav_div" style="position: relative;padding: 10px"> <span class="nav_span">.</span> <div class="nav_title" id="card{$vo.ard}...
2019-04-15 16:27:00
157
转载 67.web--手机端兼容性问题
H5页面窗口自动调整到设备宽度，并禁止用户缩放页面<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>（部分安卓手机的UC浏览器写完以后还是可以放大缩小）忽略将页面中的数...
2019-04-11 09:10:00
199
转载 66.ajax--ajax请求多个url解决办法
ajax请求多个url解决办法以下四种方法是我找的，我也进行实践过。测试中有四个请求接口，原本需要13S，用了第三种方法缩减到7S，但是仍不能达到2S以内。所以仅供参考，待我找到能缩减到2S以内的办法。如果有读者有解决办法，可以写下来，我感激不尽！还有一个方法就是把异步变为同步，速度会提升很快一、ajax嵌套ajax嵌套ajax。跟疯狂for循环一样...
2019-04-10 17:00:00
2504
转载 61.H5---利用canvas+原生js进行鼠标跟随绘图
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi...
2019-03-22 16:27:00
234
转载 60.Vue:将px转化为rem，适配移动端
1.下载lib-flexible我使用的是vue-cli+webpack，所以是通过npm来安装的npm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible/flexible'3.设置meta标签通过meta标签，设置设备宽度以及缩放比...
2019-01-04 00:07:00
91
转载 59.phpstudy升级Mysql的正确姿势
phpstudy升级Mysql的正确姿势phpstudy很糟心，不能选择mysql的版本，所以就强制升级。下载mysql首先要到官网上去下载你想要的mysql版本。 下载网址：Mysql官网地址选择好适合自己的配置后按Download 点击跳过登录注册直接开始下载 下载好了以后进行解压待用。处理老旧版本使用cmd打...
2019-01-04 00:05:00
73
转载 58.Less介绍及其与Sass的差异
Less英文官网需要开启VPN才能正常访问，如果你无法打开Less官网，建议您移步到Alexis Sellier领导的团队所译的中文官网Less中文。——大漠事实证明，Less——以及Sass对于这个功能，远不止这些。LESS和Sass在语法上有些共性，比如下面的这些：混合（Mixins）：class中的class;参数混合（Parametric）：...
2019-01-03 23:58:00
152
转载 57.搭建Vue环境
nodejs官网http://nodejs.cn/下载安装包，无特殊要求可本地傻瓜式安装，这里选择2017-5-2发布的v6.10.3cmd命令行：node -v //显示node版本v6.10.3npm -v //显示npm包管理器版本3.10.10由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候...
2019-01-03 23:51:00
81
转载 56.关于vue项目的seo问题
不可否定的是，vue现在火。但是在实际项目中，特别是像一下交互网站，我们不可避免会考虑到的是seo问题，这直接关系到我们网站的排名，很多人说用vue搭建的网站不能做优化，那我们真的要放弃vue，放弃前后端分离开发么？ 首先，可以肯定的是前后端分离不利于SEO，为什么呢？ 1.搜索引擎的基础爬虫的原理就是抓取你的url，然后获取你的html源代码并解析。...
2018-12-30 13:22:00
133
转载 55.Vue环境搭建
Vue环境搭建在搭建过程中出现的错误解决办法https://www.cnblogs.com/lovebing/p/9488198.html如果文件里面没有node_modules可以输入命令行npm install --savecross-env使用笔记cross-env能跨平台地设置及使用环境变量大多数情况下，在window...
2018-12-28 21:05:00
176
转载 54.超大数据快速导入MySQL
超大数据快速导入MySQL----千万级数据只需几十分钟本地测试方法1.首先需要修改本地mysql的编码和路径，找到my.ini。2.在里面添加或修改 character-set-server=utf8 collation-server=utf8_general_ci default-storage-engine=INNODB （最低部添加）secure_file_priv...
2018-10-27 09:04:00
157
转载 53.CSS---CSS水平垂直居中常见方法总结
CSS水平垂直居中常见方法总结1、元素水平居中当然最好使的是：margin: 0 auto;居中不好使的原因： 1、元素没有设置宽度，没有宽度怎么居中嘛！ 2、设置了宽度依然不好使，你设置的是行内元素吧，行内元素和块元素的区别以及如何将行内元素转换为块元素请看我的另一篇文章！ 示例 1：<div class="box"> ...
2018-10-02 16:00:00
92
转载 52.JQ---向上滚动显示，向下滚动隐藏
js:var windowTop = 0;$(window).scroll(function() { var scrolls = $(this).scrollTop(); if(scrolls <= 0) { $("header").removeClass("showFixed").css({ "top": "4...
2018-07-20 15:04:00
417
转载 51.webpack vue-cli创建项目
在上两篇博文中已经安装了node.js、webpack、vue-cli，安装的版本为：今天通过这篇博文创建项目。1.选择路径首先通过命令行进入想要创建项目的路径，例如：通过e:命令进入盘幅，再经过cd命令进入文件夹。2.创建项目通过命令vue init webpack pm，其中pm为你创建项目的项目名称，在执行命令后vue-cli会下载模板，之后进行项目信息...
2018-07-16 22:17:00
147
转载 50.JQ---jQuery 常用小技巧
1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2.隐藏搜索文本框文字Hide when clicked in the search field, the value.(exam...
2018-07-16 21:57:00
139
转载 49.SQY---日常工作小知识点汇总
1.设置多行文本超出显示省略号<div class="caption"> <p>显示超过两行就显示省略号，其余隐藏，隐藏不了的情况下给这个模块添加一个高度和行高，高度是行高的两倍</p></div>css:.caption { overflow : hidden; text-overflow: ellips...
2018-07-03 11:22:00
127
转载 48.HTML---Flex 布局教程：实例篇
你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查看Demo。如果不加...
2018-07-02 16:57:00
203
转载 47.HTML---frame,iframe,frameset之间的关系与区别
iframe 是在html页面内嵌入框架 框架内可以连接另一个页面，如 <html><head></head><body><iframe src="xxx.html"></iframe></body></html>frameset 在一个页面中设置一个或多个...
2018-06-26 22:34:00
145
转载 46.HTML---18个学习 flexbox 的优质资源
大家都在谈论的“flexbox”是什么呢？它能帮我们解决什么问题呢？现在你可以在你的项目中使用“flexbox”吗？这些指南、教程、网站和工具会告诉你你需要知道的关于“flexbox”的知识。Learn CSS Layout: Flexbox— 一个 “flexbox” 的简明概要。Solved by Flexbox— 展示 flexbox 如何解决传统的盒模...
2018-06-22 11:50:00
123
转载 44.JS--hover事件防重复效果
遇到一种情况，就是运用hover事件的时候，会出现对象（主要是图片）闪动现象。主要是由于hover事件重复触发导致这一现象。html:<p class="smallImg" style="width:500px"> <img class="eckPcImg" src="/{$theme_cur.thumb}" width="278" height="220...
2018-05-22 23:25:00
345
转载 43.HTML--a标签之mailto邮箱属性用法
HTML 属性标记之 mailto 的用法详解大家知道，mailto是网页设计制作中的一个非常实用的html标签，许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址，这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后，就能自动打开当前计算机系统中默认的电子邮件客户端软件，例如OutLook Express以及Foxmail等。当然有关m...
2018-04-25 17:22:00
2867
转载 42.PHP--电商网站的询价插件
windows下使用php自带的mail函数实现简单的邮件发送实例（QQ亲试成功）功能实现：通过中间邮箱把客户的需求和产品信息全部发送到公司的业务员邮箱环境及工具：win7_64bitphpstudy（初学者推荐工具） 包含php5.3、sendmail（没有的话可网上下）两个QQ号 一个发一个收（我只有QQ邮箱，所以没测试其他邮箱，如163等）前台（HTML+c...
2018-04-21 12:21:00
287
转载 41.SEO----前端SEO技巧
一、搜索引擎工作原理 当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。 在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的，这些程序称之为“搜索引擎蜘蛛”或“网络爬虫”。这些勤劳的“蜘蛛”每天在互联网上爬行，...
2018-04-12 09:00:00
266
转载 40.SEO----前端该懂的seo技巧
SEO要点：1.语义化html标签，用合适的标签嵌套合适的内容，不可过分依赖div，对浏览器更友善就能更容易被抓取。2.重要的内容html代码放在前面，放在左边。搜索引擎爬虫是从左往右，从上到下进行抓取的，利用布局来实现重要的代码在上面3.重要内容要写在html架构里面，蜘蛛不会抓取js的内容，4.尽量减少使用iframe，因为蜘蛛不会抓取iframe的内容。5.为图片img加上alt属...
2018-04-12 08:53:00
160
转载 39.css3----button按钮点击时出现蓝色边框
css控制Button 按钮的点击时候出现蓝色边框http://www.inbeijing.org/archives/1139Button 按钮的点击时候出现蓝色边框的问题添加css属性，这样在点击安按钮的时候就不会有蓝色边框了。button{outline:none;}谷歌浏览器中button按钮的边框如何去除 - HTML/CSShttp://www.myexce...
2018-04-11 14:28:00
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人