2018年04月_frida522

原创如何使做的鼠标浮上放大等效果自然更真实

在做网页的时候少不了做各种鼠标浮上时的动画，那么如何让自己写的动画也不生硬看着更真实？给你的动画加上 transition 过度<div> <img src='你的图片路径'></div><style>div{ width: 300px; height:...

2018-04-25 14:51:48 235

转载用 highstock 做的可视化数据

<html><head> <title>highstock报表示例</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script src="http://www.wevall

2018-04-25 09:55:53 559

转载用highstock 做的可视化数据的一些配置

<html><head> <title>highstock报表示例</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script src="http://www.wevall

2018-04-25 09:54:34 1079

题纲关于跨域，有N种类型，本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器”同源策略”中的一部分,其它的还有Cookie跨域iframe跨域,LocalStorage跨域等这里不做介绍)，内容大概如下: 什么是ajax跨域原理表现(整理了一些遇到的问题以及解决方案)如何解决ajax跨域JSONP方式CORS方式代理请求方式如何分析ajax跨域http抓包的分析一些示例什么是ajax跨...

2018-04-19 09:07:33 190

转载移动端的优化

相对于桌面端浏览器，移动端Web浏览器上有一些较为明显的特点：设备屏幕较小、新特性兼容性较好、支持一些较新的HTML5和CSS3特性、需要与Native应用交互等。但移动端浏览器可用的CPU计算资源和网络资源极为有限，因此要做好移动端Web上的优化往往需要做更多的事情。首先，在移动端Web的前端页面渲染中，桌面浏览器端上的优化规则同样适用，此外针对移动端也要做一些极致的优化来达到更好的效果。需...

2018-04-17 14:08:30 878

原创利用split（）函数给字符串智能的折行

最近做项目遇到一个需求：粘贴一段文字发出的博文格式遇分号就自动换行。背景：采用的百度的编辑插件。写的博客到公司的网站上要求在编辑器里黏贴一段字符串这段字符串遇到“；”自动折行。if(con.indexOf(";") >0){ //con = con.replace(/；/gm,"</br>"); if(con.indexOf("img") >0){...

2018-04-17 13:45:50 343

转载如何解决用ajax请求来的页面但是js不执行

事件背景有一个公用页面需要在多个页面调用，其中涉及到部分js已经写在了公用页面中，通过ajax加载该页面后无法执行其中的js。解决思路1. 采用附加一个iframe的方法去执行js，为我等代码洁癖者所不齿。2. 使用document.write输出代码，我等简洁主义者所不愿。3. 最简单的方法是把js放到需要调用的父页面，那想这样的公用页面，每个地方调用都要写入一次，代码冗余。4. eval是个解...

2018-04-17 13:38:11 4057 1

原创头像上做鼠标浮上显示连接的动画效果

鼠标浮上产生旋转动画；出现连接；<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .case-item{wid

2018-04-17 10:41:07 591

原创圆形头像鼠标浮上去的样式

鼠标经过头像的动画：代码如下<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .tj_box{

2018-04-17 10:33:35 236

原创关闭浏览器用js监听，可向服务器发送请求

上传页面用户开始上传文件之后用户点击任意跳转都需要弹出提示层进行二次确定才允许他进行跳转，这样做的目的是为了防止用户的错误操作导致这珍贵的UGC 流失(通常用户在一次上传不成功之后，很容易就会打消了上传的念头的了，或去到其他平台进行上传)。在这里用到的是 onbeforeunload 事件。下面就梳理下 onunload、onbeforeunload 这两个事件onunload，onbeforeu...

2018-04-10 10:44:21 8420

原创用css3做出好看的盒子阴影

<div class='docs-card'>盒子阴影</div>.docs-card { height: 194px; width: 30%; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 2px rgba(10,16,20,.24),0 0 2px rg...

2018-04-03 10:42:11 8774

原创浅谈前端工程师的进化带你理解在不同模式中前端工程师的角色

写了3月的博客有一个粉丝以及一个热心前辈的评论鼓励，我很欣慰，也更加坚定了我写博客的决心，虽然本人技术尚浅，但我乐于将自己的所读的好的咨讯总结分享给大家，将自己在工作中的经验在这里记录，以便初入职场者查看翻阅。如有任何技术上的错误，也欢迎各位技术大牛们随时评论。。我定虚心接受。一：前端与后端的开发区别。前端：主要是针对浏览器开发。代码运行在浏览器端。后端：主要是针对...

2018-04-03 10:09:36 292

原创 angualr2和jquery如何混用

相信很多人无法脱离jq编程，而基于angualr2的框架又那么少，如何在angualr2的项目中使用jq呢打开cmd 进入项目 cnpm install jquery --save然后在你要是用的ts文件中使用import * as $ from 'jquery';ok大功告成，但是不推荐在angualr中使用jq 因为他们的核心是违背的...

2018-04-02 16:14:58 680 1

写了个 bug