web前端
文章平均质量分 70
雯雯木
这个作者很懒,什么都没留下…
展开
-
网站pc端和手机端视频的处理
在网络流行,技术大牛遍地的时代,不被拷贝,不被复制成了大家梦寐以求的,今天雯雯木就来分享下视频的处理。 今天我要推荐的是ckplayer.js!官网是:http://www.ckplayer.com,小伙伴可以去官网下载案例研究,兼容性也不错吆。 在pc端,为了不被别人能复制保存视频,是用的swf格式。 js代码:var flashvars={f:'http://原创 2016-09-22 12:42:12 · 2070 阅读 · 0 评论 -
sublime text 3安装vue插件
参考:http://blog.csdn.net/a419419/article/details/779517591.打开sublime text 3按 Ctrl+Shift+P2.选中上图中,框出来的内容,按下enter3.选择上图的第二个即:vue syntax hightlight4.重启一转载 2018-02-06 14:08:41 · 700 阅读 · 0 评论 -
webpack+vue+vueRouter
确认已经安装node环境和npm包管理工具开始1、新建项目文件名为vuedemo2、npm init -y 初始化项目安装项目依赖3、npm install --save vue 默认安装最新版vue4、npm install --save-dev webpack webpack-dev-server 安装webpack,webpack-dev-server原创 2018-02-06 14:31:37 · 310 阅读 · 0 评论 -
es6的十大功能
翻译自Top 10 ES6 features by example虽然ES6规范不是最近才发布,但我认为很多开发人员仍然不太熟悉。 主要原因是在规范发布之后,Web浏览器的支持可能很差。 目前,规范发布已经超过2年了,现在很多浏览器对ES6支持良好。 即使您(或您的客户)不使用最新版本的Web浏览器,也可以使用转换器(如Babel),在应用程序的构建过程中将ES6转换为ES5。 这意味着要向前迈出...转载 2018-02-24 15:48:34 · 1622 阅读 · 0 评论 -
通过 Vue+Webpack 来做通用的前端组件化架构设计
目前如果要说比较流行的前端架构哪家强,屈指可数:reactjs、angularjs、emberjs、avalonjs、vuejs。我个人接触使用过:avalonjs、angularjs、vuejs。因为工作以及前端团队能力的问题,所以在不同的公司,在开发工作中选用了不同的前端架构。以下仅仅是代表我个人选用架构的一些看法和理由,如下:angular:我觉得angularjs的学习上手周期比较长,可能...转载 2018-02-24 16:10:47 · 994 阅读 · 0 评论 -
怎样避免写垃圾邮件
格式编码1、页面宽度请设定在600到800px以内,长度1024px以内。2、HTML编码请使用utf-8。3、HTML代码在15KB以内。(各个邮箱的收件标准不一样,如果超出15KB您的邮件很有可能会进入垃圾箱)4、请使用table表格来布局。同一个<td>里只放一张图片,如<td><img src="photo.jpg" /></td>。所有的图...原创 2018-03-12 14:53:35 · 620 阅读 · 0 评论 -
react项目中的TypeError:Cannot read property 'setState' of undefined
react报错 TypeError: Cannot read property 'setState' of undefinedclass drag extends Component { constructor(props) { super(props); this.state = { activeDrags: 0 ...原创 2019-01-19 20:07:26 · 995 阅读 · 0 评论 -
用ajax从接口获取数据
现在大部分都是前后端分离的项目,需要我们通过接口获取数据,其实和传统的差不多,没必要把调接口数据想象的那么难和高大上(#^.^#)仅举例说明写一个getUser.json{ "code":1, "msg":"获取成功", "data":{ "id":1, "uid":358, "name":"hhh", "原创 2019-01-19 20:34:40 · 11012 阅读 · 1 评论 -
常见的几种跨域访问
同源策略:协议,域名,端口三者相同。当有一个不相同时即为跨域跨域方法一JSONP的跨域方式:动态添加一个<script>标签,而script标签的src属性是没有跨域的限制的。$.ajax({ type:"GET", url:"http://路径/getUser", dataType:"jsonp"...原创 2019-01-19 22:31:47 · 230 阅读 · 0 评论 -
react用fetch获取接口数据,文件上传等
一 : React使用fetch获取json数据先写个例子,再详细说明fetchpageTest2.json{ "code": "1", "msg": "查询成功", "arr":[{ "key":"001", "idd":"001", "title":&quo原创 2019-01-21 15:27:47 · 4626 阅读 · 0 评论 -
js在微信、微博、QQ、Safari唤起App的解决方案
转自:https://segmentfault.com/a/1190000012940046会说话的鱼背景最近在做微信、QQ、微博中使用js唤起App,之前也做过类似的功能,不过比较粗糙,考虑的情况不太全,而且那已经是很久之前的事情了,很多技术都已过时,现在有体验更好,功能更加完善的唤起技术,之前的很多的方案,到了现在都已是不太必要了,现在通过这篇文章分转载 2018-01-30 16:36:19 · 913 阅读 · 0 评论 -
前端开发的小细节
雯雯木今天和大家分享下head标签里的一些小秘密: 1,优先使用 IE 最新版本和 Chrome:2,360 使用Google Chrome Frame: 360 浏览器就会在读取到这个标签后,立即切换对应的极速核。 另外为了保险起见再加入 这样写可以达到的效果是如果安装了 Google Chrome Frame,则使用 GCF 来渲染页面,如果没有安装 GCF,则使用最高版本的 IE原创 2016-09-21 13:07:51 · 446 阅读 · 0 评论 -
点击图片弹出视频
再分享弹出视频代码前,雯雯木先道个歉,比原先说的推迟了几天主要是前几天手里项目急,没抽出来时间,废话不多说了,本木头开始分享之旅程。头标签: $(function(){ $("#demoBtn1").click(function(){ $('#demo1').layerModel({ blurClose : true });原创 2016-09-30 14:56:21 · 7150 阅读 · 2 评论 -
通过option来控制另外一个盒子的显示隐藏
雯雯木今天给大家分享个小的功能通过一个option的value值来决定另一个div或者select显示还是消失!body里的内容: 是否报警: 是 否 报警方式:原创 2016-09-30 15:13:29 · 1342 阅读 · 0 评论 -
折线图
雯雯木今天给大家分享下折线图的制作,缓解下作为程序员的疲劳,先给大家上个效果图; body里的内容: js代码: $(document).ready(function() { var imgsrc = new Array("详细信息0","详细信息1", "详细原创 2016-09-30 15:25:07 · 408 阅读 · 0 评论 -
如何提高网站的访问速度
网站访问速度原创 2018-01-03 11:50:31 · 529 阅读 · 0 评论 -
闭包
闭包原创 2017-12-29 14:58:23 · 163 阅读 · 0 评论 -
js判断表单不能为空
表单验证,表单不为空原创 2018-01-15 15:40:31 · 1298 阅读 · 0 评论 -
前端性能优化
作者:ouvenhttps://my.oschina.net/zhangstephen/blog/1601382一、 网络加载类1.减少HTTP资源请求次数 在前端页面中,通常建议尽可能合并静态资源图片、JavaScript或CSS代码,减少页面请求数和资源请求消耗,这样可以缩短页面首次访问的用户等待时间。通过构建工具合并雪碧图、CSS、JavaScript文件等转载 2018-01-31 11:31:33 · 178 阅读 · 0 评论 -
获取页面宽高
参数:网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth(包括边线的宽)网页可见区域高:document.body.offsetHeight(包括边线的宽)网页正文全文宽:document.body.scrollWidth原创 2018-01-24 17:33:41 · 697 阅读 · 0 评论 -
JavaScript基础之继承与原型链
http://blog.csdn.net/u013063153/article/details/52813218转载 2018-01-24 17:40:29 · 144 阅读 · 0 评论 -
引入特殊字体
@font-face{font-family:"SalesforceSansRegular";src:url(../font/SalesforceSans-Regular.woff.ttf);}body{font-family: "SalesforceSansRegular";}特殊字体别忘记考虑浏览器兼容性body{position: relative;f原创 2018-01-25 14:02:49 · 577 阅读 · 0 评论