前端
关注
分享
扫一扫
Smart_coding
来自前端程序员的呐喊
展开
-
获取页面url参数
// 获取页面url参数function GetRequest() {var url = location.search; //获取url中"?“符后的字串// var url = ‘?_userid=888&qqqq=555’var theRequest = new Object();if (url.indexOf(”?") != -1) {var str = url.substr(1);strs = str.split("&");for (var i = 0; i <原创 2020-10-19 15:51:34 · 165 阅读 · 0 评论 -
多个音视频标签只播放一个音视频
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <audio c原创 2020-10-16 10:40:31 · 265 阅读 · 0 评论 -
移动端rem布局兼容不同屏幕大小js代码
引入这段代码可以完美兼容移动端不同手机屏幕大小//designWidth:设计稿的实际宽度值，需要根据实际设置//maxWidth:制作稿的最大宽度值，需要根据实际设置//这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750,750);(function(designWidth, maxWidth) { var doc = document, win = window, docEl = doc.d原创 2020-10-13 10:04:14 · 335 阅读 · 0 评论 -
实现点击复制功能（css，html，js）
js代码区域$(".copyNow").click(function(e){ var text = $('#copycode'); text.select(); document.execCommand("Copy"); if (text.val()) { webToast("邀请码复制成功",1000); } else { webToast("邀请码复制失败",'center',1000); }});html<原创 2020-10-13 09:57:17 · 1554 阅读 · 0 评论 -
vue中 key 值的作用
vue中 key 值的作用1.使用key来给每个节点做一个唯一标识2. key的作用主要是为了高效的更新虚拟DOM。另外vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们，否则vue只会替换其内部属性而不会触发过渡效果。...原创 2020-10-09 10:02:50 · 379 阅读 · 0 评论 -
v-if 和 v-show 有什么区别？
请问 v-if 和 v-show 有什么区别？a.实现方式： v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点。 v-show只是在修改元素的css样式，也就是display的属性值，元素始终在Dom树上。b.编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件； v-show只是简单的基于css切换；c.编译条件：v-if是惰性的，如果初始条件为假，则什么也不做；只有在条件第一次变为真时才开始局部编译； v-show是在任何条件下原创 2020-10-09 09:58:51 · 210 阅读 · 0 评论 -
vue组件库生态
vue组件库element：VUE2的web UI工具mint-ui：VUE 2中的移动UIiview：VUEjs 的开源 UI 库muse-ui：响应式 UI 库VUECircleMenu：VUE圆环菜单VUE-chat：聊天示例VUE-waterfall：瀑布组件Keen-UI：基本UI组件Vux：基于VUE和WeUI的组件库终于集齐的VUE中的UI组件，不看后悔奥VUE-carbon：MD风格的移动端VUE-blu：帮助创建web应用VUEAdmin：简单的管理员模板VUE原创 2020-08-31 11:36:21 · 870 阅读 · 0 评论 -
如何用jsonp解决跨域问题
jsonp解决跨域问题:利用script标签没有跨域限制的漏洞，网页可以拿到从其他来源产生动态JSON数据，当然了JSONP请求一定要对方的服务器做支持才可以。「与AJAX对比」JSONP和AJAX相同，都是客户端向服务器发送请求，从服务器获取数据的方式。但是AJAX属于同源策略，JSONP属于非同源策略(跨域请求)「JSONP优点」兼容性比较好，可用于解决主流浏览器的跨域数据访问的问题。缺点就是仅支持get请求，具有局限性，不安全，可能会受到XSS攻击。「思路????」创建script标签原创 2020-08-29 15:41:39 · 1045 阅读 · 0 评论 -
day06_vue前端工程化
###1.模块化的分类####A.浏览器端的模块化1).AMD(Asynchronous Module Definition,异步模块定义)代表产品为：Require.js2).CMD(Common Module Definition,通用模块定义)代表产品为：Sea.js####B.服务器端的模块化服务器端的模块化规范是使用CommonJS规范：1).使用require引入其他模...原创 2019-11-24 00:35:41 · 176 阅读 · 0 评论 -
git相关命令
git config --global user.name //配置姓名git config --global user.email //配置邮箱git config --list //查看配置信息git init //初始化本地仓库git status //查看文件状态git add 文件名 //添加某个文件到暂存区，如果写 . 代表当前文件夹下所有的文件、git co...原创 2019-10-09 10:30:39 · 181 阅读 · 0 评论 -
静态仔的挣扎第02天
知道模板引擎和模板引擎和FormData的用法(重点)模板引擎概述作用：使用模板引擎提供的模板语法，可以将数据和 HTML 拼接起来。使用步骤1.下载 art-template 模板引擎库文件并在 HTML 页面中引入库文件<script src="/js/template-web.js"></script>2.准备 art-template 模板<...原创 2019-09-26 20:47:38 · 182 阅读 · 0 评论 -
静态仔的挣扎第01天
Ajax:让静态页面动起来,成为一名合格的前端人员学习目标(重点)** 【理解】AJAX 是什么【理解】AJAX的应用场景【应用】AJAX的实现步骤【理解】AJAX的运行原理【理解】服务器响应的数据格式【理解】请求报文与请求参数的格式【应用】获取服务器端的响应【应用】AJAX异步编程**传统网站中存在的问题网速慢的情况下，页面加载时间长，用户只能等待表单提交后，如果一项内...原创 2019-09-24 22:51:02 · 222 阅读 · 0 评论