音韵者天-waker
码龄10年
求更新 关注
提问 私信
  • 博客:160,935
    160,935
    总访问量
  • 29
    原创
  • 22
    粉丝
  • 24
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:天津市
加入CSDN时间: 2016-01-02

个人简介:关注web开发,专注前端开发

博客简介:

音韵者天

博客描述:
is on the way...
查看详细资料
个人成就
  • 获得84次点赞
  • 内容获得6次评论
  • 获得37次收藏
  • 博客总排名855,588名
创作历程
  • 14篇
    2017年
  • 31篇
    2016年
成就勋章
TA的专栏
  • HTML
    3篇
  • CSS
    13篇
  • JS
    18篇
  • 移动端
    1篇
  • 前端框架
  • 前端工具
    7篇
  • 个人随笔
    1篇
  • 浏览器兼容
    2篇
  • 前端综合
    7篇
  • node.js
    3篇
  • 数据库
    1篇
  • HTTP
    2篇
  • PHP
  • 性能优化
    1篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 1

TA参与的活动 0

兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

新星杯·14天创作挑战营·第13期

这是一个以写作博客为目的的创作活动,旨在鼓励大学生博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛!注: 1、参赛者可以进入活动群进行交流、互相鼓励与支持(开卷),虚竹哥会分享创作心得和涨粉心得,答疑及活动群请见:https://bbs.csdn.net/topics/619781944 【进活动群,得奖概率会更大,因为有辅导】 2、文章质量分查询:https://www.csdn.net/qc

90人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

使用CSS3开启GPU硬件加速提升网站动画渲染性能

为动画DOM元素添加CSS3样式-webkit-transform:transition3d(0,0,0)或-webkit-transform:translateZ(0);,这两个属性都会开启GPU硬件加速模式,从而让浏览器在渲染动画时从CPU转向GPU,其实说白了这是一个小伎俩,也可以算是一个Hack,-webkit-transform:transition3d和-webkit-transform
转载
博文更新于 2017.03.16 ·
4956 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

手机访问本地项目实现远程调试的几种办法

一、在服务器环境下通过IP访问首先搭建一个服务器环境或者下载现成的程序集成包(比如phpstudy、jspstudy等)。确保服务器和手机连接在同一网段。如果是笔记本的话,手机和笔记本直接连接在同一wifi下,如果是台式机,则需要插入无线网卡或者其他的无线措施确保两个在同一网段下。通过本机IP+端口访问需要测试的项目。二、liveStyleliveStyle是个提供“样式实时预览”插件,在
原创
博文更新于 2019.03.26 ·
6355 阅读 ·
2 点赞 ·
0 评论 ·
1 收藏

前端需要了解的 SSO 与 CAS 知识

不管是什么公司,只要产品数量大于一个,那么单点登录势必是绕不过去的一个问题。作为前端程序员,我们对其虽然接触不多,但适当的了解还是必要的。本文就来谈谈单点登录相关的问题。前置知识了解 SSO,最好具备以下知识。当然,如果不是特别熟,也不影响阅读。cookie及session浏览器同源策略及跨域了解登录系统的构成什么是 SSO 与 CAS?SSO SSO 是英文 Single Sign On
转载
博文更新于 2017.11.21 ·
953 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

MongoDB windows64及32位安装

一,MongoDB win 64位安装1.MongoDB?MongoDB 是一个跨平台的,面向文档的数据库,提供高性能,高可用性和可扩展性方便。2.windows 下64位的安装过程在mongodb官网下载自己电脑适配的版本 https://www.mongodb.com/download-center?jmp=nav#community在本地创建文件夹mongodb,然后安装到该目录下:
原创
博文更新于 2017.11.16 ·
5327 阅读 ·
6 点赞 ·
0 评论 ·
2 收藏

前端必须掌握30个CSS3选择器

也许你已经学会了CSS的三个简单常用的选择器:#ID,.class,标签选择器,可是这些就足够了吗?随着CSS3的到来,作为前端开发者需要掌握下面三十个基本的选择器,这样才可以在平时开发中得心用手。本文中将综合前端开发中常用的30个CSS3选择器,并且附带了浏览器的支持情况,希望对大家有所帮助。*:通用元素选择器* { margin: 0; padding: 0; }*选择器是选择页面上的全部元素
转载
博文更新于 2017.10.10 ·
2767 阅读 ·
3 点赞 ·
0 评论 ·
11 收藏

jQuery / zepto ajax 全局默认设置

jQuery / zepto 的 $.ajax 方法需要配置很多选项, 有些是很常用的每个 ajax 请求都要用到的, 可以全局设置, 避免每次都写.注意: 此处用的 jQuery 版本是 1.8.3, zepto 版本是 1.1.6 和 1.2.0. 使用别的版本的要自己测试下.#jQuery 的方法是 jQuery.ajaxSetup()$.ajaxSetup({ url: "/xm
转载
博文更新于 2017.09.20 ·
1468 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

Sublime Text3 和Atom相关插件的安装和使用

一、Sublime Text3安装preap主题Sublime Text3作为前端开发的神器,一直备受fer的青睐。下面给Sublime Text3安装preap主题来替换默认主题。 先上图:安装通过Package Control安装,先安装Package 然后再搜索preap直接安装。或者直接下载安装包https://github.com/equinusocio/preap/releases/
翻译
博文更新于 2017.05.23 ·
1839 阅读 ·
3 点赞 ·
0 评论 ·
0 收藏

visual studio的安装和使用

