H5 video 标签 播放事件 html 代码<video controls="controls" id="video" poster="放图片,为了防止视频没加载完成显示空白" autoplay="autoplay自动播放"> <source src="视频路径" type="video/mp4" id...
iSlider 如丝般高性能H5全屏滑动组件 iSlider如丝般高性能H5全屏滑动组件简洁, 易用, 半行代码搞定.性能卓越, 如丝般高性能全屏动画滑屏组件.耦合完全分离, 更轻量, 无CSS依赖,无任何js库依赖.一个组件只做一个事情, 专注于页面滑动, 避免冗余 , 保证性能.http://kele527.github.io/iSlider/转载于:https://www.cnblogs.c...
webpack打包错误 ERROR in multi ./src/main.js ./dist/bundle.js 前言:因为很长一段时间没用webpak,今天突然去回顾一下,发现我打包单个文件,报错,我很惊奇,我以前这样打包从来没有出现过问题,然后我去百度查询了一下我的这个的问题,原来是我的webpack 和vue -cli 版本太高了,老版本的这种打包方式已经不支持了,所以要用新的打包方式。当输入命令:webpack .\src\main.js .\dist\bundle.js...
设置 webstorm 对 .vue 高亮 1. 首先安装vue插件,安装方法: setting --> plugin ,点击plugin,在内容部分的左侧输入框输入vue,会出现两个关于vue的插件,点击安装即可。安装完成后,就可以看到,新建文件时,会有vue文件的提示。 如下图所示: 2. 设置vue新建文件模板。 步骤: settings --> file and code ...
webpack前端构建工具学习总结(一)之webpack安装、创建项目 npm是随nodeJs安装包一起安装的包管理工具,能解决NodeJS代码部署上的很多问题;常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。nodejs的官网地址:https://nodejs.org/...
当执行 import vue from 'vue' 时发生了什么? 平时开发中,经常会用到这样一个语句:import Vue from 'vue';由于浏览器兼容性问题,通常这个语法是在 webpack 的构建流搭建的项目中执行的,那么这个语句到底做了什么呢?其实在 nodejs 中,执行import就相当于执行了require,而require被调用,其实会用到require.resolve这个函数来查找包的路径,而这个函...
WEBSTORM新建VUE类型文件设置 WEBSTORM新建VUE类型文件设置今天安装了Node.js,配置了vue需要的框架,发现原有的wenstorm新建文件的时候没有vue文件选项,因此,学习了一下webstorm如何配置创建vue文件具体过程如下:第一步,打开webstorm , 然后File-->settings-->plugin第二步,Show 选择 All plugin...
基于vue-cli搭建HelloWorld项目 基于vue-cli搭建HelloWorld项目首先这个index.html是项目首页,名字不要改;这个src下的main.js 这个是项目入口配置文件,名字不要改现在我们把 src下的文件删除,然后来全新的写一个HelloWorld;我们新建一个组件App.vue有验证报错,我们关掉eslint验证vue文件,分三大块,&...
vue-cli脚手架安装 vue-cli 是vue官方提供的一个脚手架工具,用于初始化一个Vue项目;vue-cli的优势:1、成熟的vue项目架构设计,而且会跟随vue版本的更迭而更新;2、提供了一套本地测试服务器,而且是一个热加载的服务器;3、提供了自己的一套集成打包上线的方案,webpack 或者gulpify在创建项目的时候可以进行选择;有了以上优势,可以非常快速的搭建项...
webpack前端构建基础笔记 注:npm i(install) -g(全局安装) --save -dev (生产环境及开发环境) vue-cli(脚手架) 1.从node.js官网下载最新安装包进行安装2、设置淘宝镜像代理:npm config set registry https://registry.npm.taobao.org 3、安装脚手架:npm install -gD vue-cli4、...
vue-cli脚手架中webpack配置基础文件详解 https://segmentfault.com/a/1190000014804826一、前言vue-cli是构建vue单页应用的脚手架,输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用,它使得我们的代码模块化,引入一些插件帮我们完善功能可以将文件打包压缩,图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的...
浏览器的重绘和回流 浏览器的重绘和回流是比较常见的,在文章的开始时,我们首先要知道,浏览器是怎么进行渲染的。”1、浏览器的渲染机制从上面这个图上,我们可以看到,浏览器渲染过程如下:1.解析HTML,生成DOM树,解析CSS,生成CSSOM树2.将DOM树和CSSOM树结合,生成渲染树(Render Tree)3.Layout(回流):根据生成的渲染树,进行回流(Layo...
PHP后台支付的开发:微信支付和支付宝支付 PHP后台支付的开发:微信支付和支付宝支付关于支付的流程之类的就不做解释,大家可以自行搜索!微信支付项目前提:本人用的是tp框架,PHP语言下载到微信平台提供的微信支付接口文件,放在了tp第三方类库vendor,命名为WxpayAPI,123456WxpayAPI/lib/WxP...
Location replace() 方法 Locationreplace()方法Location 对象定义和用法replace() 方法可用一个新文档取代当前文档。/*<![CDATA[*/ var app_id = '10045', pk = '';if (window.innerWidth < 640) {if(app_id) {document.location.re...
vue开发工具我们选用webstorm http://blog.java1234.com/vue开发工具我们选用webstorm大伙可以去官方下载最新版本,开发的时候,有些元素没有提示,我们可以可以稍微配置下;搜索 unknown HTML tag attributes ,将下面的指令复制到点开的窗口里v-textv-htmlv-oncev-ifv-showv-elsev-f...
PHP程序发送HTTP请求代码 function curl_get($url,&$httpCode = 0){ $ch = curl_init(); curl_setopt($ch,CURLOPT_URL,$url); curl_setopt($ch,CURLOPT_RETURNTRANSFER,1); curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,fal...
TP5框架 《防sql注入、防xss攻击》 版权声明:本文为博主原创文章,转载请注明原文出处! https://blog.csdn.net/qq_23375733/article/details/86606630如题:tp5怎么防sql注入 xss跨站脚本攻击呢?其实很简单,TP框架中有自带的,在application/config.php 中有个配置选项:框架默认没有设置任何过滤规则,你可以是配置文件中设置全局的过滤规则:...
获取用户Ip地址通用方法常见安全隐患(HTTP_X_FORWARDED_FOR) 分析过程这个来自一些项目中,获取用户Ip,进行用户操作行为的记录,是常见并且经常使用的。 一般朋友,都会看到如下通用获取IP地址方法。function getIP() { if (isset($_SERVER['HTTP_X_FORWARDED_FOR'])) { $realip = $_SERVER['HTTP_X_FORWARDED_FOR'...
jsonp跨域的原理 1. 前言jsonp是一种常用的跨域手段,和反向代理,服务端做跨域处理相比,jsonp更显得方便轻巧,因而被大量用来处理跨域的请求,那么,这种请求方式到底是用了什么黑魔法,来解决令我们头疼的跨域问题。2. 原理jsonp其实并没有用到什么黑魔法,能达到跨域这种效果,无非是利用script标签自身的跨域能力。我们知道,img,script,这种标签如果有相应的src,那么便会发...
encodeURI()和encodeURIComponent() 区别 var siteid = "67";var siteurl="http://xxx.xxx.xxxx.com.cn:3000";var url2=window.location.href;url2=encodeURIComponent(url2);===============================================1. 概念:URI: Uniform Res...