- 博客(28)
- 资源 (64)
- 收藏
- 关注
原创 css3 模糊效果
整体模糊想让图片有模糊的效果,我们会想到 CSS3 里的滤镜属性 filter。该属性能像 photoshop 一样处理得到很多的效果,常常用于处理图片,DOM 元素和 video 等也能使用,而且已被大多数现代浏览器支持。filter 有许多值,这里先介绍要让图片模糊必不可少的一个值 blur(),这是设置高斯模糊,也就是将一个像素点重设为周围像素点的平均值;参数值越大,即周围的范围越大,也...
2020-02-28 17:09:43 1215
原创 如何把本地开发的应用部署到云端?
对于windows环境:参见 https://blog.csdn.net/dkbnull/article/details/50684426 link~– node环境部署:https://www.cnblogs.com/Renyi-Fan/p/11774768.html对于linux环境:– 发布node应用参见 https://blog.csdn.net/putao2062/articl...
2020-02-26 11:08:40 1094
原创 AngularJS $timeout
angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行如果需要取消一个timeout,调用$timeout.cancel(promise)方法用法:$timeout(fn, [delay], [invokeApply]);fn: 回调...
2020-02-26 03:03:50 477
转载 如何理解angular自定义指令directive的compile、link属性?
1、背景介绍Directive(指令)是AngularJ非常强大而有有用的功能之一。它就相当于为我们写了公共的自定义DOM元素或CLASS属性或ATTR属性,并且它不只是单单如此,你还可以在它的基础上来操作scope、绑定事件、更改样式等。通过这个Directive,我们可以封装很多公共指令,比如分页指令、自动补全指令等等。然后在HTML页面里只需要简单的写一行代码就可以实现很多强大的功能。一般...
2020-02-26 02:55:53 368
转载 Angular自定义指令directive:scope属性
在AngularJS中,除了内置指令如ng-click等,我们还可以自定义指令。自定义指令,是为了扩展DOM元素的功能。代码中,通过指定directive中的restrict属性,来决定这个指令是作为标签(E)、属性(A)、属性值(C)、还是注释(M)。为了探究scope取值对指令的影响,这里举的例子中,自定义指令都是作为DOM的tag使用的,即restrict属性为“E”。指令的名称为“my-...
2020-02-25 03:08:42 352
原创 移动端 带搜索、多tab以及滚动列表(上拉加载、下拉刷新)的页面实现
本代码仅供学习交流使用,请勿用作商业用途。效果图:实现代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-sca...
2020-02-20 00:36:56 1470
原创 Mobile Web: 可拖拽的悬浮球效果
(可以拖动来自某项需求:需要在移动端web-app页面直接新增一个返回主页的按钮然后考虑做成可拖动悬浮球,可以处理在不同页面的位置摆放问题(想到)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>悬浮返回主页的效果</title&g...
2020-02-20 00:19:03 865
原创 web前端 “我是有底线的”效果
.split-line { text-align: center; margin-bottom: 50px; } .split-line .line { width: 30%; display: inline-block; border: 0.4px soli...
2020-02-18 22:47:33 1065
原创 frozenui 移动端 搜索框
点击一下(或者根据情境改成搜索)<link rel="stylesheet" type="text/css" href="./css/frozen.css">.header{ position:fixed; top:0px; width: 100%; z-index: 10;} <div class="header"> <div cla...
2020-02-18 19:50:30 520
原创 vue 传递参数以及在新的页面接受参数
传递参数的写法:<router-link :to="{path:'xxxxx',query:{id:'xxx'}}"或者this.$router.push({ path:'/xxx', query:{ id:id } })接受参数:this.$route.query.id(query相当于get...
2020-02-11 21:45:27 1009
原创 HTML5 Canvas实现小游戏
文件结构game.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Simple Canvas Game</title> </head> <body> </body> <scri...
2020-02-11 20:43:03 565
原创 HTML5 拖放
拖放(Drag 和 drop)是 HTML5 标准的组成部分,任何元素都能够拖放,从字面意思上来理解,拖放就是抓取对象后拖到另一个位置上。在 MDN 官方文档中拖放是这样描述的:HTML 拖放接口使应用程序能够在 Firefox 和其他浏览器中使用拖放功能。例如,通过这些功能,用户可以使用鼠标选择可拖动元素,将元素拖动到可放置元素,并通过释放鼠标按钮来放置这些元素。可拖动元素的一个半透明表示在拖...
2020-02-11 16:31:39 186
原创 js 继承
继承原型链继承prototypehttps://www.cnblogs.com/sarahwang/p/6870072.html 原型链继承https://blog.csdn.net/cc18868876837/article/details/81211729 prototype、__proto__与constructor() 【❤特别推荐】https://blog.csdn.n...
2020-02-08 05:52:52 209
原创 vue 动态路由刷新404问题
问题出在静态路由下面有个通配符匹配到/404页面我们把静态路由下的{ path: '*', redirect: '/404', hidden: true }删除就可以了。在动态路由校验的代码中有处理跳转404的代码...
2020-02-07 21:37:55 4542
原创 js 格式化日期
这里以yyyy/MM/dd HH:mm:ss格式为例 function formatDate(d) { //如果d不是日期对象的实例,返回空 if(!d instanceof Date) { return; } ...
2020-02-07 03:06:45 160
原创 面向对象和基于对象的区别
面向对象语言的三大基本特性是:继承、封装、多态而基于对象的语言中保留了对象的概念,但只支持封装特性,不支持继承和多态特性
2020-02-07 02:45:01 172
原创 css 选择器优先级的一道题
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div div div div div div ...
2020-02-06 20:17:50 247
原创 js 两个网页之间通过URL传输数据
function getUrlField(name){//拿到URL里的数据 var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2...
2020-02-06 20:04:19 631
原创 html+css课程综合案例
素材wget http://labfile.oss.aliyuncs.com/courses/1237/images.zip<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> ...
2020-02-06 10:06:48 483
原创 CSS 清除浮动
.clearfix:after { content: ""; /*设置内容为空*/ height: 0; /*高度为0*/ line-height: 0; /* 行高为0*/ display: block; /*将文本转为块级元素*/ visibility: hidden; /*将元素隐藏*/ clear: b...
2020-02-06 09:34:27 127
原创 CSS 一个炫酷的盒子效果
如图。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ ...
2020-02-06 08:33:51 736
原创 Python 图片转字符画
实验环境Python 3.5pillow 5.1.0sudo pip3 install pillow完整的参考代码可以这样获取:$ wget http://labfile.oss.aliyuncs.com/courses/370/ascii.py字符画是一系列字符的组合,我们可以把字符看作是比较大块的像素,一个字符能表现一种颜色(为了简化可以这么理解),字符的种类越多,可以表现...
2020-02-05 17:06:39 304
原创 Python 生成二维码
实验环境python-3.5.2MyQR-2.3.1$ sudo pip3 install MyQR$ wget http://labfile.oss.aliyuncs.com/courses/1126/Sources.zip #这里提供制作二维码所需要的图片资源$ unzip Sources.zip由于虚拟环境缺少了一些FreeImage依赖。我们在这里手动添加/ $ mkd...
2020-02-05 16:18:22 399
原创 跨域情况下前端获取response header的问题
cors情况下,自定义请求头是需要设置暴露出来的Response.Headers.Add("Access-Control-Expose-Headers", "Content-Diposition");Response.Headers.Add("Content-Diposition", $"attachment;filename=xxxxxx.txt}");...
2020-02-04 20:34:42 2215
原创 vue基础 笔记
整理了一下vue基础知识中容易出现问题的地方,以及一个综合小例子(本节不涉及vue复杂的组件机制,大佬请绕道)一些操作数组的方法,编译会检测,从而会促使视图更新。变异方法push()pop()shift()unshift()splice()sort()reverse()上面这些数组操作方法,会直接改变原始数组称为变异方法,会促使视图自动更新。替换数组学了 JavaSc...
2020-02-04 03:41:52 287
原创 前后端分离 webpack配置api代理
在vue.config.js里devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, proxy: { '/api': { target: 'http://www.xxxx.com/', changeOrigin: ...
2020-02-03 23:10:37 542 1
原创 跨域问题解决方法: chrome浏览器关闭CORS策略
在Chrome的快捷方式后面加:--args --disable-web-security --user-data-dir然后打开这个快捷方式
2020-02-03 22:55:57 21210
转载 【转】大型Vuex项目 ,使用module后, 如何调用其他模块的 属性值和方法
Vuex 允许我们把 store 分 module(模块)。每一个模块包含各自的状态、mutation、action 和 getter。那么问题来了, 模块化+命名空间之后, 数据都是相对独立的, 如果想在模块 A 调用 模块 B 的state, actions, mutations, getters, 该肿么办?假设有这么两个模块:模块A:import api from '~api' ...
2020-02-02 19:01:13 2316
C++_STL使用例子大全
2016-07-30
Learning the vi and Vim Editors
2016-07-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人