由于近期要与服务端C#进行配合,所以对.net的一些东西也提前了解了一些。当然作为前端不会去关注后端语言本身,但是为了更好的配合对一些开发环境包括编码、编译、发布以及版本控制肯定是需要很熟悉的。然后发现微软已经搞定了一切,那就是visual studio。visual studio ?(以下简称vs)VS是一个基本完整的开发工具集,它包括了整个软件生命周期中所需要的大部分工具,如UML工具、代码管控
原创
博文更新于 2017.05.22 ·
3211 阅读 ·
7 点赞 ·
0 评论 ·
3 收藏

解决IE8下CSS3选择器 :nth-child() 不兼容的问题

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
原创
博文更新于 2017.05.05 ·
26617 阅读 ·
10 点赞 ·
0 评论 ·
7 收藏

唯快不破:提升Web 应用的 13 个优化

时过境迁,Web 应用比以往任何时候都更具交互性。搞定性能可以帮助你极大地改善终端用户的体验。阅读以下的技巧并学以致用,看看哪些可以用来改善延迟,渲染时间以及整体性能吧!更快的 Web 应用优化 Web 应用是一项费劲的工作。Web 应用不仅处于客户端和服务器端的两部分组件当中,通常来说也是由多种多样的技术栈构建而成:数据库,后端组件(一般也是搭建在不同技术架构之上的),以及前端(HTML + Ja
翻译
博文更新于 2017.05.02 ·
3877 阅读 ·
8 点赞 ·
2 评论 ·
13 收藏

JS 解决跨域汇总

什么是跨域?在了解跨域之前,首先要知道什么是同源策略(same-origin policy)。简单来讲同源策略就是浏览器为了保证用户信息的安全,防止恶意的网站窃取数据,禁止不同域之间的JS进行交互。对于浏览器而言只要域名、协议、端口其中一个不同就会引发同源策略,从而限制他们之间如下的交互行为:Cookie、LocalStorage 和 IndexDB 无法读取。DOM 无法获得。AJAX 请求
原创
博文更新于 2017.04.24 ·
7769 阅读 ·
5 点赞 ·
0 评论 ·
10 收藏

正则表达式

1.替换字符串中所有指定的字符var str = "1a2a3a";var reg = new RegExp("a","g");var result = str.replace(reg,"0");//"102030"
原创
博文更新于 2017.04.21 ·
609 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

CSS预处理器——Sass、LESS和Stylus区别及联系

一、什么是CSS预处器CSS预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。通俗的说,CSS预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项目使用。CSS预处理器为CSS增加一些编程的特性,无需考虑浏览器的兼容性问题,例如你可以在CSS中使用变量
转载
博文更新于 2017.04.18 ·
2777 阅读 ·
2 点赞 ·
0 评论 ·
4 收藏

CSShack 布局

在这里将会收集相关经典的css hack 布局的一些例子。让一个尺寸不定的div距离浏览器上下左右都为10px//cssdiv{ border:1px solid red; position: fixed; left: 50px; right: 50px; top: 50px; bottom: 50px;}//html
fo
原创
博文更新于 2017.04.08 ·
813 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

node.getAttribute('someAttribute')和node.someAttribute的区别

「node.getAttribute(‘someAttribute’)」获取的是「attribute」,而「node.someAttribute」获取的是元素的「property」,二者并不相同。在大多数情况下「property」和「attribute」是同步的,如场景1。场景1:<input id="username" type="text"><script>var userInput = d
翻译
博文更新于 2017.03.19 ·
1473 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

JS 类数组对象——Array-like Objects

什么是类数组对象?类数组对象是JS里面比较常用的一个对象,平时在操作DOM或写function的时候经常会用到,虽然对初学者来说概念比较陌生。类数组对象具有数组对象的一些属性,比如length,可以遍历(for-in不可以)但是却不能使用数组对象的方法。 最常见的类数组就是function里面的参数变量arguments,通常传递给function的参数都会被存储在一个名为arguments的类数
原创
博文更新于 2017.03.18 ·
1522 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

使用canvas绘制几何图形

几何图形分两种,一种是由线段构成的,一种是由弧线构成的,下面将利用canvas绘制一个矩形和圆形。canvascanvas是HTML5引入的一个定义图形的标签,相当于一个容器,所以图形的绘制还必须用脚本来完成。绘制矩形html<canvas id="canvas">你的浏览器居然不支持Canvas?</canvas>jsvar canvas = document.getElementById("ca
原创
博文更新于 2017.03.16 ·
1886 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JS提取字符串方法:substring、substr、slice的区别

这三个方法都是提取字符串里面子串的方法,虽然平时使用挺多,但是每次都要去看文档以防参数传递错误。下面对这三个方法做一个详细的区别。substringString.substring(x,y): x:必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。 y:可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置
原创
博文更新于 2017.03.14 ·
5058 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

css使元素居中的九种办法

一、使用text-align: center;居中对于行内元素或具有inline-block属性的元素居中,比如span、img等可以使用text-align: center;来实现。/*css*/div{ border:1px solid red; text-align: center; width: 200px;}div span{ width: 100px
原创
博文更新于 2017.03.12 ·
4977 阅读 ·
4 点赞 ·
0 评论 ·
18 收藏

JS 函数的几个作用

一、作为一个类构造器使用function Class(){}Class.prototype={};var item=new Class(); 二、作为闭包使用(function(){ //独立作用域})();三、作为构造函数调用所谓构造函数,就是通过这个函数生成一个新对象(object)。function Test(){//大写,以区分普通函数 this.x = 10;}v
转载
博文更新于 2017.02.08 ·
1058 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多