当我们用MVVM的时候要实现INotifyPropertyChanged,如果你是基于.net4.5以下的framework(.net4.5已有新特性我这里就不说了) 你很可能会这么写 public...PropertyChangedEventArgs(propertyName)); } } } 这样的写法很可能会造成硬编码错误 你是不是有点烦每次要写一个字段还要写一个属性还要加上...这么写看着好简单呀,而且还能有效避免硬编码对你带来的问题。 写一个x.就能出现你要的属性 ? 对!...这样你就能省下更多的时间去写加的代码了, 先说明一下用到的技术没有新的只是只用到了泛型和扩展方法和一点linq,要怎么实现呢?...来让我们一步一步的实现 我们先写一个公共类方法 public class MyCommMetoh { //得到属性的名称 public static string
前言 在这篇文章中,我们将通过 JS 构建我们自己的 JS 解释器,用 JS 写 JS,这听起来很奇怪,尽管如此,这样做我们将更熟悉 JS,也可以学习 JS 引擎是如何工作的!...Mini Js Interpreter~ 实践准备 Acorn.js A tiny, fast JavaScript parser, written completely in JavaScript....一个完全使用 javascript 实现的,小型且快速的 javascript 解析器 本次实践我们将使用 acorn.js ,它会帮我们进行词法分析,语法解析并转换为抽象语法树。...项目初始化 // visitor.ts 创建一个Visitor类,并提供一个方法操作ES节点。...: Expression | null; } Identifier 顾名思义,标识符节点,我们写 JS 时定义的变量名,函数名,属性名,都归为标识符。
本文不会直接告诉大家 WPF 的源代码是如何写的,而是从零开始一起来写一个 UI 框架,在写的过程就会了解到为什么 WPF 可以这样写,为什么需要这样写,和 WPF 这样写的好处。...本文适合 WPF 的开发者同样也适合其他语言希望自己写一个 UI 框架的小伙伴。 这个故事的开始是有一天,前端的小伙伴在问我桌面端可以做的界面能否在前端也做出来。熟悉的小伙伴都认识我,我是不会前端的。...于是我就回答他,那我可以写出一个框架,这样其他开发者就可以简单的进行开发了。 然后他问我,那么一个框架大概要写多久。我说三年…… …… 当然,一个UI框架写三年速度是十分快的。...好在本文是 WPF 的源代码,而不是手把手教大家如何写一个 UI 框架,所以本文不会写三年。为什么我会询问前端的小伙伴这些问题?...就和WPF的控件一样,在 WPF 的用户控件是可以放 Grid 的,这是一个面板控件,里面还可以继续套普通的元素或者再套一个 Grid 控件 ?
最近看到WPF 使用不安全代码快速从数组转 WriteableBitmap 可以快速从数组转 WriteableBitmap 所以就让他画一些元素,但是发现元素有文字就没法了。...截图 这个方法是从 WriteableBitmapEx看到的,可以在页面创建一个 TextBlock 让他来显示文字,然后使用截图获得文字,把图片画到 WriteableBitmap 就好。...先创建一个对象 var wb = new WriteableBitmap((int) 宽, (int) 高, 96, 96, PixelFormats.Pbgra32, null); 然后对文字截图...wb.AddDirtyRect(new Int32Rect(0, 0, (int)ActualWidth, (int)ActualHeight)); wb.Unlock(); win form 方法 另一个方法是使用...win form 写文字然后使用 WPF 使用不安全代码快速从数组转 WriteableBitmap - 林德熙 把文字写到 WriteableBitmap ,这个方法比较简单
最近看到WPF 使用不安全代码快速从数组转 WriteableBitmap 可以快速从数组转 WriteableBitmap 所以就让他画一些元素,但是发现元素有文字就没法了。...截图 这个方法是从 WriteableBitmapEx看到的,可以在页面创建一个 TextBlock 让他来显示文字,然后使用截图获得文字,把图片画到 WriteableBitmap 就好。...先创建一个对象 var wb = new WriteableBitmap((int) 宽, (int) 高, 96, 96, PixelFormats.Pbgra32, null); 然后对文字截图...win form 写文字然后使用 WPF 使用不安全代码快速从数组转 WriteableBitmap - 林德熙 把文字写到 WriteableBitmap ,这个方法比较简单...PixelFormats.Bgra32, null); CopyFrom(image, bmp); 上面的代码可能无法直接运行,于是我就给 CopyFrom 代码,代码实际是从WPF
user.id|safe }">{ user.company } <script src="http://libs.baidu.com/jquery/1.9.0/jquery.<em>js</em>...(model) { return fn.apply(model); }; } 这个我们能用这个模板引擎创建<em>一个</em>我们前端需要的...这里面我们使用正则表达式去匹配字符串中的变量,当然,你要对<em>js</em>正则表达式熟练应用。
用原生js写一个"多动症"的简历 预览地址 源码地址 最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现。...会动的简历实现思路 这张会动的简历,就好像一个打字员在不断地录入文字,页面呈现动态效果。又好像一个早已经录制好影片,而我们只是坐在放映机前观看。...background: red; } 项目搭建 在这个项目中我们 使用webpack2来完成项目的构建 使用yarn来处理依赖包的管理 使用es6的写法 使用部分原生dom操作api standard.js...代码风格约束利器) 目录结构如下 最重要的几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装的dom操作模块) 最后app.js...但是含有一个问题,如果涉及到很多个异步操作,我们是很难通过上面的方式将异步流程管理起来的。
本文告诉大家如何扔掉 cs 文件,在 xaml 写 C# 代码,将 xaml 和 C# 代码写在一个文件 在 WPF 的 XAMl 有一个小伙伴也许看到但是忽略的特性就是 x:Code 特性,这个特性在...UWP 版本被干掉了,因为太好用了 其实小伙伴忽略这个特性也是对的,因为从设计上这不是一个好的方案,将 XAML 和业务逻辑 C# 代码放在一个文件里面 但是可以用来做和界面十分相关的逻辑,此时放在...sender, RoutedEventArgs e) { Button.Content = "欢迎访问我博客 https://blog.lindexi.com 里面有大量 UWP WPF...博客"; } } 然后构建的时候将 @code 替换为 x:Code 的写法,这个方法也是可以的 现在 WPF 开源了...,小伙伴可以进行随意的更改,如果构建自己的私有的 WPF 框架版本,请看 手把手教你构建 WPF 框架的私有版本 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议
用原生js写一个"多动症"的简历 预览地址 源码地址 最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现。...会动的简历实现思路 这张会动的简历,就好像一个打字员在不断地录入文字,页面呈现动态效果。又好像一个早已经录制好影片,而我们只是坐在放映机前观看。...background: red; } 项目搭建 在这个项目中我们 使用webpack2来完成项目的构建 使用yarn来处理依赖包的管理 使用es6的写法 使用部分原生dom操作api standard.js...(代码风格约束利器) 最重要的几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装的dom操作模块) 最后app.js...但是含有一个问题,如果涉及到很多个异步操作,我们是很难通过上面的方式将异步流程管理起来的。
前言:随着 Node.js 的出现和不断发展,其他新的 JS 运行时也穷出不断,Deno、Just、Bun等等。...本文简单介绍一下如何写一个 JS 运行时,相比操作系统、编译器来说,写一个 JS 运行时理论上并不是一个难的事情,但是写一个优秀且功能齐全的运行时并不是一个容易的事情。...JS 引擎 写一个 JS 运行时,首先就必须需要一个 JS 引擎来处理 JS,大部分的 JS 运行时都是基于 V8的,当然你也可以使用其他的 JS 引擎。...所以首先需要选择一个 JS 引擎,然后下载代码,编译成功。有了 JS 引擎,就可以通过它提供的一些 API 实现一个可以执行 JS 代码的软件。...但是还有一个重要的部分需要实现,那就是模块加载器,内置的功能可以通过挂载到全局变量的方式来实现,这样用户就不需要通过模块加载器的方式来使用拓展功能,但是用户的 JS,还是需要一个模块加载器。
其中,东方财富网有许多数据,其中有一个是机构调研的数据。 ...http://data.eastmoney.com/jgdy/tj.html 我们希望抓取的是js生成的表格。 ...这种带有js的网站抓取其实不是那么简单的,基本分为那么几种方法,一种是观察页面,有的会有json数据,有的有js代码可以解析目标的url;一种是使用渲染工具;还有一种就是用工具来点击相关button,来抓取...然后我们就点击第二页、第三页不断的来观察究竟js代码访问了什么后台的url。...至于最后面一个数字,目前猜测是一个计数标记,所有的api中设置一致就可以了。 接下来我们就可以用urllib来获得api背后的json内容了,比如是这样的: ?
同时,得益于Promise,我们在异步函数里可以这样写: (async () => { const data = await sleepSort([4, 5, 3, 6, 8]) console.log
html中了;请把这个script标签中的内容单独写在一个js文件里 //整个插件写在一个立即执行函数里;就是function(){}();函数自执行;保证里面的变量不会与外界互相影响 //头部的win...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...,document,jQuery) 或者写在一个闭包里(function(){ }()) */ (function(win,doc,undefined){...//我们随便写一个插件吧 比如你要点击按钮 添加input的值到 div里 var addHtml = function(demo,btn){//插件名,调用的时候直接new一下插件名就行了并传参数或者传对象...;这里可能不止一个函数;你还记得你在全局里写一个个的function吗;贼乱; //找也不好找;把一个个函数都写到对象的属性里;调用函数就直接调用对象的属性; constructor
又好像一个早已经录制好影片,而我们只是坐在放映机前观看。...接下来让我们一步步完成它 项目搭建 在这个项目中我们 1、使用webpack2来完成项目的构建 2、使用yarn来处理依赖包的管理 3、使用es6的写法 4、使用部分原生dom操作api 5、standard.js...代码风格约束利器) 目录结构如下 最重要的几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装的dom操作模块) 最后app.js...可以看出它做的事就是封装一个构造函数Vquery,它的实例会有一些简单的dom操作方法,最后为了能够像jQuery那样使用$().funcName的形式去使用,我们导出了一个匿名函数,在匿名函数中去new...但是含有一个问题,如果涉及到很多个异步操作,我们是很难通过上面的方式将异步流程管理起来的。于是我们需要做下面一件事 内部的next函数就是 thunk 的回调函数。
第二种,从JavaScript的模块化开发角度来讲,一个function就是一个模块,例如: function isGet(){ //get... } 这个函数就是一个JS模块,它是有逻辑的。...一个组件可以说它是一个JS模块,但一个JS模块,却未必是一个组件。...所以你会看到一个组件里面包含了许多函数、方法或是许多JS文件。 这就引出下一个问题,组件的组织。也就是单一功能的再细分,用笔先写出一个个的点。。...然后定义一个函数,createTableUI(),,, (写这东西真累,这么多字了,开头还没写完,还不一定有人爱看。...还是写吐槽文舒服啊,一会就写完了) 简短节说啊,,把刚才的config进来,就这样:createTableUI(config) 然后createTableUI的伪代码: createTableUI(c)
data.lastBuild.number 可以拿到最后一个 build 的 number,最后一个 build 也就是我们刚刚触发的 build。
之前都是用别人的颜色拾取器,今天自己用WPF写了一个颜色拾取器小程序 拾取鼠标所在位置的颜色,按键盘上的空格键停止取色 程序下载:MyWPFScreenColorE.rar 程序里面有一个全局的勾子实现键盘的按下事件停止拾取...MyPoint.POINT POINT = new MyPoint.POINT(); MyPoint.GetCursorPos(out POINT); 用键盘让程序停下来我还真没有什么好办法就用了一个键盘勾子...这是一个全局的勾子实现拾取键盘的按键 //Declare wrapper managed POINT class.
所曾经端app与后台的开发与測试过程中接口调试是一个常常要做的工作。 而每当出现一个BUG,前端appproject师与后台project师往往要相互合作才干定位bug到底在那里。...而非本项目的人往往还难以帮上忙(必需要读懂别人写的程序,等等的。...开发们都懂的…) 所以自己利用了业余时间用js+hta的方式实现了一个简单的接口调试程序.能够由非开发者对比接口文档就能够进行接口的调试和測试。...下面是程序界面 这是一个机票程序的的接口调用程序,在这个程序中能够调试全部的接口 左側是各个接口的命名,每点击左側的接口名,右側的url和req(请求參数)会对应变为该接口的URL和參数样例,点以下的...程序小巧(10-100k) 该程序入门简单(仅仅须要懂一点html语法与js就可以), 改动easy(用记录本打开就能改动), 执行easy(windows环境下双击执行就可以) 实在是居家旅行,出差工作
这是我在网上看到的一个效果,觉得还是很不错的,就研究了一下源码,今天给大家分享一下,其实也很简单。...简单的简述一下原理: 首先是用css在dom创建的div里面画一个若干个圆,圆的大小是随机数,圆的数量也是随机设置的,当然颜色也是随机的, 最后是移动速度,然后拿到屏幕的宽高,下一步就是让小球运动起来,...之间的随机值 function random(min,max){ return Math.random(max-min)+min; } 源码的注释写的还是很清楚的
/// private Action _execute; /// /// 创建一个命令...Action execute) : this(execute, null) { } /// /// 创建一个命令...命令需要执行的方法 /// private Action _execute; /// /// 创建一个命令...Command(Action execute) : this(execute, null) { } /// /// 创建一个命令
领取专属 10元无门槛券
手把手带您无忧上云